@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand:#f16e6e;--color-brand-light:#f16e6e1f;--color-accent:#e8f26b;--c-home:#f16e6e;--c-queue:#3b82f6;--c-leads:#9168f0;--c-email:#1fc98e;--c-invoicing:#fbb23e;--c-scheduler:#a78bfa;--c-finance:#fb9a3e;--c-marketing:#ec4899;--c-customers:#06b6d4;--c-settings:#64748b;--g-queue:linear-gradient(120deg, #2b466a, #13233a);--g-leads:linear-gradient(120deg, #9168f0, #7c3aed);--g-email:linear-gradient(120deg, #1fc98e, #0e9e6e);--g-invoicing:linear-gradient(120deg, #fbb23e, #f08c1e);--g-scheduler:linear-gradient(120deg, #a78bfa, #7c5cf0);--g-finance:linear-gradient(120deg, #fb9a3e, #f2682e);--g-marketing:linear-gradient(120deg, #ec4899, #be185d);--g-customers:linear-gradient(120deg, #06b6d4, #0284c7);--color-sidebar-bg:#1a2235;--color-sidebar-text:#ffffff80;--color-sidebar-border:#ffffff14;--color-bg:#edf0f7;--color-surface:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#00000014;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--panel-queue:#1a2235;--panel-crm:#f4eeff;--panel-email:#edfbf4;--panel-invoicing:#fffceb;--panel-scheduler:#f8eeff;--panel-finance:#fff7ee;--shadow:0 2px 8px #00000014, 0 8px 24px #0000000d;--sidebar-width:220px;--sidebar-width-collapsed:64px;--topbar-height:58px;--font-sans:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--radius:16px}:root.theme-light{--color-bg:#edf0f7;--color-surface:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#00000014;--shadow:0 2px 8px #00000014, 0 8px 24px #0000000d;--panel-queue:#1a2235;--panel-crm:#f4eeff;--panel-email:#edfbf4;--panel-invoicing:#fffceb;--panel-scheduler:#f8eeff;--panel-finance:#fff7ee}:root.theme-dark{--color-bg:#0c1120;--color-surface:#0f1929;--color-text:#f0f0f0;--color-text-secondary:#8892a4;--color-border:#ffffff14;--shadow:0 2px 12px #00000080, 0 8px 32px #00000059;--panel-queue:#0f1929;--panel-crm:#0f1929;--panel-email:#0f1929;--panel-invoicing:#0f1929;--panel-scheduler:#0f1929;--panel-finance:#0f1929;--color-sidebar-bg:#080c17;--color-sidebar-border:#ffffff0f}@media (prefers-color-scheme:dark){:root:not(.theme-light){--color-bg:#0c1120;--color-surface:#0f1929;--color-text:#f0f0f0;--color-text-secondary:#8892a4;--color-border:#ffffff14;--shadow:0 2px 12px #00000080, 0 8px 32px #00000059;--panel-queue:#0f1929;--panel-crm:#0f1929;--panel-email:#0f1929;--panel-invoicing:#0f1929;--panel-scheduler:#0f1929;--panel-finance:#0f1929;--color-sidebar-bg:#080c17;--color-sidebar-border:#ffffff0f}}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:14px}a{color:inherit;text-decoration:none}.panel-band{color:#fff;border-radius:var(--radius);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.panel-band--home{background:linear-gradient(120deg,#f16e6e,#e05252)}.panel-band--marketing{background:linear-gradient(120deg,#ec4899,#be185d)}.panel-band--customers{background:linear-gradient(120deg,#06b6d4,#0284c7)}.panel-band--contracts,.panel-band--templates{background:linear-gradient(120deg,#f16e6e,#e05252)}.panel-band--settings{background:linear-gradient(120deg,#64748b,#475569)}.page-panel{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border);background:var(--color-surface);transition:box-shadow .24s;overflow:hidden}.page-panel--hover:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000021,0 4px 12px #00000014}.page-wrap{flex-direction:column;gap:16px;padding:24px;display:flex}.login-page{background:var(--color-sidebar-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:380px;padding:48px 40px;box-shadow:0 8px 32px #00000040}.login-logo{justify-content:flex-start;align-items:center;margin-bottom:6px;display:flex}.login-logo-mark{background:var(--color-brand);letter-spacing:-.5px;color:#ffeee0;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:14px;font-weight:700;line-height:1;display:flex}.login-logo-mark span{color:var(--color-accent)}.login-tagline{letter-spacing:2.5px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:36px;font-size:11px}.login-form{flex-direction:column;gap:18px;display:flex}.login-error{color:var(--color-brand);background:#f16e6e14;border:1px solid #f16e6e40;border-radius:8px;padding:10px 14px;font-size:13px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.login-field input{border:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .13s}.login-field input:focus{border-color:var(--color-brand)}.login-btn{background:var(--color-brand);color:#fff;font-family:var(--font-sans);letter-spacing:.03em;border:none;border-radius:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:700;transition:opacity .13s}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:disabled{opacity:.6;cursor:not-allowed}.modal-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:440px;overflow:hidden;box-shadow:0 8px 40px #0003}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.modal-title{color:var(--color-text);font-size:15px;font-weight:700}.modal-close{color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:15px;line-height:1;transition:background .12s,color .12s}.modal-order-info{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 24px;display:flex}.modal-order-number{font-family:var(--font-sans);color:var(--color-text);font-size:12.5px;font-weight:700}.modal-order-project,.modal-order-customer{color:var(--color-text-secondary);font-size:12px}.modal-order-project:before,.modal-order-customer:before{content:"·";color:#ccc;margin-right:6px}.modal-notice{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 24px;font-size:12.5px}.modal-error{color:var(--color-brand);background:#f16e6e14;border:1px solid #f16e6e40;border-radius:8px;margin:12px 24px 0;padding:10px 14px;font-size:13px}.modal-form{flex-direction:column;gap:14px;padding:18px 24px;display:flex}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10.5px;font-weight:700}.modal-field-hint{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.4}.modal-field input,.modal-field textarea,.modal-field select{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);resize:vertical;border-radius:8px;outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .13s}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:var(--color-brand)}.modal-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.modal-btn{font-family:var(--font-sans);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn--cancel{background:var(--color-bg);color:var(--color-text-secondary)}.modal-btn--cancel:hover:not(:disabled){opacity:.85}.modal-btn--submit{background:var(--color-brand);color:#fff}.modal-btn--submit:hover:not(:disabled){opacity:.88}.modal-btn--warning{background:var(--color-danger);color:#fff}.modal-btn--warning:hover:not(:disabled){opacity:.88}.modal-box{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);max-height:90vh;padding:1.75rem;overflow-y:auto}.modal-box.modal-box--wide{width:660px;max-width:95vw}.modal-box.modal-box--create-invoice{width:820px}.invoice-form{flex-direction:column;gap:1.25rem;display:flex}.form-section{border:none;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.form-row{align-items:flex-end;gap:.75rem;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group--grow{flex:1}.form-label{color:var(--color-text);font-size:.8rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);box-sizing:border-box;border-radius:6px;width:100%;padding:.5rem .65rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand);outline:none}.form-input--short{width:120px}.form-textarea{resize:vertical;font-family:inherit}.form-top-grid{grid-template-columns:5fr 7fr;align-items:stretch;gap:1.5rem;display:grid}.form-detail-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn-secondary--sm{align-self:flex-start;margin-top:auto;padding:.4rem .75rem;font-size:.8rem}.new-customer-fields{flex-direction:column;gap:.75rem;display:flex}.line-items-header{border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;align-items:center;gap:.5rem;padding:0 0 .4rem;font-size:.7rem;font-weight:700;display:flex}.line-item-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.li-header{border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;align-items:center;gap:.5rem;padding:0 0 .4rem;font-size:.72rem;font-weight:700;display:flex}.li-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.li-col{align-items:center;display:flex}.li-col--service{flex:1}.li-col--qty{width:70px}.li-col--price{width:110px}.li-col--total{justify-content:flex-end;width:90px;font-size:.875rem;font-weight:700}.li-col--remove{justify-content:center;width:28px}.price-input-wrap{border:1px solid var(--color-border);border-radius:6px;align-items:center;width:100%;display:flex;overflow:hidden}.price-input-wrap .form-input{border:none;border-radius:0;padding-left:.25rem}.price-prefix{color:var(--color-text-secondary);background:var(--color-bg);border-right:1px solid var(--color-border);padding:0 .4rem;font-size:.85rem;line-height:2.2}.remove-line-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem;line-height:1}.remove-line-btn:hover{color:#ef4444}.add-line-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.75rem;padding:0;font-size:.82rem;font-weight:600}.add-line-btn:hover{color:var(--color-text)}.order-total-row{border-top:2px solid var(--color-text);justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.order-total-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.order-total-value{color:var(--color-text);font-size:1.4rem;font-weight:700}.btn-primary{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.55rem 1rem;font-size:.875rem;font-weight:600}.btn-secondary:hover{opacity:.85}.modal-subtitle{color:var(--color-text-secondary);margin:.15rem 0 0;font-size:.875rem}.custom-service-row{align-items:center;gap:6px;width:100%;display:flex}.custom-service-row .form-input{flex:1;min-width:0}.addon-note{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;margin-bottom:1rem;padding:.6rem .875rem;font-size:.875rem}.customer-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:6px;max-height:220px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.customer-option{text-align:left;width:100%;color:var(--color-text);cursor:pointer;border:none;border-bottom:1px solid var(--color-border);background:0 0;padding:.55rem .75rem;font-size:.875rem;display:block}.customer-option:last-child{border-bottom:none}.customer-option:hover{background:var(--color-bg)}.customer-option--empty{color:var(--color-text-secondary);cursor:default}.customer-option--empty:hover{background:0 0}.customer-selected-check{color:#10b981;pointer-events:none;margin-top:.6rem;font-size:.72rem;font-weight:700;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.bill-later-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.bill-later-label{color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.bill-later-label input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.bill-later-note{color:var(--color-text-secondary);margin:0;padding-left:1.5rem;font-size:.8rem}.home{flex-direction:column;gap:16px;padding:24px;display:flex}.home-panel{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border);transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s;overflow:hidden}.home-panel:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000021,0 4px 12px #00000014}.theme-dark .home-panel:hover{box-shadow:0 12px 40px #00000080,0 4px 12px #00000059}.home-panel--queue,.home-panel--crm,.home-panel--email,.home-panel--invoicing,.home-panel--scheduler,.home-panel--finance{background:var(--color-surface)}.home-row{gap:16px;display:flex}.home-panel--full{width:100%}.home-panel--half{flex:1;min-width:0}.panel-band{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.panel-band:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff38,#0000 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:-60px;right:-40px}.panel-band--queue{background:linear-gradient(120deg,#2b466a,#13233a)}.panel-band--leads{background:linear-gradient(120deg,#9168f0,#7c3aed)}.panel-band--email{background:linear-gradient(120deg,#1fc98e,#0e9e6e)}.panel-band--invoicing{background:linear-gradient(120deg,#fbb23e,#f08c1e)}.panel-band--scheduler{background:linear-gradient(120deg,#a78bfa,#7c5cf0)}.panel-band--finance{background:linear-gradient(120deg,#fb9a3e,#f2682e)}.panel-band-left{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.panel-band-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 1px #fff6}.panel-band-title{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;line-height:1}.panel-band-sub{opacity:.82;margin-top:3px;font-size:11px;font-weight:500;display:block}.panel-band-actions{z-index:1;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.panel-band-link{letter-spacing:.05em;color:#fff;text-transform:uppercase;white-space:nowrap;z-index:1;background:#ffffff2e;border-radius:20px;align-items:center;padding:6px 12px;font-size:11px;font-weight:800;text-decoration:none;transition:background .16s;display:inline-flex;position:relative}.panel-band-link:hover{color:#fff;background:#ffffff52}.panel-band-btn{letter-spacing:.05em;color:#fff;cursor:pointer;font-size:11px;font-weight:800;font-family:var(--font-sans);text-transform:uppercase;white-space:nowrap;z-index:1;background:#ffffff2e;border:none;border-radius:20px;align-items:center;padding:6px 12px;transition:background .16s,transform .16s;display:inline-flex;position:relative}.panel-band-btn:hover{background:#ffffff52;transform:translateY(-1px)}.panel-band-badge{color:#fff;white-space:nowrap;background:#ffffff38;border:1px solid #ffffff47;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:800}.panel-body{padding:18px 20px}.panel-loading,.panel-error{color:var(--color-text-secondary);margin:0;padding:18px 20px;font-size:13px}.panel-error{color:var(--color-danger)}.panel-empty{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.queue-strip{flex-wrap:nowrap;gap:6px;padding:14px 20px 0;display:flex}.queue-chip{aspect-ratio:4/3;cursor:pointer;text-align:center;color:#fff;border:1px solid #0000;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:8px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;display:inline-flex}.queue-chip:hover{transform:translateY(-4px)scale(1.03)}.queue-chip--total{background:linear-gradient(160deg,#3b4c6b,#1e2d4a);box-shadow:0 8px 20px -8px #1e2d4acc,inset 0 1px #fff3}.queue-chip--awaiting_shipping{background:linear-gradient(160deg,#64748b,#475569);box-shadow:0 8px 20px -8px #475569b3,inset 0 1px #ffffff4d}.queue-chip--awaiting_precheck{background:linear-gradient(160deg,#3b82f6,#3b82f6bf);box-shadow:0 8px 20px -8px #3b82f6b3,inset 0 1px #ffffff4d}.queue-chip--awaiting_photography{background:linear-gradient(160deg,#f59e0b,#f59e0bbf);box-shadow:0 8px 20px -8px #f59e0bb3,inset 0 1px #ffffff4d}.queue-chip--in_photography{background:linear-gradient(160deg,#9168f0,#7c3aed);box-shadow:0 8px 20px -8px #7c3aedcc,inset 0 1px #ffffff4d}.queue-chip--in_retouching{background:linear-gradient(160deg,#ec4899,#ec4899bf);box-shadow:0 8px 20px -8px #ec4899b3,inset 0 1px #ffffff4d}.queue-chip--in_revision{background:linear-gradient(160deg,#ef4444,#dc2626);box-shadow:0 8px 20px -8px #dc2626cc,inset 0 1px #ffffff4d}.queue-chip--awaiting_customer_approval{background:linear-gradient(160deg,#10b981,#10b981bf);box-shadow:0 8px 20px -8px #10b981b3,inset 0 1px #ffffff4d}.chip-count{font-variant-numeric:tabular-nums;font-size:31px;font-weight:800;line-height:1}.chip-label{opacity:.88;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:500;overflow:hidden}.queue-flowbar{background:var(--color-bg);border-radius:8px;gap:3px;height:8px;margin:4px 20px 0;display:flex;overflow:hidden}.queue-flowbar-seg{border-radius:8px;min-width:4px;transition:flex 1s cubic-bezier(.2,.7,.3,1)}.queue-secondary{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 20px 20px;display:grid}.queue-stat{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.qstat-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.qstat-label{color:var(--color-text-secondary);font-size:10.5px;font-weight:500;line-height:1.3}.crm-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.crm-item{border-radius:12px;align-items:center;gap:12px;padding:9px 10px;transition:background .15s;display:flex}.crm-item:hover{background:var(--color-bg)}.crm-avatar{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#9168f0,#f2566f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #9168f066}.crm-info{flex:1;min-width:0}.crm-name{color:var(--color-text);font-size:13px;font-weight:600;display:block}.crm-days{color:var(--color-text-secondary);margin-top:1px;font-size:11.5px;display:block}.crm-pill{color:#fff;white-space:nowrap;background:linear-gradient(120deg,#9168f0,#7c3aed);border-radius:20px;flex-shrink:0;padding:5px 11px;font-size:11px;font-weight:800;box-shadow:0 4px 12px -3px #7c3aed80}.email-preview-list{margin:0;padding:0;list-style:none}.email-preview-item{border-bottom:1px solid var(--color-border);padding:10px 0}.email-preview-item:last-child{border-bottom:none}.email-preview-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.email-preview-sender{color:var(--color-text);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.email-preview-item--unread .email-preview-sender{font-weight:700}.unread-dot{background:#1fc98e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 9px #1fc98eb3}.email-preview-date{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.email-preview-subject{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.email-preview-item--unread .email-preview-subject{color:var(--color-text);font-weight:500}.invoice-stats{gap:36px;display:flex}.invoice-stat{flex-direction:column;gap:5px;display:flex}.stat-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fbb23e,#f08c1e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:28px;font-weight:800;line-height:1}.invoice-stat--muted .stat-value{-webkit-text-fill-color:unset;color:var(--color-text);background:0 0}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:500}.inv-progress{margin-top:18px}.inv-stackbar{background:var(--color-bg);border-radius:10px;gap:3px;height:10px;display:flex;overflow:hidden}.inv-seg{border-radius:10px;min-width:6px;transition:flex 1s cubic-bezier(.2,.7,.3,1)}.inv-seg--collected{background:#1fc98e;box-shadow:0 0 10px #1fc98e80}.inv-seg--outstanding{background:#fbb23e;box-shadow:0 0 10px #fbb23e80}.inv-legend{flex-wrap:wrap;gap:6px 18px;margin-top:10px;display:flex}.inv-legend-item{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.inv-legend-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.inv-legend-dot--collected{background:#1fc98e}.inv-legend-dot--outstanding{background:#fbb23e}.scheduler-grid{gap:6px;display:flex}.sched-day{text-align:center;color:#fff;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 4px;transition:transform .18s,box-shadow .18s;display:flex}.sched-day:hover{transform:translateY(-3px)}.sched-day--open{background:linear-gradient(160deg,#8075e0,#6b5cd0);box-shadow:0 6px 16px -8px #6b5cd080,inset 0 1px #fff3}.sched-day--covered{background:linear-gradient(160deg,#9168f0,#7040d8);box-shadow:0 8px 20px -10px #7040d8bf,inset 0 1px #ffffff59}.sched-day-name{letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.9;font-size:9.5px;font-weight:800}.sched-day-date{opacity:.75;color:#fff;font-size:10px;font-weight:500}.sched-day-person{color:#fff;background:#ffffff38;border-radius:6px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:700}.sched-day-entries{flex-direction:column;gap:4px;width:100%;display:flex}.sched-day-entry{flex-direction:column;align-items:center;gap:1px;display:flex}.sched-entry-name{color:#fff;font-size:10.5px;font-weight:700;line-height:1.2}.sched-entry-time{color:#ffffffbf;font-size:9px;line-height:1.2}.finance-body{align-items:stretch;gap:0;display:flex}.finance-stats{flex:1;align-items:stretch;display:flex}.finance-stat{flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex}.finance-stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:600}.finance-stat-value{color:var(--color-text);letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:auto;margin-bottom:auto;font-size:28px;font-weight:800;line-height:1}.finance-stat-value--month{background:linear-gradient(120deg,#fb9a3e,#f2682e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content}.finance-stat-value--pending{background:linear-gradient(120deg,#f2566f,#f7805f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content}.finance-stat-sub{color:var(--color-text-secondary);margin-top:1px;font-size:11px}.finance-divider{background:var(--color-border);flex-shrink:0;align-self:stretch;width:1px;margin:16px 0}.finance-spark-wrap{background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;flex-shrink:0;gap:10px;width:300px;margin:14px 20px 14px 0;padding:14px 16px;display:flex}.finance-spark-label{justify-content:space-between;align-items:baseline;display:flex}.finance-spark-label span{letter-spacing:.06em;color:var(--color-text-secondary);text-transform:uppercase;font-size:10.5px;font-weight:800}.stat-value--zero,.finance-stat-value--zero{-webkit-text-fill-color:var(--color-text-secondary)!important;color:var(--color-text-secondary)!important;background:0 0!important}.home-title{display:none}.assign-modal-box{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);width:420px;max-width:95vw;padding:1.75rem}.assign-order-ref{color:var(--color-text-secondary);font-size:.78rem;font-family:var(--font-sans);margin:.15rem 0 0}.assign-body{flex-direction:column;gap:1rem;margin:1.25rem 0;display:flex}.assign-empty{color:var(--color-text-secondary);margin:0;font-size:.875rem}.photographer-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.photographer-item{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:background .12s,border-color .12s;display:flex}.photographer-item:hover{background:var(--color-bg);border-color:var(--color-border)}.photographer-item--selected{background:#f0fdf4;border-color:#86efac}.photographer-avatar{background:var(--color-text);width:34px;height:34px;color:var(--color-surface);letter-spacing:.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.photographer-item--selected .photographer-avatar{background:#16a34a}.photographer-name{color:var(--color-text);flex:1;font-size:.9rem;font-weight:600}.photographer-check{color:#16a34a;text-align:center;width:16px;font-size:.9rem;font-weight:700}.assign-summary{color:var(--color-text-secondary);margin:0;font-size:.78rem}.modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.6rem;padding-top:1rem;display:flex}.orders-page{flex-direction:column;gap:16px;padding:24px;display:flex}.orders-page-band{border-radius:var(--radius);margin-bottom:0}.orders-band-search{color:#fff;font-family:var(--font-sans);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff59;border-radius:20px;outline:none;width:280px;padding:7px 14px;font-size:13px;transition:background .13s,border-color .13s}.orders-band-search::placeholder{color:#ffffffa6}.orders-band-search:focus{background:#ffffff40;border-color:#fff9}.page-error,.page-loading,.page-empty{color:var(--color-text-secondary);margin:0 0 16px;padding:0 4px;font-size:13px}.page-error{color:var(--color-danger)}.orders-sections{flex-direction:column;gap:10px;display:flex}.order-section{border-radius:var(--radius);overflow:hidden}.order-section .panel-band{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);border:none;border-radius:0;transition:filter .12s}.order-section .panel-band:hover{filter:brightness(1.06)}.order-section .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.section-title{color:#fff;font-size:13px;font-weight:700}.section-count{color:#fff;background:#fff3;border-radius:20px;margin-left:4px;padding:2px 9px;font-size:11px;font-weight:700}.section-chevron{color:#fffc;z-index:1;font-size:14px;transition:transform .15s;display:inline-block;position:relative;transform:rotate(90deg)}.section-chevron--collapsed{transform:rotate(0)}.section-body{background:var(--color-surface);overflow-x:auto}.section-empty{color:var(--color-text-secondary);margin:0;padding:16px 20px;font-size:12.5px;font-style:italic}.orders-table{border-collapse:collapse;width:100%;min-width:860px}.orders-table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;background:var(--color-bg);padding:9px 14px;font-size:10.5px;font-weight:700}.orders-table .sortable-th{-webkit-user-select:none;user-select:none;transition:color .12s}.orders-table .sortable-th:hover{color:var(--color-text)}.orders-table .sortable-th--active{color:var(--c-queue)}.orders-table .sort-arrow{opacity:.5;font-size:9px}.orders-table .sortable-th--active .sort-arrow{opacity:1}.orders-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;background:var(--color-surface);font-size:13px;font-family:var(--font-sans);padding:11px 14px}.order-row:last-child td{border-bottom:none}.order-row:hover td{background:var(--color-bg)}.order-number{white-space:nowrap;font-size:13px;font-weight:700}.order-number--link{cursor:pointer;color:var(--color-brand);text-underline-offset:2px;text-decoration:underline}.order-number--link:hover{opacity:.75}.order-project{color:var(--color-text);font-weight:500}.order-customer-link{color:var(--color-text);cursor:pointer;font-weight:600;transition:color .12s}.order-customer-link:hover{color:var(--color-brand);text-decoration:underline}.order-contact{color:var(--color-text-secondary);margin-top:1px;font-size:11.5px}.order-shots{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.order-assignees-cell{vertical-align:middle}.order-assignees-cell .assignee-inner{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.assignee-names{color:var(--color-text-secondary);font-size:12.5px;line-height:1.3}.assign-inline-btn{color:var(--color-brand);background:var(--color-brand-light);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #f16e6e40;border-radius:6px;padding:2px 8px;transition:opacity .13s}.assign-inline-btn:hover{opacity:.8}.order-tags{flex-wrap:wrap;gap:4px;display:flex}.tag-chip{background:var(--color-brand-light);color:var(--color-brand);white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.tag-chip--bill-later{color:#b45309;background:#fbb23e26}.source-badge{letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.source-badge--honeybook{color:#c05c00;background:#fff0e6;border:1px solid #f5c9a0}.source-badge--manual{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.order-actions-cell{white-space:nowrap}.order-action-btns{flex-wrap:wrap;gap:5px;display:flex}.action-btn{font-family:var(--font-sans);white-space:nowrap;cursor:pointer;border:none;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .13s}.action-btn:hover{opacity:.82}.action-btn--primary{background:var(--color-brand);color:#fff}.action-btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.action-btn--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.action-btn--close{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pagination-bar{border-top:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;font-size:12.5px;display:flex}.pagination-info{font-variant-numeric:tabular-nums;flex:1}.pagination-nav{align-items:center;gap:8px;display:flex}.pagination-pages{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:12px}.pagination-btn{border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;border-radius:6px;padding:4px 11px;font-size:12px;font-weight:600;transition:background .12s,opacity .12s}.pagination-btn:hover:not(:disabled){background:var(--color-bg)}.pagination-btn:disabled{opacity:.38;cursor:default}.pagination-perpage{align-items:center;gap:6px;display:flex}.pagination-select{border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.ei-modal{width:680px;max-width:95vw}.ei-notice{border-radius:6px;margin-bottom:1rem;padding:.6rem .875rem;font-size:.82rem}.ei-notice--warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.ei-lines{flex-direction:column;gap:0;margin-bottom:1.25rem;display:flex}.ei-lines-header{border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;align-items:center;gap:.5rem;padding:0 0 .4rem;font-size:.7rem;font-weight:700;display:flex}.ei-line-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.45rem 0;display:flex}.ei-col{align-items:center;display:flex}.ei-col--service{flex:1}.ei-col--qty{width:72px}.ei-col--price{width:120px}.ei-col--total{justify-content:flex-end;width:90px;font-size:.875rem;font-weight:700}.ei-col--remove{justify-content:center;width:28px}.ei-input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);box-sizing:border-box;border-radius:6px;padding:.4rem .55rem;font-family:inherit;font-size:.875rem}.ei-input:focus{border-color:var(--color-brand);outline:none}.ei-price-wrap{border:1px solid var(--color-border);border-radius:6px;align-items:center;width:100%;display:flex;overflow:hidden}.ei-price-wrap .ei-input{border:none;border-radius:0;padding-left:.25rem}.ei-price-prefix{color:var(--color-text-secondary);background:var(--color-bg);border-right:1px solid var(--color-border);padding:0 .4rem;font-size:.85rem;line-height:2.2}.ei-remove-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem}.ei-remove-btn:hover{color:#ef4444}.ei-add-line-btn{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.65rem;padding:0;font-size:.82rem;font-weight:600}.ei-add-line-btn:hover{color:var(--color-text)}.ei-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding:1rem;display:flex}.ei-summary-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.ei-summary-label{color:var(--color-text-secondary)}.ei-summary-value{font-weight:600}.ei-summary-row--delta{border-top:1px solid var(--color-border);margin-top:.25rem;padding-top:.5rem}.ei-summary-row--refund .ei-summary-label,.ei-summary-row--refund .ei-delta-value{color:#dc2626}.ei-summary-row--charge .ei-summary-label,.ei-summary-row--charge .ei-delta-value{color:#059669}.ei-error{color:#ef4444;margin:0 0 .75rem;font-size:.82rem}.btn-refund{background:#dc2626}.btn-refund:hover:not(:disabled){opacity:1;background:#b91c1c}.order-detail{flex-direction:column;gap:0;padding:0;display:flex}.detail-header-band{border-radius:var(--radius);flex-wrap:wrap;align-items:flex-start;gap:12px;margin:24px 24px 0;overflow:visible}.detail-body-wrap{padding:20px 28px 28px}.detail-body{grid-template-columns:1fr 320px;align-items:start;gap:20px;padding:20px 28px 28px;display:grid}.detail-main{flex-direction:column;gap:18px;display:flex}.detail-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.sidebar-contact-grid{flex-direction:column;gap:10px;display:flex}.sidebar-contact-row{flex-direction:column;gap:2px;display:flex}.sidebar-contact-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.sidebar-contact-value{color:var(--color-text);font-size:13px;font-weight:500}.sidebar-contact-link{color:var(--color-brand);font-size:13px;font-weight:500;text-decoration:none}.sidebar-contact-link:hover{text-decoration:underline}.sidebar-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.sidebar-stat{border-right:1px solid var(--color-border);flex-direction:column;align-items:center;gap:3px;padding:14px 8px;display:flex}.sidebar-stat:last-child{border-right:none}.sidebar-stat-value{color:var(--color-text);text-align:center;font-size:15px;font-weight:700}.sidebar-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);text-align:center;font-size:9.5px;font-weight:700}.sidebar-history-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-history-item{border-bottom:1px solid var(--color-border);padding:10px 0}.sidebar-history-item:last-child{border-bottom:none}.sidebar-history-link{flex-direction:column;gap:2px;margin-bottom:4px;text-decoration:none;display:flex}.sidebar-history-num{color:var(--color-brand);font-size:12px;font-weight:700;font-family:var(--font-sans)}.sidebar-history-link:hover .sidebar-history-num{text-decoration:underline}.sidebar-history-project{color:var(--color-text);font-size:12px}.sidebar-history-meta{justify-content:space-between;align-items:center;display:flex}.sidebar-history-status{color:var(--color-text-secondary);font-size:11px}.sidebar-history-price{color:var(--color-text);font-size:12px;font-weight:600}.detail-status-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.detail-invoice-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffffd9;background:#ffffff2e;border:1px solid #ffffff47;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700}.detail-loading,.detail-error{color:var(--color-text-secondary);padding:48px;font-size:13px}.detail-status-wrap{position:relative}.detail-status-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;background:#ffffff1f;border:2px solid;border-radius:8px;padding:5px 14px;font-size:11px;font-weight:700;transition:opacity .13s,background .13s}.detail-status-badge:hover{opacity:1;background:#ffffff38}.detail-status-badge--draft{color:#ffffffbf;cursor:default;border-color:#fff6}.detail-status-badge--draft:hover{background:#ffffff1f}.status-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:50;min-width:220px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.status-dropdown-item{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 16px;font-size:13px;transition:background .12s;display:flex}.status-dropdown-item:hover{background:var(--color-bg)}.status-dropdown-item--active{background:var(--color-bg);font-weight:600}.detail-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.det-btn{font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;white-space:nowrap;text-transform:uppercase;z-index:1;border:none;border-radius:20px;padding:6px 13px;font-size:11px;font-weight:800;transition:background .15s,transform .15s;position:relative}.det-btn:hover{transform:translateY(-1px)}.det-btn--primary{background:var(--color-brand);color:#fff}.det-btn--primary:hover{background:var(--color-brand);opacity:.88}.det-btn--secondary{color:#fff;background:#ffffff2e}.det-btn--secondary:hover{background:#ffffff52}.det-btn--assign{color:#fff;background:#3b82f6cc}.det-btn--assign:hover{background:#3b82f6}.det-btn--warning{color:#fff;background:#f59e0bd9}.det-btn--warning:hover{background:#f59e0b}.det-btn--close{color:#fff;background:#ef4444cc}.det-btn--close:hover{background:#ef4444}.det-btn--sm{text-transform:none;letter-spacing:0;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600}.det-btn--sm.det-btn--primary{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.detail-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 16px;font-size:11px;font-weight:700}.detail-card-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.detail-card-header .detail-card-title{flex:1;margin:0}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px 20px;display:grid}.meta-group{flex-direction:column;gap:3px;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.meta-value{color:var(--color-text);font-size:13.5px;font-weight:600}.meta-sub{color:var(--color-text-secondary);font-size:12px}.meta-link{color:var(--color-brand);font-size:13px;text-decoration:none}.meta-link:hover{text-decoration:underline}.meta-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.meta-tag{background:var(--color-brand-light);color:var(--color-brand);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.line-items-summary{border-top:1px solid var(--color-border);margin-top:18px;padding-top:16px}.li-summary-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.li-summary-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);margin:0;font-size:10px;font-weight:700}.li-edit-btn{color:var(--color-brand);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);background:0 0;border:1px solid #f16e6e4d;border-radius:6px;padding:3px 10px;transition:background .12s}.li-edit-btn:hover{background:var(--color-brand-light)}.li-edit-btn--refund{color:#7c3aed;border-color:#7c3aed4d}.li-edit-btn--refund:hover{background:#f5f3ff}.det-btn--sm{padding:5px 12px;font-size:12px}.edit-mode-actions{align-items:center;gap:8px;display:flex}.meta-edit-input--project{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface);box-sizing:border-box;border-radius:6px;width:320px;margin-top:4px;padding:5px 8px;font-family:inherit;font-size:13px;font-weight:500}.meta-edit-input--project:focus{border-color:var(--color-brand);outline:none}.meta-edit-input,.meta-edit-select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);box-sizing:border-box;border-radius:6px;padding:5px 8px;font-family:inherit;font-size:13px;font-weight:500}.meta-edit-input:focus,.meta-edit-select:focus{border-color:var(--color-brand);outline:none}.meta-edit-typeahead{position:relative}.meta-edit-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:60;border-radius:6px;max-height:200px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.meta-edit-option{text-align:left;width:100%;color:var(--color-text);cursor:pointer;border:none;border-bottom:1px solid var(--color-border);background:0 0;padding:8px 12px;font-family:inherit;font-size:13px;display:block}.meta-edit-option:last-child{border-bottom:none}.meta-edit-option:hover{background:var(--color-bg)}.meta-edit-selected{color:#10b981;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.li-summary-table{border-collapse:collapse;width:100%;font-size:12.5px}.li-summary-table th{text-align:left;background:var(--color-bg);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);padding:6px 10px;font-size:10px;font-weight:700}.li-summary-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:8px 10px}.li-summary-table tr:last-child td{border-bottom:none}.directions-block{flex-direction:column;gap:6px;display:flex}.directions-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.combined-notes-divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.directions-input{box-sizing:border-box;border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;line-height:1.5;transition:border-color .13s}.directions-input:focus{border-color:var(--color-brand)}.directions-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.directions-saved{color:var(--color-success);font-size:12px;font-weight:600}.attachments-hint{color:var(--color-text-secondary);margin:0 0 12px;font-size:12px}.attachments-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.attachment-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.att-icon{flex-shrink:0;font-size:16px}.att-info{flex-direction:column;flex:1;gap:1px;display:flex}.att-name{color:var(--color-brand);font-size:13px;font-weight:600;text-decoration:none}.att-name:hover{text-decoration:underline}.att-meta{color:var(--color-text-secondary);font-size:11px}.notes-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);resize:none;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;line-height:1.4;transition:border-color .13s}.notes-input:focus{border-color:var(--color-brand)}.notes-add-btn{background:var(--color-brand);color:#fff;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:opacity .13s}.notes-add-btn:hover:not(:disabled){opacity:.88}.notes-add-btn:disabled{opacity:.4;cursor:not-allowed}.notes-empty{color:var(--color-text-secondary);margin:0;font-size:12.5px;font-style:italic}.note-item{border-left:3px solid var(--color-border);padding:4px 0 4px 12px}.note-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.note-author{color:var(--color-text);font-size:12px;font-weight:700}.note-date{color:var(--color-text-secondary);flex:1;font-size:11px}.note-delete{color:var(--color-border);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;transition:color .12s}.note-text{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.det-btn--delete{color:#fff;background:#ef4444bf}.det-btn--delete:hover{background:#ef4444}.detail-order-num-link{color:#fff;border-bottom:2px solid #0000;text-decoration:none;transition:border-color .15s}.detail-order-num-link:hover{border-bottom-color:#fff9}.meta-group--gallery{grid-column:1/-1}.gallery-view-row{align-items:center;gap:8px;display:flex}.gallery-edit-icon{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1;transition:color .12s}.gallery-edit-icon:hover{color:var(--color-brand)}.gallery-edit-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gallery-edit-input{flex:1;min-width:180px}.gallery-save-btn{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.gallery-save-btn:disabled{opacity:.6;cursor:default}.gallery-cancel-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px}@media (width>=1440px){.detail-body{grid-template-columns:1fr 380px;gap:28px;padding:24px 36px 36px}}.detail-body-wrap{display:contents}.invoicing{flex-direction:column;gap:18px;padding:24px;display:flex}.invoicing-page-band{border-radius:var(--radius)}.panel-band-btn--ghost{background:#ffffff1a;border:1px solid #ffffff59}.panel-band-btn--ghost:hover{background:#ffffff38}.btn-create{background:var(--color-brand);color:#fff;font-family:var(--font-sans);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.btn-create:hover{opacity:.88}.btn-create--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-create--secondary:hover{background:var(--color-bg);opacity:1}.inv-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:0;padding:20px 28px;display:flex}.inv-summary-stat{flex-direction:column;flex:1;gap:4px;display:flex}.inv-summary-value{color:var(--color-text);letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1}.inv-summary-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.inv-summary-divider{background:var(--color-border);flex-shrink:0;width:1px;height:40px;margin:0 28px}.inv-filters{gap:6px;display:flex}.inv-filter-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.inv-filter-btn:hover{background:var(--color-bg);color:var(--color-text)}.inv-filter-btn--active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.inv-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.inv-table{border-collapse:collapse;width:100%;font-size:13px}.inv-table thead tr{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.inv-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}.inv-table td{color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.inv-row:last-child td{border-bottom:none}.inv-row:hover td{background:var(--color-bg)}.inv-row--paid td{color:var(--color-text-secondary)}.inv-order-num{font-weight:700;font-family:var(--font-sans);font-size:12px}.inv-company{font-weight:600;display:block}.inv-contact{color:var(--color-text-secondary);font-size:12px;display:block}.inv-price{font-weight:700}.inv-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.inv-badge--paid{color:#fff;background:linear-gradient(120deg,#1fc98e,#0e9e6e)}.inv-badge--sent,.inv-badge--m2m_unpaid,.inv-badge--bill_later{color:#fff;background:linear-gradient(120deg,#fbb23e,#f08c1e)}.inv-badge--draft,.inv-badge--quote{color:var(--color-text-secondary);background:#00000012}.inv-actions{text-align:right;white-space:nowrap}.inv-action-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;transition:background .12s}.inv-action-btn:hover{background:var(--color-bg)}.inv-action-btn--paid{color:#065f46;background:#f0fdf4;border-color:#6ee7b7}.inv-action-btn--paid:hover{background:#dcfce7}.inv-action-btn--paid:disabled{opacity:.5;cursor:not-allowed}.inv-action-btn--stripe{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-light)}.inv-action-btn--stripe:hover{background:#f16e6e33}.inv-action-btn--stripe:disabled{opacity:.5;cursor:not-allowed}.inv-action-btn--void{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.inv-action-btn--void:hover{background:#fee2e2}.inv-action-btn--void:disabled{opacity:.5;cursor:not-allowed}.inv-action-btn--delete{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.inv-action-btn--delete:hover{background:#fee2e2}.inv-action-btn--delete:disabled{opacity:.5;cursor:not-allowed}.inv-action-btn--addon{color:#065f46;white-space:nowrap;background:#f0fdf4;border-color:#6ee7b7}.inv-action-btn--addon:hover{background:#dcfce7}.inv-action-group{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.inv-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.inv-order-link{color:var(--color-text);font-weight:600;text-decoration:none}.inv-order-link:hover{color:var(--color-brand);text-decoration:underline}.inv-paid-date{color:var(--color-text-secondary);font-size:11.5px;font-style:italic}.inv-loading{color:var(--color-text-secondary);padding:20px;font-size:13px}.inv-empty{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px;font-size:13px;display:flex}.inv-detail-page{padding:0}.inv-detail-band{border-radius:var(--radius);margin:24px 24px 0}.inv-detail-loading,.inv-detail-error{color:var(--color-text-secondary);padding:40px 24px;font-size:14px}.inv-detail-status-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#fff3;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.inv-detail-body{grid-template-columns:1fr 300px;align-items:start;gap:20px;padding:20px 24px 28px;display:grid}.inv-detail-main{flex-direction:column;gap:16px;display:flex}.inv-detail-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.inv-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 22px}.inv-detail-card-title{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 14px;font-size:11px;font-weight:800}.inv-detail-meta-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.inv-detail-field{flex-direction:column;gap:3px;display:flex}.inv-detail-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.inv-detail-value{color:var(--color-text);font-size:13px;font-weight:600}.inv-detail-sub{color:var(--color-text-secondary);font-size:11px}.inv-detail-lines{border-collapse:collapse;width:100%;font-size:13px}.inv-detail-lines th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border);padding:6px 10px;font-size:10px;font-weight:700}.inv-detail-lines td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px}.inv-detail-lines .inv-line-num,.inv-detail-lines td.inv-line-num{text-align:right}.inv-detail-lines tbody tr:last-child td{border-bottom:none}.inv-detail-lines tfoot td{border-top:2px solid var(--color-border);text-align:right;border-bottom:none;padding:12px 10px;font-size:14px;font-weight:700}.inv-detail-lines tfoot td:first-child{text-align:right;color:var(--color-text-secondary)}.inv-detail-empty{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px}.inv-detail-notes-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.inv-detail-note{background:var(--color-bg);border-radius:8px;padding:10px 12px}.inv-detail-note-text{color:var(--color-text);margin:0 0 4px;font-size:13px}.inv-detail-note-meta{color:var(--color-text-secondary);font-size:11px}.inv-detail-note-form{flex-direction:column;gap:8px;display:flex}.inv-detail-note-input{border:1px solid var(--color-border);width:100%;font-size:13px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);resize:vertical;box-sizing:border-box;border-radius:8px;padding:8px 10px}.inv-detail-note-input:focus{border-color:#fbb23e;outline:none}.inv-detail-note-btn{background:var(--color-text);color:var(--color-surface);font-size:12px;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;align-self:flex-end;padding:7px 16px;transition:opacity .15s}.inv-detail-note-btn:disabled{opacity:.4;cursor:not-allowed}.inv-detail-note-btn:hover:not(:disabled){opacity:.8}.inv-detail-contact-grid{flex-direction:column;gap:12px;display:flex}.inv-detail-email-link{color:#fbb23e;font-size:13px;font-weight:600;text-decoration:none}.inv-detail-email-link:hover{text-decoration:underline}.inv-detail-action-error{color:#ef4444;margin:0 0 10px;font-size:12px}.inv-detail-action-stack{flex-direction:column;gap:8px;display:flex}.inv-detail-btn{width:100%;font-size:13px;font-weight:700;font-family:var(--font-sans);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:10px 14px;transition:opacity .15s,transform .12s}.inv-detail-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.inv-detail-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.inv-detail-btn--primary{color:#fff;background:#fbb23e}.inv-detail-btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.inv-detail-btn--paid{color:#fff;background:#10b981}.inv-detail-btn--danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.inv-detail-btn--danger:hover:not(:disabled){background:#ef44442e}.ccm-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ccm-modal{background:var(--color-surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;box-shadow:0 8px 40px #00000047}.ccm-modal--editor{max-width:860px;max-height:92vh}.ccm-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.ccm-title{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.ccm-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px}.ccm-close:hover{background:var(--color-bg);color:var(--color-text)}.ccm-form-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.ccm-optional{text-transform:none;letter-spacing:0;color:var(--color-text-secondary);font-size:11px;font-weight:400}.ccm-field{flex-direction:column;gap:5px;display:flex}.ccm-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.ccm-select,.ccm-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;font-family:var(--font-sans);color:var(--color-text);box-sizing:border-box;border-radius:8px;padding:8px 11px;font-size:13px}.ccm-select{cursor:pointer}.ccm-select:focus,.ccm-input:focus{outline:2px solid var(--color-brand);outline-offset:1px}.ccm-select:disabled,.ccm-input:disabled{opacity:.6;cursor:not-allowed}.ccm-loading{color:var(--color-text-secondary);margin:0;padding:8px 0;font-size:13px}.ccm-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;padding:8px 20px;display:flex}.ccm-toolbar-btn{font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1;transition:background .1s,color .1s,border-color .1s}.ccm-toolbar-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.ccm-toolbar-btn--active{background:var(--color-brand-light);border-color:var(--color-brand);color:var(--color-brand)}.ccm-toolbar-btn--sig{color:var(--color-text);border-color:var(--color-border);background:var(--color-surface);padding:5px 12px;font-size:12px}.ccm-toolbar-btn--sig:hover{border-color:var(--color-brand);color:var(--color-brand)}.ccm-toolbar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 4px}.ccm-editor-wrap{flex:1;min-height:0;padding:20px 28px;overflow-y:auto}.ccm-editor{outline:none;min-height:220px}.ccm-editor .tiptap{font-family:var(--font-sans);color:var(--color-text);outline:none;min-height:220px;font-size:13.5px;line-height:1.65}.ccm-editor .tiptap p{margin:0 0 10px}.ccm-editor .tiptap h1{margin:18px 0 8px;font-size:18px;font-weight:700}.ccm-editor .tiptap h2{margin:14px 0 6px;font-size:15px;font-weight:700}.ccm-editor .tiptap ul,.ccm-editor .tiptap ol{margin:0 0 10px;padding-left:22px}.ccm-editor .tiptap li{margin-bottom:4px}.ccm-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-secondary);pointer-events:none;float:left;height:0}.ccm-sig-block{border:2px dashed var(--color-brand);background:var(--color-brand-light);cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;margin:10px 0;padding:12px 16px;display:flex}.ccm-sig-block-icon{flex-shrink:0;font-size:18px}.ccm-sig-block-label{color:var(--color-brand);flex:1;font-size:13px;font-weight:600}.ccm-sig-block-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px}.ccm-sig-block-remove:hover{color:var(--color-text);background:#00000012}.ccm-error{color:var(--color-danger);background:#dc262614;border-radius:8px;padding:10px 14px;font-size:13px}.ccm-error--inline{flex-shrink:0;margin:0 24px}.ccm-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px 18px;display:flex}.ccm-footer-right{align-items:center;gap:10px;margin-left:auto;display:flex}.ccm-template-saved{color:var(--color-success,#16a34a);font-size:12px;font-weight:600}.ccm-btn-template{border:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.ccm-btn-template:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-secondary);color:var(--color-text)}.ccm-btn-template:disabled{opacity:.5;cursor:not-allowed}.ccm-btn-cancel{border:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .12s}.ccm-btn-cancel:hover:not(:disabled){background:var(--color-bg)}.ccm-btn-send{background:var(--color-brand);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-size:13px;font-weight:600;transition:opacity .13s}.ccm-btn-send:hover:not(:disabled){opacity:.88}.ccm-btn-send:disabled{opacity:.5;cursor:not-allowed}.ccm-btn-send--disabled{opacity:.45!important;cursor:not-allowed!important}.ccm-btn-send--primary{background:#16a34a}.ccm-sent-confirm{color:#16a34a;padding:8px 4px;font-size:13px;font-weight:600}.sigcap{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;overflow:hidden}.sigcap-tabs{background:#f9fafb;border-bottom:1.5px solid #d1d5db;display:flex}.sigcap-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-right:1px solid #e5e7eb;flex:1;padding:9px 0;font-family:inherit;font-size:13px;font-weight:500;transition:color .13s,background .13s}.sigcap-tab:last-child{border-right:none}.sigcap-tab:hover{color:#111;background:#f3f4f6}.sigcap-tab--active{color:#111;background:#fff;border-bottom:2.5px solid #111;margin-bottom:-1.5px;font-weight:600}.sigcap-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.sigcap-input{color:#111;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:7px;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.sigcap-input:focus{border-color:#1a56db;outline:none}.sigcap-type-preview{color:#111;text-align:center;word-break:break-all;background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-height:80px;padding:8px 16px;font-family:Dancing Script,cursive;font-size:44px;line-height:1.2;display:flex;overflow:hidden}.sigcap-type-preview--empty{color:#9ca3af;font-family:inherit;font-size:13px;font-style:italic}.sigcap-canvas-wrap{cursor:crosshair;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;position:relative;overflow:hidden}.sigcap-canvas{touch-action:none;width:100%;height:auto;display:block}.sigcap-canvas-hint{color:#9ca3af;pointer-events:none;white-space:nowrap;font-size:13px;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sigcap-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;align-self:flex-start;padding:5px 12px;font-family:inherit;font-size:12px;transition:background .13s,color .13s}.sigcap-clear-btn:hover{color:#111;background:#f3f4f6}.sigcap-upload-zone{cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 20px;transition:border-color .13s,background .13s;display:flex}.sigcap-upload-zone:hover{background:#f0f4ff;border-color:#1a56db}.sigcap-upload-input{display:none}.sigcap-upload-text{color:#374151;font-size:13px;font-weight:600}.sigcap-upload-hint{color:#9ca3af;font-size:11px}.sigcap-upload-preview-wrap{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sigcap-upload-img{object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;max-width:100%;max-height:120px}.nt-overlay{z-index:900;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nt-modal{background:var(--color-surface);border-radius:12px;width:100%;max-width:420px;padding:28px 28px 24px;box-shadow:0 8px 40px #0003}.nt-title{color:var(--color-text);margin-bottom:6px;font-size:16px;font-weight:600}.nt-sub{color:var(--color-text-secondary);margin-bottom:18px;font-size:13px;line-height:1.5}.nt-input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font-size:14px;font-family:var(--font-sans);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;transition:border-color .15s}.nt-input:focus{border-color:var(--color-info)}.nt-error{color:var(--color-danger);margin:8px 0 0;font-size:12px}.nt-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.nt-btn-cancel{border:1px solid var(--color-border);font-size:13px;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;transition:background .12s}.nt-btn-cancel:hover:not(:disabled){background:var(--color-border)}.nt-btn-cancel:disabled{opacity:.4;cursor:default}.nt-btn-create{background:var(--color-text);color:var(--color-surface);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:8px 18px;transition:opacity .15s}.nt-btn-create:hover:not(:disabled){opacity:.85}.nt-btn-create:disabled{opacity:.38;cursor:default}.contracts-page{flex-direction:column;gap:16px;padding:24px;display:flex}.contracts-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.contracts-tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-top:16px;padding:0 20px;display:flex}.contracts-tab{font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .13s,border-color .13s}.contracts-tab:hover{color:var(--color-text)}.contracts-tab--active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.contracts-loading{color:var(--color-text-secondary);padding:20px;font-size:14px}.contracts-error{color:var(--color-danger);background:#dc262614;border-radius:8px;margin:0 20px;padding:10px 20px;font-size:13px}.contracts-empty{background:var(--color-bg);border-radius:var(--radius);text-align:center;margin:16px 20px 20px;padding:48px 28px}.contracts-empty-title{color:var(--color-text);margin-bottom:6px;font-size:16px;font-weight:600}.contracts-empty-sub{color:var(--color-text-secondary);font-size:13px}.contracts-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin:16px 20px 20px;overflow:hidden}.contracts-table{border-collapse:collapse;width:100%;font-size:13px}.contracts-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:11px 16px;font-size:11px;font-weight:700}.contracts-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);padding:13px 16px}.contracts-table tbody tr:last-child td{border-bottom:none}.contracts-table tbody tr:hover{background:var(--color-bg)}.contracts-td--client{font-weight:600}.contracts-td--actions{text-align:right}.contracts-td--actions-inner{justify-content:flex-end;align-items:center;gap:8px;display:flex}.contracts-btn-action{font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.contracts-btn-action:hover{background:var(--color-bg)}.contracts-btn-download{color:var(--color-info);border-color:#2563eb40}.contracts-btn-download:hover{background:#2563eb0f}.contracts-btn-delete{color:var(--color-danger);border-color:#dc262640}.contracts-btn-delete:hover{background:#dc26260f}.contracts-btn-delete:disabled{opacity:.5;cursor:not-allowed}.contracts-btn-cancel{color:#b45309}.contracts-btn-cancel:hover{background:#b453090f}.contracts-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.contracts-btn-countersign{color:#047857;border-color:#047857}.contracts-btn-countersign:hover{background:#0478570f}.countersign-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countersign-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg,0 8px 32px #0000002e);width:100%;max-width:460px;padding:32px}.countersign-title{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.countersign-sub{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.countersign-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.countersign-input{border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);background:var(--color-bg);width:100%;color:var(--color-text);box-sizing:border-box;outline:none;padding:9px 12px;font-size:14px}.countersign-input:focus{border-color:var(--color-brand)}.countersign-legal{color:var(--color-text-secondary);margin:14px 0 20px;font-size:11.5px;line-height:1.5}.countersign-error{color:#dc2626;margin:8px 0 0;font-size:12.5px}.countersign-actions{justify-content:flex-end;gap:10px;display:flex}.countersign-btn-cancel{border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:8px 18px;font-size:13px}.countersign-btn-cancel:hover{background:var(--color-bg)}.countersign-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.countersign-btn-sign{border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;background:#047857;border:none;padding:8px 20px;font-size:13px;font-weight:600}.countersign-btn-sign:hover{background:#065f46}.countersign-btn-sign:disabled{opacity:.5;cursor:not-allowed}.contracts-btn-edit{color:var(--color-brand);border-color:var(--color-brand)}.contracts-btn-edit:hover{background:var(--color-brand-light)}.contracts-btn-resend{color:#0369a1;border-color:#0369a1}.contracts-btn-resend:hover{background:#0369a10f}.contracts-btn-resend:disabled{opacity:.5;cursor:not-allowed}.contract-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.contract-badge--draft{color:var(--color-text-secondary);background:#7373731f}.contract-badge--sent{color:var(--color-info);background:#2563eb1a}.contract-badge--partially-signed{color:var(--color-warning);background:#d977061f}.contract-badge--complete{color:var(--color-success);background:#16a34a1f}.contract-badge--cancelled{color:var(--color-danger);background:#dc26261a}.contracts-templates-list{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.contracts-template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;display:flex}.contracts-template-card--clickable{cursor:pointer;transition:border-color .13s,background .13s}.contracts-template-card--clickable:hover{border-color:var(--color-brand);background:var(--color-brand-light)}.contracts-template-card--clickable:hover .contracts-template-tag{color:var(--color-brand);border-color:var(--color-brand)}.contracts-template-name{color:var(--color-text);margin-bottom:3px;font-size:14px;font-weight:600}.contracts-template-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.contracts-template-edit-hint{color:var(--color-text-secondary);opacity:0;font-size:12px;font-weight:500;transition:opacity .13s}.contracts-template-card--clickable:hover .contracts-template-edit-hint{opacity:1;color:var(--color-brand)}.contracts-template-type{color:var(--color-text-secondary);font-size:12px}.contracts-template-tag{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:4px 10px;font-size:11px}.countersign-modal{max-width:560px}.countersign-sig-checking{color:var(--color-text-secondary);margin:0 0 16px;font-size:12.5px;font-style:italic}.countersign-sig-onfile{color:#047857;background:#04785714;border:1px solid #04785733;border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:12.5px}.countersign-sig-capture{margin-bottom:18px}.countersign-sig-capture .countersign-label{margin-bottom:8px}.ce-shell{height:calc(100vh - var(--topbar-height));background:var(--color-bg);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.ce-loading,.ce-load-error{text-align:center;color:var(--color-text-secondary);padding:48px;font-size:14px}.ce-load-error{color:var(--color-danger)}.ce-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:6px;height:48px;padding:0 14px;display:flex;overflow-x:auto}.ce-back-btn{color:var(--color-text-secondary);font-size:13px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;transition:background .12s,color .12s;display:flex}.ce-back-btn:hover{background:var(--color-border);color:var(--color-text)}.ce-toolbar-divider{background:var(--color-border);flex-shrink:0;width:1px;height:18px}.ce-toolbar-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:280px;font-size:13px;font-weight:500;overflow:hidden}.ce-template-name-input{font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;min-width:0;max-width:280px;padding-bottom:1px;transition:border-color .15s}.ce-template-name-input:focus{border-bottom-color:var(--color-border)}.ce-template-name-input::placeholder{color:var(--color-text-secondary);opacity:.6}.ce-toolbar-badge{color:var(--color-info);white-space:nowrap;background:#2563eb1a;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}.ce-tb-sep{background:var(--color-border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.ce-tb-group{flex-shrink:0;align-items:center;gap:2px;display:flex}.ce-tb-btn{cursor:pointer;color:var(--color-text-secondary);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;border-radius:5px;min-width:28px;padding:5px 8px;line-height:1;transition:background .12s,color .12s}.ce-tb-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.ce-tb-btn--active{color:var(--color-info);background:#2563eb1a}.ce-tb-btn:disabled{opacity:.38;cursor:default}.ce-tb-spacer{flex:1}.ce-save-indicator{white-space:nowrap;flex-shrink:0;font-size:12px;transition:color .2s}.ce-save-indicator--saved,.ce-save-indicator--saving{color:var(--color-text-secondary)}.ce-save-indicator--unsaved{color:var(--color-warning)}.ce-save-indicator--error{color:var(--color-danger)}.ce-preview-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;transition:background .12s,color .12s,border-color .12s;display:flex}.ce-preview-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text);border-color:var(--color-border)}.ce-preview-btn:disabled{opacity:.4;cursor:default}.ce-body{grid-template-columns:1fr 220px;min-height:0;display:grid;overflow:hidden}.ce-doc-area{background:var(--color-bg);padding:32px 40px;overflow-y:auto}.ce-doc-page{background:var(--color-surface);border:1px solid var(--color-border);min-height:720px;box-shadow:var(--shadow);border-radius:4px;max-width:760px;margin:0 auto;padding:48px 56px;position:relative}.ce-editor-content{color:var(--color-text);font-size:14px;line-height:1.8}.ce-editor-content .ProseMirror{outline:none;min-height:580px}.ce-editor-content .ProseMirror>*+*{margin-top:.6em}.ce-editor-content .ProseMirror h1{font-size:18px;font-weight:600}.ce-editor-content .ProseMirror h2{font-size:15px;font-weight:600}.ce-editor-content .ProseMirror p{color:var(--color-text-secondary);margin:0}.ce-editor-content .ProseMirror strong{color:var(--color-text)}.ce-editor-content .ProseMirror ul,.ce-editor-content .ProseMirror ol{padding-left:22px}.ce-editor-content .ProseMirror li{color:var(--color-text-secondary);margin-bottom:4px}.ce-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:"Start typing your contract…";color:var(--color-text-secondary);opacity:.5;float:left;pointer-events:none;height:0}.ce-placed-field{font-size:12px;font-family:var(--font-sans);cursor:move;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;border:1.5px dashed;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;transition:box-shadow .12s;display:flex;position:absolute;transform:translateY(-50%)}.ce-placed-field:hover{box-shadow:0 2px 8px #0000001f}.ce-placed-field--signature{color:var(--color-info);background:#2563eb14;border-color:#2563eb80}.ce-placed-field--date{color:var(--color-warning);background:#d9770614;border-color:#d9770680}.ce-placed-field--name{color:var(--color-success);background:#16a34a14;border-color:#16a34a80}.ce-placed-remove{cursor:pointer;opacity:.5;color:inherit;font-size:15px;line-height:1;font-family:var(--font-sans);background:0 0;border:none;padding:0 0 0 6px;transition:opacity .12s}.ce-placed-remove:hover{opacity:1}.ce-sidebar{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex;overflow-y:auto}.ce-sb-section{border-bottom:1px solid var(--color-border);padding:14px 16px}.ce-sb-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:500}.ce-chip{border:1px solid var(--color-border);background:var(--color-bg);cursor:grab;font-size:13px;font-family:var(--font-sans);color:var(--color-text);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;transition:background .12s;display:flex}.ce-chip:last-child{margin-bottom:0}.ce-chip:hover{background:var(--color-border)}.ce-chip:active{cursor:grabbing}.ce-chip svg{flex-shrink:0}.ce-chip--signature svg{color:var(--color-info)}.ce-chip--date svg{color:var(--color-warning)}.ce-chip--name svg{color:var(--color-success)}.ce-chip-role{color:var(--color-text-secondary);margin-left:auto;font-size:11px}.ce-info-grid{grid-template-columns:auto 1fr;align-items:center;gap:7px 10px;font-size:12px;display:grid}.ce-info-key{color:var(--color-text-secondary)}.ce-info-val{color:var(--color-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ce-status-badge{text-align:center;border-radius:20px;justify-self:end;padding:2px 8px;font-size:11px;font-weight:500}.ce-status-badge--draft{color:var(--color-text-secondary);background:#6b72801f}.ce-status-badge--sent{color:var(--color-info);background:#2563eb1a}.ce-status-badge--partially-signed{color:var(--color-warning);background:#d977061a}.ce-status-badge--complete{color:var(--color-success);background:#16a34a1a}.ce-status-badge--cancelled{color:var(--color-danger);background:#dc26261a}.ce-drag-hint{color:var(--color-text-secondary);padding:10px 16px 4px;font-size:11px;line-height:1.55}.ce-sb-push{flex:1;min-height:12px}.ce-send-btn{background:var(--color-text);width:calc(100% - 32px);color:var(--color-surface);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:12px 16px 0;padding:10px;transition:opacity .15s;display:flex}.ce-send-btn:hover:not(:disabled){opacity:.85}.ce-send-btn:disabled{opacity:.38;cursor:default}.ce-status-row{align-items:center;gap:6px;padding:8px 16px 14px;display:flex}.ce-status-dot{background:var(--color-warning);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ce-status-dot--ready{background:var(--color-success)}.ce-status-txt{color:var(--color-text-secondary);font-size:12px}.ce-send-error{color:var(--color-danger);margin:0;padding:0 16px 6px;font-size:12px;line-height:1.4}.ce-sent-notice,.ce-template-footer{color:var(--color-text-secondary);text-align:center;border-top:1px solid var(--color-border);padding:14px 16px;font-size:12px;line-height:1.55}.ce-tb-select{appearance:none;border:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") right 6px center no-repeat;border-radius:5px;flex-shrink:0;min-width:62px;padding:4px 22px 4px 7px;font-size:12px;transition:border-color .12s,color .12s}.ce-tb-select:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text)}.ce-tb-select:disabled{opacity:.38;cursor:default}.ce-merge-node{color:var(--color-info);font-size:.87em;font-weight:500;font-family:var(--font-sans);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;vertical-align:middle;background:#2563eb1a;border:1px solid #2563eb4d;border-radius:4px;align-items:center;margin:0 1px;padding:1px 8px;display:inline-flex}.ce-merge-hint{color:var(--color-text-secondary);margin:0 0 10px;font-size:11px;line-height:1.5}.ce-merge-chip{cursor:pointer;font-size:12px;font-family:var(--font-sans);color:var(--color-info);-webkit-user-select:none;user-select:none;background:#2563eb0d;border:1px solid #2563eb40;border-radius:8px;align-items:center;gap:7px;margin-bottom:6px;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.ce-merge-chip:last-child{margin-bottom:0}.ce-merge-chip:hover{background:#2563eb1a;border-color:#2563eb80}.ce-merge-chip-brace{opacity:.7;flex-shrink:0;font-size:13px;font-weight:700}.lqm-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lqm-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:20px;width:560px;max-width:95vw;max-height:90vh;padding:24px 28px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.lqm-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lqm-title{color:var(--color-text);letter-spacing:.02em;margin:0 0 3px;font-size:18px;font-weight:700}.lqm-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.lqm-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:2px 6px;font-size:14px;line-height:1}.lqm-close:hover{color:var(--color-text)}.lqm-meta{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;gap:16px 28px;padding:12px 16px;display:flex}.lqm-meta-item{flex-direction:column;gap:2px;display:flex}.lqm-meta-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.lqm-meta-value{color:var(--color-text);font-size:13px;font-weight:600}.lqm-table{border-collapse:collapse;width:100%;font-size:13px}.lqm-table thead tr{border-bottom:2px solid var(--color-border)}.lqm-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:7px 10px;font-size:10.5px;font-weight:700}.lqm-th--num{text-align:right}.lqm-table tbody tr{border-bottom:1px solid var(--color-border)}.lqm-table td{color:var(--color-text);padding:9px 10px}.lqm-td--num{text-align:right;color:var(--color-text-secondary)}.lqm-total-row{border-top:2px solid var(--color-text)}.lqm-total-label{text-transform:uppercase;letter-spacing:.06em;text-align:right;color:var(--color-text-secondary);padding:12px 10px;font-size:11px;font-weight:700}.lqm-total-value{color:var(--color-text);text-align:right;white-space:nowrap;padding:12px 10px;font-size:20px;font-weight:700}.lqm-notes{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px}.lqm-notes-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);margin:0 0 6px;font-size:10px;font-weight:700}.lqm-notes-body{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.lqm-older-note{color:var(--color-text-secondary);margin:0;font-size:12px;font-style:italic}.lqm-footer{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:4px;display:flex}.lqm-btn-close{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:7px 20px;font-size:13px;font-weight:600;transition:background .12s}.lqm-btn-close:hover{background:var(--color-border)}.ldm-overlay{z-index:900;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.ldm-panel{background:var(--color-bg);flex-direction:column;width:min(680px,100vw);height:100%;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000002e}.ldm-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ldm-header-left{min-width:0}.ldm-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.ldm-company{color:var(--color-text-secondary);margin:2px 0 0;font-size:12.5px}.ldm-header-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:16px;display:flex}.ldm-open-btn{color:var(--color-brand);background:var(--color-brand-light);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #f16e6e40;border-radius:7px;padding:5px 12px;transition:opacity .13s}.ldm-open-btn:hover{opacity:.8}.ldm-close-btn{border:1px solid var(--color-border);background:var(--color-bg);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:flex}.ldm-close-btn:hover{background:var(--color-border)}.ldm-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.ldm-loading,.ldm-error{color:var(--color-text-secondary);text-align:center;padding:24px 0;font-size:13px}.ldm-error{color:var(--color-danger)}.ldm-status-bar{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.ldm-status-btn{border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:600;transition:opacity .12s}.ldm-status-btn:hover:not(:disabled){opacity:.8}.ldm-status-btn--active{color:#fff;border-color:#0000}.ldm-status-btn:disabled{opacity:.55;cursor:default}.ldm-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ldm-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.ldm-card--full{grid-column:1/-1}.ldm-card-header-row{justify-content:space-between;align-items:center;display:flex}.ldm-card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:700}.ldm-edit-actions{gap:6px;display:flex}.ldm-card-footer{padding-top:4px}.ldm-dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.ldm-dl dt{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;padding-top:1px;font-size:11px;font-weight:700}.ldm-dl dd{color:var(--color-text);word-break:break-word;margin:0}.ldm-dl a{color:var(--color-brand);text-decoration:none}.ldm-dl a:hover{text-decoration:underline}.ldm-imagery-list{margin:0;padding:0 0 0 16px;font-size:13px}.ldm-quote-value{color:var(--color-text);font-weight:700}.ldm-quote-num{color:var(--color-text-secondary);font-size:12px}.ldm-description{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.ldm-messages{flex-direction:column;gap:10px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.ldm-messages-empty{color:var(--color-text-secondary);margin:0;font-size:13px;font-style:italic}.ldm-message{flex-direction:column;gap:3px;display:flex}.ldm-message-meta{align-items:center;gap:8px;display:flex}.ldm-message-author{color:var(--color-text);font-size:12px;font-weight:700}.ldm-message-time{color:var(--color-text-secondary);font-size:11px}.ldm-message-body{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.ldm-compose{flex-direction:column;gap:8px;display:flex}.ldm-compose-input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;font-family:var(--font-sans);color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:7px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .13s}.ldm-compose-input:focus{border-color:var(--color-brand)}.ldm-compose-actions{align-items:center;gap:10px;display:flex}.ldm-compose-hint{color:var(--color-text-secondary);font-size:11.5px}.ldm-edit-form{flex-direction:column;gap:8px;display:flex}.ldm-edit-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ldm-edit-group{flex-direction:column;gap:4px;display:flex}.ldm-edit-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10.5px;font-weight:700}.ldm-edit-input{border:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);border-radius:6px;outline:none;padding:6px 9px;font-size:13px;transition:border-color .13s}.ldm-edit-input:focus{border-color:var(--color-brand)}.ldm-pill{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .13s}.ldm-pill:hover:not(:disabled){opacity:.82}.ldm-pill:disabled{opacity:.45;cursor:default}.ldm-pill--brand{background:var(--color-brand);color:#fff}.ldm-pill--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.ldm-pill--secondary:hover{background:var(--color-border)}.leads-page{flex-direction:column;gap:16px;padding:24px;display:flex}.leads-panel-band{border-radius:var(--radius);margin-bottom:0}.leads-metrics{flex-wrap:wrap;gap:12px;display:flex}.metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:2px;min-width:110px;padding:12px 20px;transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;display:flex}.metric-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9168f026,0 2px 8px #00000014}.metric-value{width:fit-content;font-size:22px;font-weight:800;line-height:1.2}.metric-value--total{color:#3b82f6}.metric-value--active{color:#9168f0}.metric-value--won{color:#10b981}.metric-value--rate{color:#fb9a3e}.metric-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.leads-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crm-tabs{background:var(--color-bg);border-radius:9px;gap:4px;padding:4px;display:flex}.crm-tab{font-family:var(--font-sans);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .13s,color .13s;display:flex}.crm-tab:hover{background:var(--color-border);color:var(--color-text)}.crm-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #0000001a}.pipeline-board{align-items:flex-start;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.pipeline-col{background:var(--color-bg);border-radius:var(--radius);flex-direction:column;flex:150px;min-width:150px;display:flex;overflow:hidden}.pipeline-col-header{border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;padding:10px 12px 9px;display:flex;position:relative;overflow:hidden}.pipeline-col-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-20px}.pipeline-col-title{text-transform:uppercase;letter-spacing:.08em;color:#fff;z-index:1;font-size:11px;font-weight:800;position:relative}.pipeline-col-count{color:#fff;z-index:1;background:#ffffff38;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.5;position:relative}.pipeline-col-cards{flex-direction:column;gap:8px;min-height:80px;padding:8px;display:flex}.pipeline-col-empty{color:var(--color-text-secondary);text-align:center;margin:0;padding:16px 0 8px;font-size:12px}.lead-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;transition:box-shadow .15s,transform .15s;overflow:visible;box-shadow:0 1px 3px #00000014}.lead-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000024}.lead-card-body{cursor:pointer;outline:none;padding:10px 12px 8px}.lead-card-body:focus-visible{box-shadow:0 0 0 2px var(--color-brand)}.lead-card-name{color:var(--color-text);margin:0 0 2px;font-size:13px;font-weight:700}.lead-card-company{color:var(--color-text-secondary);margin:0 0 7px;font-size:11.5px}.lead-card-meta{color:var(--color-text-secondary);flex-direction:column;gap:2px;margin-bottom:7px;font-size:11.5px;display:flex}.lead-card-value{color:#10b981;font-weight:600}.lead-type-tag{color:#fff;border-radius:20px;margin-bottom:4px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.lead-type-tag--existing_customer{background:linear-gradient(120deg,#3b82f6,#2563eb)}.lead-type-tag--website_form{background:linear-gradient(120deg,#1fc98e,#0e9e6e)}.lead-type-tag--direct_email{background:linear-gradient(120deg,#fb9a3e,#f2682e)}.lead-type-tag--reengagement{background:linear-gradient(120deg,#9168f0,#7c3aed)}.lead-card-footer{justify-content:flex-end;padding:0 8px 8px;display:flex}.move-wrapper{position:relative}.btn-move{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s}.btn-move:hover:not(:disabled){background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn-move:disabled{opacity:.5;cursor:default}.move-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:8px;min-width:150px;padding:6px;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 4px 16px #00000024}.move-dropdown-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0;padding:2px 6px 6px;font-size:10px;font-weight:700}.move-dropdown-option{width:100%;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;font-weight:500;transition:background .1s;display:flex}.move-dropdown-option:hover{background:var(--color-bg)}.move-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.crm-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);font-size:13px;overflow:hidden}.crm-table thead tr{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.crm-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;font-size:10.5px;font-weight:700}.crm-row td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:12px 14px}.crm-row:last-child td{border-bottom:none}.crm-row--clickable{cursor:pointer;transition:background .12s}.crm-row--clickable:hover{background:var(--color-bg)}.crm-customer-name{font-weight:600}.crm-contact-sub{color:var(--color-text-secondary);margin-top:1px;font-size:11.5px}.form-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-textarea{resize:vertical}.type-filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.type-filter-pill{border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:flex}.type-filter-pill:hover{border-color:var(--color-brand);color:var(--color-brand)}.type-filter-pill--active{color:#fff;background:linear-gradient(120deg,#9168f0,#7c3aed);border-color:#7c3aed;font-weight:700}.type-filter-pill--active:hover{color:#fff;opacity:.92}.type-filter-count{opacity:.7;font-size:11px;font-weight:700}.type-filter-pill--active .type-filter-count{opacity:.85}.mkt-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mkt-modal{background:var(--color-surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.mkt-modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.mkt-modal-title{color:var(--color-text);font-size:16px;font-weight:700}.mkt-modal-close{background:var(--color-bg);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex}.mkt-modal-close:hover{background:var(--color-border)}.mkt-modal-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.mkt-field{flex-direction:column;gap:6px;display:flex}.mkt-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mkt-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.mkt-required{color:var(--color-brand)}.mkt-field-hint{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.mkt-input,.mkt-textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-sans);resize:none;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.mkt-input:focus,.mkt-textarea:focus{border-color:var(--color-brand)}.mkt-input::placeholder,.mkt-textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.mkt-priority-options{flex-wrap:wrap;gap:6px;display:flex}.mkt-priority-opt{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:500;transition:border-color .12s,color .12s;display:inline-flex}.mkt-priority-opt:hover{border-color:var(--color-text-secondary)}.mkt-priority-opt--active{font-weight:700}.mkt-priority-opt-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mkt-assignee-options{flex-wrap:wrap;gap:8px;display:flex}.mkt-assignee-opt{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.mkt-assignee-opt:hover{border-color:var(--color-brand);color:var(--color-text)}.mkt-assignee-opt--active{border-color:var(--color-brand);background:var(--color-brand-light);color:var(--color-brand);font-weight:700}.mkt-assignee-opt-av{background:var(--color-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.mkt-assignee-opt:not(.mkt-assignee-opt--active) .mkt-assignee-opt-av{background:var(--color-border);color:var(--color-text-secondary)}.mkt-tag-input-wrap{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:7px 10px;transition:border-color .15s;display:flex}.mkt-tag-input-wrap:focus-within{border-color:var(--color-brand)}.mkt-tag-chip{background:var(--color-brand-light);color:var(--color-brand);border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.mkt-tag-remove{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;align-items:center;padding:0;display:flex}.mkt-tag-remove:hover{opacity:1}.mkt-tag-input{font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:120px;font-size:12px}.mkt-tag-input::placeholder{color:var(--color-text-secondary);opacity:.55}.mkt-image-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-bottom:10px;display:grid}.mkt-image-thumb{border:1px solid var(--color-border);aspect-ratio:1;background:var(--color-bg);border-radius:8px;position:relative;overflow:hidden}.mkt-image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mkt-image-thumb--pending{opacity:.85}.mkt-image-placeholder{width:100%;height:100%;color:var(--color-text-secondary);text-align:center;word-break:break-all;justify-content:center;align-items:center;padding:4px;font-size:10px;display:flex}.mkt-image-remove{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .12s;display:flex;position:absolute;top:4px;right:4px}.mkt-image-thumb:hover .mkt-image-remove{opacity:1}.mkt-image-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0000008c;padding:3px 5px;font-size:9px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mkt-upload-btn{border:1px dashed var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.mkt-upload-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.mkt-modal-error{color:#dc2626;background:#dc262614;border:1px solid #dc262633;border-radius:8px;flex-shrink:0;margin:0 24px;padding:10px 14px;font-size:13px}.mkt-modal-footer{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.mkt-btn-cancel{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .12s}.mkt-btn-cancel:hover:not(:disabled){background:var(--color-border)}.mkt-btn-save{background:var(--color-brand);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.mkt-btn-save:hover:not(:disabled){opacity:.88}.mkt-btn-save:disabled,.mkt-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.mkt-page{flex-direction:column;gap:16px;padding:24px;display:flex}.mkt-board{align-items:flex-start;gap:12px;padding:16px;display:flex;overflow-x:auto}.mkt-loading{color:var(--color-text-secondary);padding:24px 16px;font-size:13px}.mkt-column{background:var(--color-bg);border-radius:var(--radius);flex-direction:column;flex:200px;min-width:200px;display:flex;overflow:hidden}.mkt-column-header{border-radius:var(--radius) var(--radius) 0 0;align-items:center;gap:8px;padding:10px 12px 9px;display:flex;position:relative;overflow:hidden}.mkt-column-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-20px}.mkt-column-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;z-index:1;flex:1;font-size:11px;font-weight:800;position:relative}.mkt-column-count{color:#fff;z-index:1;background:#ffffff38;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.5;position:relative}.mkt-column-body{flex-direction:column;gap:8px;min-height:80px;padding:8px;display:flex}.mkt-empty{color:var(--color-text-secondary);text-align:center;margin:0;padding:16px 0 8px;font-size:12px}.mkt-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px 8px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 3px #00000012}.mkt-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000024}.mkt-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.mkt-card-actions{opacity:0;gap:4px;transition:opacity .12s;display:flex}.mkt-card:hover .mkt-card-actions{opacity:1}.mkt-icon-btn{background:var(--color-bg);width:22px;height:22px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.mkt-icon-btn:hover{background:var(--color-brand-light);color:var(--color-brand)}.mkt-icon-btn--danger:hover{color:#dc2626;background:#dc26261a}.mkt-priority-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.mkt-priority-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mkt-card-name{color:var(--color-text);margin:0;font-size:13px;font-weight:700;line-height:1.35}.mkt-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mkt-due-date{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.mkt-due-date--overdue{color:#dc2626}.mkt-attachment-count{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.mkt-tags{flex-wrap:wrap;gap:4px;display:flex}.mkt-tag{background:var(--color-bg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600}.mkt-card-footer{justify-content:space-between;align-items:flex-end;gap:8px;padding-top:2px;display:flex}.mkt-assignees{gap:3px;display:flex}.mkt-assignee-chip{background:var(--color-brand-light);width:20px;height:20px;color:var(--color-brand);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.mkt-card-btns{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mkt-action-btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .15s}.mkt-action-btn:disabled{opacity:.5;cursor:not-allowed}.mkt-action-btn:hover:not(:disabled){opacity:.82}.mkt-action-btn--primary{background:var(--color-brand);color:#fff}.mkt-action-btn--success{color:#16a34a;background:#16a34a1f}.mkt-action-btn--warning{color:#b45309;background:#d977061f}.mkt-action-btn--neutral{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.lead-detail-page{padding:0}.lead-detail-band{border-radius:var(--radius);margin:24px 24px 12px}.panel-band-btn--danger{border:1px solid #ef444473;background:#ef444440!important}.panel-band-btn--danger:hover{background:#ef444473!important}.lead-status-bar{border-radius:var(--radius);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:12px;margin:0 24px 12px;padding:14px 24px;display:flex}.status-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;font-size:10.5px;font-weight:700}.status-buttons{flex-wrap:wrap;gap:5px;display:flex}.lead-detail-page .lead-detail-grid,.lead-detail-page .page-error,.lead-detail-page .page-loading{padding:20px 24px}.status-btn{border:1px solid var(--color-border);font-family:var(--font-sans);cursor:pointer;background:var(--color-surface);color:var(--color-text);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s}.status-btn:hover:not(.status-btn--active){border-color:var(--color-brand);background:var(--color-brand-light)}.status-btn--active{color:#fff;border-color:#0000}.status-btn:disabled{opacity:.6;cursor:not-allowed}.lead-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.imagery-list{margin:0;padding-left:16px;list-style:outside}.imagery-list li{color:var(--color-text-secondary);margin-bottom:3px;font-size:13px}.lead-description{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.staff-notes-input{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .13s}.staff-notes-input:focus{border-color:var(--color-brand)}.notes-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.btn--danger{background:var(--color-danger,#e53e3e);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:6px;padding:7px 16px;transition:opacity .13s}.contact-card{flex-direction:column;display:flex}.contact-card-footer{justify-content:flex-end;margin-top:auto;padding-top:16px;display:flex}.pill-btn:hover{opacity:.82}.pill-btn--outline{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.pill-btn--outline:hover{background:var(--color-bg);opacity:1}.project-card{flex-direction:column;display:flex}.project-card-footer{justify-content:flex-end;margin-top:auto;padding-top:16px;display:flex}.quote-value-cell{flex-direction:column;gap:2px;display:flex}.quote-value{color:var(--color-text);font-size:15px;font-weight:700}.quote-number{color:var(--color-text-secondary);font-size:11px;font-family:var(--font-sans);letter-spacing:.03em}.messages-thread{flex-direction:column;gap:12px;max-height:320px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.messages-empty{color:var(--color-text-secondary);margin:0;padding:12px 0;font-size:13px}.message-meta{align-items:center;gap:10px;margin-bottom:5px;display:flex}.message-author{color:var(--color-brand);font-size:12px;font-weight:700}.message-time{color:var(--color-text-secondary);font-size:11px}.message-body{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.message-compose{margin-top:4px}.message-hint{color:var(--color-text-secondary);font-size:11.5px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header-row .card-title{margin-bottom:0}.card-edit-actions{gap:8px;display:flex}.pill-btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.pill-btn--secondary:hover{background:var(--color-border)}.contact-edit-form{flex-direction:column;gap:10px;display:flex}.contact-edit-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contact-edit-group{flex-direction:column;gap:4px;display:flex}.contact-edit-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.contact-edit-input{border:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);border-radius:7px;outline:none;padding:7px 10px;font-size:13px;transition:border-color .13s}.contact-edit-input:focus{border-color:var(--color-brand)}.customer-detail-page{padding:0}.customer-detail-band{border-radius:var(--radius);margin:24px 24px 0}.customer-band-stats{align-items:center;gap:20px;display:flex}.customer-band-stat{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.customer-band-stat-value{color:#fff;font-size:15px;font-weight:800;line-height:1}.customer-band-stat-label{text-transform:uppercase;letter-spacing:.07em;color:#ffffffbf;font-size:9px;font-weight:700}.customer-detail-page .reengagement-banner{margin-top:16px;margin-left:24px;margin-right:24px}.customer-detail-page .page-error,.customer-detail-page .page-loading{padding-left:24px;padding-right:24px}.reengagement-banner{border-radius:8px;margin-bottom:18px;padding:9px 14px;font-size:13px;font-weight:500}.reengagement-banner--high{color:#dc2626;background:#fef2f2}.reengagement-banner--mid{color:#d97706;background:#fffbeb}.reengagement-banner--low{color:#2563eb;background:#eff6ff}.customer-detail-grid{grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px;display:grid}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px}.detail-card--full{grid-column:1/-1}.card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 14px;font-size:10.5px;font-weight:700}.card-empty{color:var(--color-text-secondary);margin:0;font-size:13px}.detail-list{grid-template-columns:90px 1fr;gap:8px 12px;margin:0;font-size:13px;display:grid}.detail-list dt{color:var(--color-text);font-weight:600}.detail-list dd{color:var(--color-text-secondary);margin:0}.detail-list a{color:var(--color-brand);text-decoration:none}.detail-list a:hover{text-decoration:underline}.order-history-table{border-collapse:collapse;width:100%;font-size:13px}.order-history-table thead tr{border-bottom:1px solid var(--color-border)}.order-history-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;padding:7px 10px;font-size:10px;font-weight:700}.order-history-row td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:10px}.order-history-row:last-child td{border-bottom:none}.order-history-row{cursor:pointer;transition:background .12s}.order-history-row:hover{background:var(--color-bg)}.order-number-link{color:var(--color-brand);font-weight:600}.th-gallery{width:32px;padding:0!important}.td-gallery{text-align:center;width:32px;padding:0 4px!important}.gallery-icon-btn{width:28px;height:28px;color:var(--color-text-secondary);border-radius:5px;justify-content:center;align-items:center;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.gallery-icon-btn:hover{background:var(--color-brand-light,#eff6ff);color:var(--color-brand)}.invoice-status{text-transform:capitalize;font-size:12px;font-weight:500}.invoice-status--paid{color:var(--color-success)}.invoice-status--sent{color:var(--color-warning)}.invoice-status--draft{color:var(--color-text-secondary)}.notes-input-row{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.note-input{border:1px solid var(--color-border);font-family:var(--font-sans);resize:vertical;background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .13s}.note-input:focus{border-color:var(--color-brand)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.edit-contact-form{flex-direction:column;gap:12px;display:flex}.edit-field{flex-direction:column;gap:4px;display:flex}.edit-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:10.5px;font-weight:700}.edit-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:7px;outline:none;padding:7px 10px;font-size:13px;transition:border-color .13s}.edit-input:focus{border-color:var(--color-brand)}.edit-error{color:var(--color-danger);margin:0;font-size:12px}.edit-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.notes-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.note-item{border-left:3px solid var(--color-border);padding-left:12px}.note-meta{align-items:center;gap:10px;margin-bottom:3px;font-size:12px;display:flex}.note-author{color:var(--color-text);font-weight:700}.note-date{color:var(--color-text-secondary)}.note-delete{color:var(--color-border);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:11px;transition:color .12s}.note-delete:hover{color:var(--color-danger)}.note-text{color:var(--color-text);margin:0;font-size:13px;line-height:1.5}.page-loading{color:var(--color-text-secondary);padding:24px 0;font-size:13px}.page-error{color:var(--color-danger);font-size:13px}.portal-access-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.portal-status{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.portal-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.portal-status--active{color:#16a34a}.portal-status--active .portal-status-dot{background:#16a34a}.portal-status--none{color:var(--color-text-secondary)}.portal-status--none .portal-status-dot{background:var(--color-border)}.portal-access-email{color:var(--color-text-secondary);flex:1;font-size:13px}.btn--danger-ghost{border:1px solid var(--color-danger);border-radius:var(--radius-sm,6px);color:var(--color-danger);cursor:pointer;background:0 0;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .13s,color .13s}.btn--danger-ghost:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--danger-ghost:disabled{opacity:.5;cursor:not-allowed}.portal-overlay{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.portal-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:460px;padding:32px;box-shadow:0 8px 32px #0000002e}.portal-modal-title{color:var(--color-text);margin:0 0 8px;font-size:17px;font-weight:700}.portal-modal-sub{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.portal-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.portal-creds-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:12px;margin:16px 0;padding:16px 20px;display:flex}.portal-cred-row{flex-direction:column;gap:2px;display:flex}.portal-cred-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.portal-cred-val{color:var(--color-text);font-size:14px;font-weight:500}.portal-cred-val--password{color:#f16e6e;letter-spacing:1px;font-family:monospace;font-size:16px}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title-row .card-title{margin-bottom:0}.secondary-email-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.secondary-email-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.secondary-email-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.secondary-email-addr{color:var(--color-text);font-size:14px;font-weight:600}.secondary-email-prefs{flex-wrap:wrap;gap:6px;display:flex}.secondary-email-limit{color:var(--color-text-secondary);margin:10px 0 0;font-size:12px}.notif-badge{letter-spacing:.02em;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.notif-badge--all{color:#f16e6e;background:#f16e6e22}.notif-badge--inv{color:#3b82f6;background:#3b82f622}.notif-badge--ord{color:#1fc98e;background:#1fc98e22}.notif-badge--gal{color:#9168f0;background:#9168f022}.notif-badge--none{background:var(--color-border);color:var(--color-text-secondary)}.notif-checkboxes{flex-direction:column;gap:10px;margin-top:6px;display:flex}.notif-check-label{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.customers-page{flex-direction:column;gap:16px;padding:24px;display:flex}.customers-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px 0;display:flex}.toolbar-search{border:1px solid var(--color-border);min-width:220px;max-width:360px;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .13s}.toolbar-search:focus{border-color:var(--color-brand)}.customers-table-wrap{overflow-x:auto}.customers-table{border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);font-size:13px;overflow:hidden}.customers-table thead tr{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.customers-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s}.sortable-th:hover{color:var(--color-text)}.sortable-th--active{color:var(--c-customers)}.sort-arrow{opacity:.5;font-size:9px}.sortable-th--active .sort-arrow{opacity:1}.customers-row td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:12px 14px}.customers-row:last-child td{border-bottom:none}.customers-row:hover{background:var(--color-bg)}.customers-name-link,.customers-email-link{font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:13px}.customers-name-link{color:var(--color-brand);font-weight:600}.customers-name-link:hover{text-decoration:underline}.customers-email-link{color:var(--color-text-secondary)}.customers-email-link:hover{color:var(--color-brand);text-decoration:underline}.customers-cell-secondary{color:var(--color-text-secondary)}.btn-view{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.btn-view:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.reengagement-badge{border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.reengagement-badge--high{color:#dc2626;background:#fef2f2}.reengagement-badge--mid{color:#d97706;background:#fffbeb}.reengagement-badge--low{color:#2563eb;background:#eff6ff}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.btn:hover{opacity:.85}.btn--primary{background:var(--color-brand);color:#fff}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:440px;padding:28px;box-shadow:0 8px 32px #0000002e}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{margin:0;font-size:16px;font-weight:700}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:background .12s}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-form{flex-direction:column;gap:14px;display:flex}.form-row{flex-direction:column;gap:5px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.required{color:var(--color-brand)}.form-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .13s}.form-input:focus{border-color:var(--color-brand)}.form-error{color:var(--color-danger);margin:0;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.page-loading,.page-empty{color:var(--color-text-secondary);padding:24px 20px;font-size:13px}.page-error{color:var(--color-danger);padding:12px 20px;font-size:13px}.customers-pagination{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.customers-pagination-info{color:var(--color-text-secondary);font-size:13px}.customers-pagination-controls{align-items:center;gap:10px;display:flex}.customers-pagesize-label{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.customers-pagesize-select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:13px}.customers-page-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.customers-page-btn:hover:not(:disabled){background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.customers-page-btn:disabled{opacity:.4;cursor:not-allowed}.customers-page-indicator{color:var(--color-text-secondary);text-align:center;min-width:80px;font-size:13px}.email-wrapper{flex-direction:column;height:100%;padding:24px 24px 0;display:flex;overflow:hidden}.email-page-band{flex-shrink:0}.email-page{background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);min-height:0;box-shadow:var(--shadow);flex:1;margin-bottom:24px;display:flex;overflow:hidden}.mailbox-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:220px;min-width:180px;display:flex;overflow:hidden auto}.mailbox-sidebar-top{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:10px 10px 8px}.mailbox-global-inbox{padding:10px 14px;font-size:13.5px;font-weight:600}.mailbox-global-inbox .mailbox-nav-label{flex:1}.mailbox-nav-item{cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--color-text-secondary);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:7px;padding:8px 12px;font-size:13px;transition:background .12s,color .12s;display:flex}.mailbox-nav-item:hover{background:var(--color-bg);color:var(--color-text)}.mailbox-nav-item--active{color:var(--color-text);background:var(--color-brand-light);font-weight:600}.mailbox-nav-item--mailbox{border-left:3px solid var(--mailbox-color,transparent);align-items:stretch;margin-left:6px;padding:0;transition:border-left-color .12s,background .12s}.mailbox-nav-item--mailbox.mailbox-nav-item--active{background:color-mix(in srgb, var(--mailbox-color,var(--color-brand)) 10%, transparent)}.mailbox-nav-icon{opacity:.5;flex-shrink:0;font-size:10px}.mailbox-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mailbox-badge{background:var(--color-brand);color:#fff;border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.mailbox-sidebar-divider{background:var(--color-border);height:1px;margin:4px 0}.mailbox-group{flex-direction:column;display:flex}.mailbox-nav-expand{width:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:8px 0;font-size:9px;transition:color .12s;display:flex}.mailbox-nav-expand:hover{color:var(--color-text)}.mailbox-nav-name-btn{font-family:var(--font-sans);color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:flex-start;align-items:center;gap:5px;min-width:0;padding:8px 0;font-size:13px;display:flex}.mailbox-nav-name-btn .mailbox-nav-label{flex:none;max-width:108px}.mailbox-nav-actions{flex-shrink:0;align-items:center;gap:2px;padding-right:8px;display:none}.mailbox-group:hover .mailbox-nav-actions{display:flex}.mailbox-action-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 5px;font-size:11px;transition:background .12s,color .12s}.mailbox-action-btn:hover{background:var(--color-border);color:var(--color-text)}.mailbox-action-btn--delete:hover{color:var(--color-danger);background:#fee2e2}.mailbox-subfolders{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:3px solid var(--mailbox-color,transparent);flex-direction:column;margin-left:6px;padding-left:28px;display:flex}.subfolder-item{width:100%;font-family:var(--font-sans);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12.5px;transition:background .12s,color .12s;display:block}.subfolder-item:hover{background:var(--color-surface);color:var(--color-text)}.subfolder-item--active{color:var(--mailbox-color,var(--color-brand));font-weight:600}.add-mailbox-btn{width:100%;font-family:var(--font-sans);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:12.5px;transition:color .12s;display:block}.add-mailbox-btn:hover{color:var(--color-brand)}.mailbox-sidebar-bottom{border-top:1px solid var(--color-border);flex-shrink:0;margin-top:auto;padding:10px 10px 12px}.compose-btn{white-space:nowrap;background:var(--color-brand);color:#fff;width:100%;font-size:12.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:9px 10px;transition:opacity .13s;display:block}.compose-btn:hover{opacity:.88}.add-mailbox-form{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.add-mailbox-input{border:1px solid var(--color-brand);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;border-radius:7px;outline:none;width:100%;padding:6px 10px;font-size:13px}.add-mailbox-error{color:var(--color-danger);margin:0;font-size:11px}.add-mailbox-actions{gap:6px;display:flex}.btn--sm{padding:4px 10px!important;font-size:11.5px!important}.email-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.thread-list-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.thread-list-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:10px;padding:13px 20px;display:flex}.thread-list-title{color:var(--color-text);font-size:14px;font-weight:700}.thread-list-count{color:var(--color-text-secondary);font-size:11.5px}.thread-list-title--colored{color:#fff}.thread-list-count--colored{color:#ffffffbf}.thread-list-empty{color:var(--color-text-secondary);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.email-loading,.email-error{color:var(--color-text-secondary);padding:20px;font-size:13px}.email-error{color:var(--color-danger)}.thread-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.thread-cols-header{border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);flex-shrink:0;align-items:center;padding:6px 0;font-size:11px;font-weight:700;display:flex}.thread-col--check{flex-shrink:0;justify-content:center;align-items:center;width:48px;display:flex}.thread-col--customer{flex-shrink:0;width:190px;padding:0 12px;overflow:hidden}.thread-col--conversation{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:8px 12px;display:flex;overflow:hidden}.thread-col--status{flex-shrink:0;width:90px;padding:0 8px}.thread-col--date{flex-shrink:0;justify-content:flex-end;align-items:center;width:120px;padding:0 16px 0 8px;display:flex}.thread-col--sortable{font:inherit;color:inherit;cursor:pointer;text-align:left;letter-spacing:inherit;text-transform:inherit;background:0 0;border:none;align-items:center;gap:4px;display:flex}.thread-col--sortable:hover,.thread-col--sorted{color:var(--color-text)}.sort-neutral{opacity:.35;font-size:9px}.thread-item{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;min-height:52px;transition:background .12s;display:flex}.thread-item:hover{background:var(--color-bg)}.thread-item--unread .thread-sender,.thread-item--unread .thread-subject-text{font-weight:700}.thread-sender{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.thread-date{color:var(--color-text-secondary);flex-shrink:0;margin-left:8px;font-size:11px}.thread-subject-line{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-bottom:3px;font-size:13px;display:flex;overflow:hidden}.thread-count{background:var(--color-border);color:var(--color-text-secondary);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;display:inline-block}.thread-snippet{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.load-more-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;border-radius:7px;margin:12px 20px;padding:6px 14px;font-weight:600;transition:opacity .12s}.load-more-btn:hover{opacity:.75}.thread-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.thread-detail--split .message-list{flex:0 0 50%;max-height:50%}.reply-panel{border-top:2px solid var(--color-border);flex-direction:column;flex:0 0 50%;display:flex;overflow:hidden}.reply-panel .compose-box{flex-direction:column;flex:1;padding:12px 24px 16px;display:flex;overflow:hidden}.reply-panel .compose-editor--reply{flex:1;min-height:0}.thread-detail-body{flex:1;min-height:0;display:flex;overflow:hidden}.thread-detail-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.contact-panel{border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;gap:20px;width:240px;padding:16px 14px;display:flex;overflow-y:auto}.contact-panel-card{align-items:flex-start;gap:10px;display:flex}.contact-panel-avatar{background:var(--color-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.contact-panel-info{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-panel-name{color:var(--color-brand);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;text-decoration:none;overflow:hidden}.contact-panel-name a:hover,a.contact-panel-name:hover{text-decoration:underline}.contact-panel-name--plain{color:var(--color-text);cursor:default}.contact-panel-email{color:var(--color-text-secondary);word-break:break-all;font-size:11px}.contact-panel-conversations{flex-direction:column;gap:2px;display:flex}.contact-panel-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:8px;font-size:10px;font-weight:700}.contact-panel-thread{cursor:default;border-radius:6px;padding:7px 8px}.contact-panel-thread:hover{background:var(--color-bg)}.contact-panel-thread-subject{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;overflow:hidden}.contact-panel-thread-meta{align-items:center;gap:6px;display:flex}.contact-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.contact-status-dot--active{background:#16a34a}.contact-status-dot--pending{background:#d97706}.contact-status-dot--closed{background:#9ca3af}.contact-panel-thread-date{color:var(--color-text-secondary);font-size:11px}.contact-panel-empty{color:var(--color-text-secondary);text-align:center;padding-top:20px;font-size:12px}.thread-detail--loading,.thread-detail--error{color:var(--color-text-secondary);padding:24px;font-size:13px}.thread-detail--error{color:var(--color-danger)}.thread-detail-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:16px;padding:14px 24px;display:flex}.back-btn{color:var(--color-brand);cursor:pointer;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;transition:opacity .13s}.back-btn:hover{opacity:.75}.thread-subject{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.message-list{flex-direction:column;flex:1;gap:14px;padding:16px 24px;display:flex;overflow-y:auto}.message-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.message-item--latest{border-color:#f16e6e4d}.message-meta{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.message-from{color:var(--color-text);font-size:13px;font-weight:700}.message-date{color:var(--color-text-secondary);font-size:11px}.message-to{color:var(--color-text-secondary);margin-bottom:12px;font-size:11.5px}.message-body{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:13px;line-height:1.6}.message-body--html{white-space:normal}.message-body--html img{max-width:100%;height:auto}.message-body--html a{color:var(--color-brand)}.compose-box{border-top:1px solid var(--color-border);background:var(--color-surface);padding:14px 24px 20px}.compose-textarea{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);resize:vertical;box-sizing:border-box;color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .13s}.compose-textarea:focus{border-color:var(--color-brand)}.compose-error{color:var(--color-danger);margin:6px 0 0;font-size:12px}.compose-actions{justify-content:flex-end;margin-top:10px;display:flex}.reply-sent-notice{text-align:center;color:var(--color-success);padding:4px 0;font-size:12px}.compose-new-panel{background:var(--color-surface);flex-direction:column;height:100%;display:flex}.compose-new-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.compose-new-title{color:var(--color-text);font-size:15px;font-weight:600}.compose-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:background .12s}.compose-close-btn:hover{background:var(--color-bg)}.compose-new-body{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.compose-field{flex-direction:column;gap:4px;display:flex}.compose-field--grow{flex:1;min-height:0}.compose-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:700}.compose-input{border:1px solid var(--color-border);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .13s}.compose-input:focus{border-color:var(--color-brand)}.compose-textarea--new{resize:vertical;flex:1;min-height:200px}.compose-new-actions{justify-content:flex-end;gap:10px;display:flex}.email-search-bar{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;align-items:center;gap:6px;width:100%;padding:6px 10px;display:flex}.email-search-icon{color:var(--color-text-secondary);flex-shrink:0}.email-search-input{font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.email-search-input::placeholder{color:var(--color-text-secondary)}.email-search-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;transition:background .12s}.email-search-clear:hover{background:var(--color-border)}.thread-item--pending .thread-sender,.thread-item--pending .thread-subject-text,.thread-item--pending .thread-snippet,.thread-item--pending .thread-date{color:var(--color-text-secondary);opacity:.65}.thread-item--pending .thread-subject-line{font-weight:400!important}.status-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.status-badge--active{color:#16a34a;background:#dcfce7}.status-badge--pending{color:#d97706;background:#fef3c7}.status-badge--closed{color:#6b7280;background:#f3f4f6}.thread-list--muted .thread-sender,.thread-list--muted .thread-subject-text,.thread-list--muted .thread-snippet,.thread-list--muted .thread-date{color:var(--color-text-secondary)}.thread-list--muted .thread-item--unread .thread-sender,.thread-list--muted .thread-item--unread .thread-subject-text{color:var(--color-text);font-weight:600}.thread-tags{flex-wrap:wrap;gap:4px;margin:3px 0;display:flex}.thread-tag-chip{color:#7c3aed;background:#ede9fe;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:600}.thread-subject-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-detail-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mailbox-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mailbox-assigned-chip{color:#1d4ed8;background:#dbeafe;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mailbox-assigned-remove{color:#1d4ed8;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:9px;transition:opacity .1s}.mailbox-assigned-remove:hover{opacity:1}.mailbox-picker-wrap{position:relative}.btn-mailbox-picker{font-family:var(--font-sans);border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;transition:border-color .12s,color .12s}.btn-mailbox-picker:hover{color:#1d4ed8;border-color:#1d4ed8}.btn-mailbox-picker:disabled{opacity:.5;cursor:default}.mailbox-picker-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:8px;min-width:150px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 16px #0000001f}.mailbox-picker-option{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;transition:background .1s;display:block}.mailbox-picker-option:hover{background:var(--color-bg)}.mailbox-picker-empty{color:var(--color-text-secondary);padding:8px 10px;font-size:12px;display:block}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:12px;width:380px;max-width:90vw;padding:28px;box-shadow:0 8px 32px #0000002e}.modal-title{color:var(--color-text);margin:0 0 14px;font-size:16px;font-weight:700}.modal-body{color:var(--color-text-secondary);margin:0 0 12px;font-size:13.5px;line-height:1.55}.modal-input{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:16px;padding:8px 12px;font-size:14px;transition:border-color .13s}.modal-input:focus{border-color:var(--color-brand)}.modal-error{color:var(--color-danger);margin:-10px 0 10px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn--danger{background:var(--color-danger);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.btn--danger:disabled{opacity:.4;cursor:default}.btn--danger:not(:disabled):hover{opacity:.85}.thread-detail-header{flex-wrap:wrap;gap:10px}.thread-detail-header-center{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.thread-detail-actions{flex-shrink:0;gap:6px;display:flex}.btn-thread-action{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:7px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.btn-thread-action:hover{background:var(--color-bg);color:var(--color-text)}.btn-thread-action--active{background:var(--color-brand-light);color:var(--color-brand);border-color:var(--color-brand)}.btn-thread-action:disabled{opacity:.5;cursor:default}.tag-manager{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tag-chip{color:#7c3aed;background:#ede9fe;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-remove{color:#7c3aed;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:9px;line-height:1;transition:opacity .1s}.tag-remove:hover{opacity:1}.tag-add-btn{font-family:var(--font-sans);border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;transition:border-color .12s,color .12s}.tag-add-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.tag-input-form{align-items:center;gap:4px;display:flex}.tag-input{border:1px solid var(--color-brand);font-family:var(--font-sans);border-radius:6px;outline:none;width:100px;padding:2px 7px;font-size:12px}.tag-add-confirm{font-family:var(--font-sans);background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.format-toolbar{border:1px solid var(--color-border);background:var(--color-bg);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:2px;padding:5px 8px;display:flex}.fmt-btn{font-family:var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 7px;font-size:12px;line-height:1.4;transition:background .1s,border-color .1s}.fmt-btn:hover{background:var(--color-border);border-color:var(--color-border)}.fmt-btn--italic{font-style:italic}.fmt-btn--underline{text-decoration:underline}.fmt-sep{background:var(--color-border);flex-shrink:0;width:1px;height:16px;margin:0 4px}.compose-editor{border:1px solid var(--color-border);min-height:160px;font-family:var(--font-sans);color:var(--color-text);border-top:none;border-radius:0 0 8px 8px;outline:none;flex:1;padding:10px 12px;font-size:13px;line-height:1.6;transition:border-color .13s;overflow-y:auto}.compose-editor:focus{border-color:var(--color-brand)}.compose-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);pointer-events:none}.compose-editor--reply{min-height:100px}.attachment-list{flex-wrap:wrap;gap:6px;display:flex}.attachment-chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.attachment-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;transition:color .1s}.attachment-remove:hover{color:var(--color-danger)}.btn-attach{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:opacity .12s}.btn-attach:hover{opacity:.75;color:var(--color-text)}.template-picker{position:relative}.btn-template{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:opacity .12s}.btn-template:hover{opacity:.75;color:var(--color-text)}.template-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:8px;min-width:180px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}.template-option{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;transition:background .1s;display:block}.template-option:hover{background:var(--color-bg)}.template-option--save{color:var(--color-brand);font-weight:600}.template-option--save:hover{background:var(--color-brand-light,#fef2f2)}.template-dropdown-sep{background:var(--color-border);height:1px;margin:4px 0}.template-save-form{flex-direction:column;gap:6px;padding:6px 8px;display:flex}.template-save-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:12.5px;transition:border-color .13s}.template-save-input:focus{border-color:var(--color-brand)}.template-save-actions{justify-content:flex-end;gap:6px;display:flex}.template-save-confirm{font-family:var(--font-sans);background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:11.5px;font-weight:600;transition:opacity .12s}.template-save-confirm:disabled{opacity:.5;cursor:default}.template-save-confirm:not(:disabled):hover{opacity:.85}.template-save-cancel{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:opacity .12s}.template-save-cancel:hover{opacity:.75}.compose-new-header{gap:10px}.bulk-action-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:10px;padding:7px 14px;display:flex}.master-checkbox-label{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.master-checkbox-label input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--color-brand)}.bulk-count{color:var(--color-brand);white-space:nowrap;flex-shrink:0;font-size:11.5px;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:6px;display:flex}.bulk-action-btn{font-family:var(--font-sans);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s,opacity .12s}.bulk-action-btn:not(:disabled):hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-text-secondary)}.bulk-action-btn:disabled{opacity:.35;cursor:default}.bulk-action-btn--danger:not(:disabled):hover{color:var(--color-danger);border-color:var(--color-danger);background:#fee2e2}.thread-item{align-items:center;gap:10px;display:flex}.thread-checkbox-label{cursor:pointer;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.thread-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--color-brand)}.thread-item-content{flex:1;min-width:0}.thread-item--selected{background:var(--color-brand-light)!important}.btn-thread-action--danger{color:var(--color-danger)!important;border-color:var(--color-danger)!important}.btn-thread-action--danger:hover{background:#fee2e2!important}@media (width<=700px){.mailbox-sidebar{width:160px;min-width:140px}}.status-picker{display:inline-flex;position:relative}.status-pill{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity .15s,filter .15s;display:flex}.status-pill:hover:not(:disabled){filter:brightness(.92)}.status-pill:disabled{opacity:.38;cursor:not-allowed}.status-pill--active{color:#fff;background:#16a34a}.status-pill--pending{color:#fff;background:#d97706}.status-pill--closed{color:#fff;background:#6b7280}.status-pill--neutral{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.status-dropdown{z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:130px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 18px #00000021}.status-option{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:9px 14px;font-size:13px;display:flex}.status-option:hover{background:#f9fafb}.status-option--current{font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--active{background:#16a34a}.status-dot--pending{background:#d97706}.status-dot--closed{background:#6b7280}.templates-page{flex-direction:column;gap:16px;padding:24px;display:flex}.templates-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.templates-body{padding:20px 24px 24px}.templates-loading,.templates-empty{color:var(--color-text-secondary);padding:12px 0;font-size:13px}.tpl-list{flex-direction:column;gap:10px;display:flex}.tpl-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.tpl-card--editing{border-color:var(--color-brand)}.tpl-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 14px;font-size:10.5px;font-weight:700}.tpl-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.tpl-info{flex-direction:column;gap:3px;min-width:0;display:flex}.tpl-name{color:var(--color-text);font-size:14px;font-weight:600}.tpl-subject{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.tpl-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tpl-confirm-label{color:var(--color-text-secondary);white-space:nowrap;font-size:12.5px}.tpl-editor{flex-direction:column;gap:14px;display:flex}.tpl-field-row{flex-direction:column;gap:6px;display:flex}.tpl-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.tpl-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .13s}.tpl-input:focus{border-color:var(--color-brand)}.tpl-format-bar{gap:4px;margin-bottom:4px;display:flex}.tpl-fmt-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;border-radius:5px;padding:4px 10px;font-size:12px;transition:opacity .12s}.tpl-fmt-btn:hover{background:var(--color-bg)}.tpl-fmt-btn--i{font-style:italic}.tpl-fmt-btn--u{text-decoration:underline}.tpl-body-editor{border:1px solid var(--color-border);min-height:140px;font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;padding:10px 12px;font-size:13px;line-height:1.55;transition:border-color .13s}.tpl-body-editor:focus{border-color:var(--color-brand)}.tpl-body-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);pointer-events:none}.tpl-hint{color:var(--color-text-secondary);margin:0;font-size:11.5px;line-height:1.5}.tpl-notif-badge{letter-spacing:.04em;color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 30%, transparent);white-space:nowrap;border-radius:20px;width:fit-content;padding:1px 8px;font-size:10.5px;font-weight:600;display:inline-block}.tpl-tokens{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex}.tpl-tokens-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:600}.tpl-token{color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 25%, transparent);cursor:default;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11.5px}.tpl-editor-actions{justify-content:flex-end;gap:8px;display:flex}.pill-btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:opacity .13s}.pill-btn:hover:not(:disabled){opacity:.82}.pill-btn:disabled{opacity:.5;cursor:not-allowed}.pill-btn--brand{background:var(--color-brand);color:#fff}.pill-btn--secondary{background:var(--color-bg);color:var(--color-text)}.pill-btn--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.pill-btn--ghost:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand);opacity:1}.pill-btn--danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pill-btn--ghost-danger{border:1px solid var(--color-border);color:#991b1b;background:0 0}.pill-btn--ghost-danger:hover:not(:disabled){opacity:1;border-color:#fecaca}.scheduler-page{height:calc(100vh - var(--topbar-height));min-height:0;overflow:hidden}.sched-band{border-radius:var(--radius)}.month-nav-btn--band{color:#fff;background:#fff3;border-color:#ffffff4d}.month-nav-btn--band:hover{background:#ffffff59}.month-nav-label--band{color:#fff}.notify-wrap{align-items:center;gap:8px;display:flex}.notify-msg--band,.gcal-msg--band{color:#ffffffd9;font-size:12px;font-style:italic}.month-nav{align-items:center;gap:14px;display:flex}.month-nav-label{color:var(--color-text);text-align:center;min-width:160px;font-size:15px;font-weight:600}.month-nav-btn{border:1px solid var(--color-border);cursor:pointer;width:30px;height:30px;color:var(--color-text);background:0 0;border-radius:7px;justify-content:center;align-items:center;font-size:18px;transition:background .12s;display:flex}.month-nav-btn:hover{background:var(--color-bg)}.sched-loading{color:var(--color-text-secondary);font-size:13px}.cal-grid{background:var(--color-border);flex:1;grid-template-rows:auto repeat(6,minmax(90px,1fr));grid-template-columns:repeat(7,1fr);gap:1px;min-height:0;display:grid;overflow:hidden}.cal-day-header{background:var(--color-bg);text-align:center;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);padding:8px 0;font-size:11px;font-weight:700}.cal-cell{background:var(--color-surface);cursor:pointer;flex-direction:column;gap:3px;min-height:90px;padding:8px;transition:background .12s;display:flex;position:relative}.cal-cell:hover{background:var(--color-bg)}.cal-cell--empty{background:var(--color-bg);cursor:default}.cal-cell--empty:hover{background:var(--color-bg)}.cal-cell--today .cal-day-num{color:#fff;background:linear-gradient(135deg,#a78bfa,#7c5cf0);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 2px 8px #7c5cf073}.cal-cell--selected{outline-offset:-2px;background:#a78bfa14;outline:2px solid #a78bfa}.cal-cell--unavail{background:#a78bfa0f}.cal-day-num{color:var(--color-text);text-align:center;flex-shrink:0;width:22px;font-size:12px;font-weight:600;line-height:22px}.cal-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600;overflow:hidden}.cal-chip--sched{color:#7c5cf0;background:#7c5cf024}.cal-chip--unavail{color:#6b7280;background:#9ca3af26}.sched-modal-section{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}.sched-modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sched-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-secondary);margin:0 0 8px;font-size:10px;font-weight:700}.sched-section-empty{color:var(--color-text-secondary);margin:0;font-size:13px;font-style:italic}.sched-people-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sched-person-row{background:var(--color-bg);border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.sched-person-row--unavail{opacity:.7}.sched-person-name{color:var(--color-text);flex:1;font-weight:600}.sched-person-hours{color:var(--color-text-secondary);font-size:12px}.sched-remove-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:color .12s,background .12s}.sched-remove-btn:hover{color:var(--color-danger);background:#fef2f2}.sched-add-section{background:0 0}.sched-add-row{margin-bottom:10px}.sched-select--grow{width:100%}.sched-time-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.sched-add-btn{text-align:center;width:100%}.sched-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sched-modal{background:var(--color-surface);border-radius:var(--radius);width:420px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 40px #0000002e}.sched-modal-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sched-modal-title{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.sched-modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.sched-modal-date{color:var(--color-text-secondary);margin:0 0 18px;font-size:13px}.sched-modal-fields{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.sched-field{flex-direction:column;gap:5px;display:flex}.sched-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sched-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.sched-select,.sched-input{border:1px solid var(--color-border);font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border-radius:8px;outline:none;padding:8px 10px;font-size:13px;transition:border-color .13s}.sched-select:focus,.sched-input:focus{border-color:#a78bfa}.sched-field-note{color:var(--color-text-secondary);margin:0;font-size:11.5px;font-style:italic}.sched-error{color:var(--color-danger);margin:0 0 12px;font-size:12.5px}.sched-btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:20px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:opacity .13s}.sched-btn:hover:not(:disabled){opacity:.82}.sched-btn:disabled{opacity:.5;cursor:not-allowed}.sched-btn--brand{color:#fff;background:linear-gradient(120deg,#a78bfa,#7c5cf0)}.sched-btn--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.sched-btn--danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.sched-type-toggle{border:1px solid var(--color-border);border-radius:6px;gap:0;margin-bottom:4px;display:flex;overflow:hidden}.sched-type-btn{font-size:12.5px;font-weight:600;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:7px 12px;transition:background .13s,color .13s}.sched-type-btn+.sched-type-btn{border-left:1px solid var(--color-border)}.sched-type-btn--active{color:#fff;background:linear-gradient(120deg,#a78bfa,#7c5cf0)}.sched-type-btn:not(.sched-type-btn--active):hover{background:var(--color-surface-hover,#ffffff0f);color:var(--color-text)}.sched-unavail-status{flex-direction:column;gap:12px;display:flex}.sched-unavail-status-text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.sched-unavail-status-text strong{color:var(--color-text);font-weight:600}.gcal-connect-wrap{align-items:center;gap:10px;display:flex}.gcal-msg{color:var(--color-text-secondary);font-size:12.5px;font-style:italic}.gcal-btn{align-items:center;gap:6px;display:flex}.gcal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.gcal-dot--on{background:#22c55e}.gcal-dot--off{background:#d1d5db}.cal-gcal-block{border-top:1px solid var(--color-border);flex-direction:column;gap:2px;margin-top:4px;padding-top:4px;display:flex}.cal-chip--gcal{color:#1a56db;white-space:nowrap;text-overflow:ellipsis;background:#4285f41f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;overflow:hidden}.gcal-section{border-top:1px solid var(--color-border);margin-top:2px;padding-top:14px}.gcal-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gcal-label{margin-bottom:0}.gcal-add-toggle{color:#1a56db;cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px;font-weight:600}.gcal-add-toggle:hover{opacity:.75}.gcal-event-row{border-left:2px solid #4285f4}.gcal-event-title{color:var(--color-text)}.gcal-add-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.gcal-allday-row{align-items:center;display:flex}.gcal-allday-label{color:var(--color-text);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.gcal-save-btn{text-align:center;width:100%}.settings-hub{flex-direction:column;gap:16px;padding:24px;display:flex}.settings-hub-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.settings-hub-grid{flex-direction:column;gap:10px;padding:20px;display:flex}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;text-align:left;font-family:var(--font-sans);align-items:center;gap:16px;padding:18px 20px;transition:border-color .13s,box-shadow .13s;display:flex}.settings-card:hover{border-color:var(--color-brand);box-shadow:0 2px 12px #f16e6e1a}.settings-card-icon{width:44px;height:44px;color:var(--color-brand);background:#f16e6e14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card-body{flex:1;min-width:0}.settings-card-title{color:var(--color-text);margin:0 0 3px;font-size:14px;font-weight:600}.settings-card-desc{color:var(--color-text-secondary);margin:0;font-size:12.5px;line-height:1.45}.settings-card-arrow{color:var(--color-text-secondary);opacity:.5;flex-shrink:0;transition:opacity .13s,transform .13s}.settings-card:hover .settings-card-arrow{opacity:1;color:var(--color-brand);transform:translate(2px)}.settings-users{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.su-role-legend{background:var(--color-bg);border-radius:8px;flex-wrap:wrap;gap:20px;margin:20px 24px 16px;padding:14px 18px;display:flex}.su-legend-item{align-items:center;gap:8px;display:flex}.su-legend-access{color:var(--color-text-secondary);font-size:12px}.su-role-badge{letter-spacing:.3px;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.su-role-badge--coral{color:var(--color-brand);background:#f16e6e2e}.su-role-badge--blue{color:#3b82f6;background:#3b82f62e}.su-role-badge--purple{color:#8b5cf6;background:#8b5cf62e}.su-role-badge--unknown{background:var(--color-bg);color:var(--color-text-secondary)}.su-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 24px 24px;overflow:hidden}.su-table{border-collapse:collapse;width:100%}.su-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:11px 16px;font-size:11px;font-weight:600}.su-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:13px 16px;font-size:13px}.su-table tbody tr:last-child td{border-bottom:none}.su-table tbody tr:hover td{background:var(--color-bg)}.su-td-name{font-weight:500}.su-td-email{color:var(--color-text-secondary);font-size:12.5px}.su-td-date{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.su-td-actions{align-items:center;gap:6px;display:flex}.su-action{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.su-action--edit{color:#3b82f6;background:#3b82f626}.su-action--edit:hover{background:#3b82f647}.su-action--pwd{color:#8b5cf6;background:#8b5cf626}.su-action--pwd:hover{background:#8b5cf647}.su-action--delete{color:var(--color-brand);background:#f16e6e26}.su-action--delete:hover{background:#f16e6e47}.su-status{color:var(--color-text-secondary);margin:0;padding:24px;font-size:13px}.su-status--error{color:var(--color-brand)}.su-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.su-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:28px 32px}.su-modal--narrow{max-width:360px}.su-modal-title{color:var(--color-text);margin:0 0 18px;font-size:17px;font-weight:600}.su-modal-sub{color:var(--color-text-secondary);margin:-10px 0 18px;font-size:13px;line-height:1.55}.su-modal-sub strong{color:var(--color-text);font-weight:600}.su-form{flex-direction:column;gap:14px;display:flex}.su-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.su-input,.su-select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.su-input::placeholder{color:var(--color-text-secondary)}.su-input:focus,.su-select:focus{border-color:var(--color-brand);outline:none}.su-select{cursor:pointer;appearance:none}.su-form-error{color:var(--color-brand);margin:0;font-size:12px}.su-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.su-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.su-btn--primary{background:var(--color-brand);color:#fff}.su-btn--primary:hover:not(:disabled){opacity:.88}.su-btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.su-btn--ghost:hover{color:var(--color-text)}.su-btn--danger{color:var(--color-brand);background:#f16e6e2e;border:1px solid #f16e6e4d}.su-btn--danger:hover:not(:disabled){background:#f16e6e52}.su-btn:disabled{opacity:.5;cursor:not-allowed}.fin-band{border-radius:var(--radius);margin-bottom:0}.fin-loading,.fin-error{color:var(--color-text-secondary);padding:48px 32px;font-size:14px}.fin-error{color:var(--color-brand)}.fin-kpi-section{padding:20px 24px}.fin-period-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.fin-period-label{color:var(--color-text-secondary);font-size:12px}.fin-period-select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;outline:none;padding:5px 10px;font-family:inherit;font-size:13px}.fin-period-select:focus{border-color:var(--color-brand)}.fin-custom-range{align-items:center;gap:8px;display:flex}.fin-date-input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;outline:none;padding:5px 10px;font-family:inherit;font-size:13px}.fin-date-input:focus{border-color:var(--color-brand)}.fin-range-sep{color:var(--color-text-secondary);font-size:12px}.fin-apply-btn{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600}.fin-apply-btn:disabled{opacity:.4;cursor:default}.fin-kpi-row{gap:16px;transition:opacity .2s;display:flex}.fin-kpi-row--loading{opacity:.45;pointer-events:none}.fin-kpi{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex}.fin-kpi--paid{border-color:#5baf6c59}.fin-kpi--outstanding{border-color:#f16e6e59}.fin-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-size:11px;font-weight:500}.fin-kpi-val{color:var(--color-text);margin:4px 0 2px;font-size:28px;font-weight:700;line-height:1}.fin-kpi-val--revenue{background:linear-gradient(120deg,#fb9a3e,#f2682e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content}.fin-kpi-val--zero{color:var(--color-text-secondary)}.fin-kpi-sub{color:var(--color-text-secondary);font-size:12px}.fin-card{padding:24px}.fin-card-title{color:var(--color-text);margin:0 0 20px;font-size:14px;font-weight:600}.fin-empty{color:var(--color-text-secondary);margin:0;font-size:13px}.fin-kpi-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);margin:18px 0 8px;font-size:11px;font-weight:600}.fin-kpi-group-label:first-of-type{margin-top:0}.fin-kpi-val--plain{color:var(--color-text)}.fin-two-col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.fin-two-col .fin-card{margin-bottom:0}.fin-three-col{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.fin-three-col .fin-card{margin-bottom:0}.fin-stage-label{color:var(--color-text)}.fin-table{border-collapse:collapse;width:100%;font-size:13px}.fin-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border);padding:0 0 10px;font-size:11px;font-weight:500}.fin-th-right{text-align:right!important}.fin-table tbody tr{border-bottom:1px solid var(--color-border)}.fin-table tbody tr:last-child{border-bottom:none}.fin-table tbody td{color:var(--color-text-secondary);vertical-align:middle;padding:10px 0}.fin-td-right{text-align:right;color:var(--color-text);font-variant-numeric:tabular-nums}.fin-badge{text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.fin-badge--draft{background:var(--color-bg);color:var(--color-text-secondary)}.fin-badge--sent{color:#2563eb;background:#eff6ff}.fin-badge--paid{color:#16a34a;background:#f0fdf4}.fin-customer-name{color:var(--color-text);display:block}.fin-customer-co{color:var(--color-text-secondary);margin-top:1px;font-size:11px;display:block}.fin-tooltip{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);border-radius:8px;padding:10px 14px}.fin-tooltip-label{color:var(--color-text-secondary);margin:0 0 4px;font-size:11px}.fin-tooltip-val{color:var(--color-text);margin:0 0 2px;font-size:16px;font-weight:700}.fin-tooltip-sub{color:var(--color-text-secondary);margin:0;font-size:11px}@media (width<=720px){.fin-kpi-row{flex-direction:column}.fin-two-col,.fin-three-col{grid-template-columns:1fr}.fin-custom-range{flex-wrap:wrap}}.cl-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.cl-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:52px 44px 40px}.cl-brand{align-items:center;gap:14px;margin-bottom:40px;display:flex}.cl-logo-icon{color:#fff;letter-spacing:.5px;width:44px;height:44px;font-size:12px;font-weight:800;font-family:var(--font-sans);background:linear-gradient(135deg,#ff8a5b,#f2566f,#c8568f);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-brand-text{flex-direction:column;gap:3px;display:flex}.cl-wordmark{letter-spacing:3px;color:var(--color-text);font-size:15px;font-weight:800}.cl-portal-tag{color:#f16e6e;letter-spacing:.5px;font-size:12px;font-weight:500}.cl-form{flex-direction:column;gap:20px;display:flex}.cl-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.cl-field{flex-direction:column;gap:6px;display:flex}.cl-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.cl-field input{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .13s}.cl-field input::placeholder{color:#c0bcb8}.cl-field input:focus{border-color:var(--color-brand);background:var(--color-surface)}.cl-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;margin-top:4px;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .13s}.cl-btn:hover:not(:disabled){opacity:.88}.cl-btn:disabled{opacity:.55;cursor:not-allowed}.cl-links{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.cl-link-btn{color:#f16e6e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:none}.cl-link-btn:hover{text-decoration:underline}.cl-links-divider{color:var(--color-text-secondary);font-size:12px}.cl-footer{color:var(--color-text-secondary);text-align:center;margin-top:24px;font-size:12px}.cl-footer a{color:#f16e6e;text-decoration:none}.cl-footer a:hover{text-decoration:underline}.cl-overlay{z-index:100;background:#0000007a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cl-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:400px;padding:40px 36px 36px;position:relative;box-shadow:0 16px 48px #00000038}.cl-modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px;line-height:1;position:absolute;top:14px;right:16px}.cl-modal-close:hover{color:var(--color-text)}.cl-modal-title{color:var(--color-text);margin:0 0 24px;font-size:18px;font-weight:700}.cl-modal-sub{color:var(--color-text-secondary);margin:-16px 0 20px;font-size:13px;line-height:1.5}.cl-modal-success{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cl-modal-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.cl-modal-success h3{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.cl-modal-success p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.cl-modal-success .cl-btn{width:100%;margin-top:8px}.cl-modal-pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5}.cl-modal-pending a{color:#b45309}.portal-sidebar{background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);flex-direction:column;flex-shrink:0;align-self:flex-start;width:220px;min-height:100vh;display:flex;position:sticky;top:0}.portal-sidebar-header{border-bottom:1px solid var(--color-sidebar-border);align-items:center;gap:12px;margin-bottom:8px;padding:24px 20px 20px;display:flex}.portal-logo-icon{color:#fff;letter-spacing:.5px;width:38px;height:38px;font-size:11px;font-weight:800;font-family:var(--font-sans);background:linear-gradient(135deg,#ff8a5b,#f2566f,#c8568f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-sidebar-brand{flex-direction:column;gap:2px;display:flex}.portal-sidebar-name{letter-spacing:2.5px;color:#ffffffe6;font-size:12px;font-weight:800;font-family:var(--font-sans)}.portal-sidebar-tag{color:#fff6;letter-spacing:.3px;font-size:10px;font-weight:500}.portal-nav{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.portal-nav-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:background .13s;display:flex}.portal-nav-item:hover{background:#ffffff0f}.portal-nav-item--active{background:#ffffff17}.portal-nav-icon{color:#fff6;flex-shrink:0;align-items:center;transition:color .13s;display:flex}.portal-nav-item--active .portal-nav-icon,.portal-nav-item:hover .portal-nav-icon{color:#ffffffbf}.portal-nav-label{color:#ffffff80;flex:1;font-size:13px;font-weight:500;transition:color .13s}.portal-nav-item--active .portal-nav-label{color:#ffffffe6;font-weight:600}.portal-nav-item:hover .portal-nav-label{color:#ffffffbf}.portal-nav-dot{opacity:.4;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .13s}.portal-nav-item--active .portal-nav-dot{opacity:1}.portal-nav-item:hover .portal-nav-dot{opacity:.75}.portal-sidebar-logout{color:#fff6;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);text-align:left;background:0 0;border:1px solid #ffffff1a;border-radius:8px;margin:12px;padding:9px 12px;transition:border-color .13s,color .13s}.portal-sidebar-logout:hover{color:#ffffffa6;border-color:#ffffff38}@media (width<=768px){.portal-sidebar{border-right:none;border-bottom:1px solid var(--color-sidebar-border);width:100%;min-height:auto;position:static}.portal-nav{flex-flow:wrap;padding:6px 8px}.portal-nav-item{flex:none;gap:6px;width:auto;padding:7px 10px}.portal-nav-dot,.portal-sidebar-logout{display:none}}.cp-page{background:var(--color-bg);flex-direction:row;min-height:100vh;display:flex}.cp-content{flex-direction:column;flex:1;min-width:0;display:flex}.cp-band{border-radius:var(--radius);justify-content:space-between;align-items:center;margin:20px 24px 0;padding:22px 28px;display:flex}.cp-band--dashboard{box-shadow:none;background:0 0;align-items:flex-start;padding-top:28px;padding-bottom:8px}.cp-band--dashboard .cp-band-title{color:var(--color-text);font-size:26px}.cp-band--dashboard .cp-band-user{color:var(--color-text-secondary)}.cp-band--dashboard .cp-band-quote-text{color:var(--color-text-secondary);font-size:15px}.cp-band--dashboard .cp-band-quote-author{color:var(--color-text-secondary);font-size:14px}.cp-band--active{background:linear-gradient(120deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f647}.cp-band--history{background:linear-gradient(120deg,#06b6d4,#0284c7);box-shadow:0 4px 20px #06b6d447}.cp-band--request{background:linear-gradient(120deg,#fbb23e,#f08c1e);box-shadow:0 4px 20px #fbb23e47}.cp-band--info{background:linear-gradient(120deg,#9168f0,#7c3aed);box-shadow:0 4px 20px #9168f047}.cp-band--messages{background:linear-gradient(120deg,#1fc98e,#0e9e6e);box-shadow:0 4px 20px #1fc98e47}.cp-band-left{flex-direction:column;gap:3px;display:flex}.cp-band-title{color:#fff;font-size:22px;font-weight:700;line-height:1.1}.cp-band-user{color:#fff9;flex-shrink:0;align-self:flex-start;font-size:13px;font-weight:500}.cp-band-quote{max-width:500px;margin-top:10px}.cp-band-quote-text{color:#ffffffb8;margin:0 0 4px;font-size:13px;font-style:italic;line-height:1.55;display:block}.cp-band-quote-author{color:#ffffff85;font-size:12px;display:block}.cp-main{flex:1;padding:24px 24px 60px}.cp-view{flex-direction:column;gap:20px;display:flex}.cp-quote{text-align:right;max-width:480px;margin-left:auto}.cp-quote-text{color:var(--color-text-secondary);margin:0 0 4px;font-size:13px;font-style:italic;line-height:1.5}.cp-quote-author{color:var(--color-text-secondary);font-size:12px;font-weight:500}.cp-stats-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;padding:20px 28px;display:flex}.cp-stat{flex-direction:column;flex:1;gap:3px;display:flex}.cp-stat-val{color:var(--color-text);font-size:22px;font-weight:700;line-height:1}.cp-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:11px;font-weight:500}.cp-stat-divider{background:var(--color-border);flex-shrink:0;width:1px;height:36px;margin:0 28px}.cp-dash-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cp-dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;gap:5px;padding:24px 22px 22px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.cp-dash-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a}.cp-dash-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.cp-dash-card--blue:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.cp-dash-card--amber:before{background:linear-gradient(90deg,#fbb23e,#f08c1e)}.cp-dash-card--green:before{background:linear-gradient(90deg,#1fc98e,#0e9e6e)}.cp-dash-card--coral:before{background:linear-gradient(90deg,#f26a52,#e8456f)}.cp-dash-card--purple:before{background:linear-gradient(90deg,#9168f0,#7c3aed)}.cp-dash-card--cyan:before{background:linear-gradient(90deg,#06b6d4,#0284c7)}.cp-dash-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}.cp-dash-num{margin-top:4px;margin-bottom:2px;font-size:44px;font-weight:800;line-height:1}.cp-dash-action-icon{margin-top:4px;margin-bottom:4px;display:flex}.cp-dash-title{color:var(--color-text);font-size:14px;font-weight:700}.cp-dash-sub{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.cp-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cp-section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:700}.cp-section-link{color:#f16e6e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .13s}.cp-section-link:hover{opacity:.75}.cp-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.cp-table{border-collapse:collapse;width:100%;font-size:13px}.cp-table thead th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.cp-row{cursor:pointer;transition:background .1s}.cp-row:hover{background:var(--color-bg)}.cp-row:not(:last-child) td{border-bottom:1px solid var(--color-border)}.cp-table td{color:var(--color-text);vertical-align:middle;padding:14px 16px}.cp-td-num{color:#f16e6e;white-space:nowrap;font-size:13px;font-weight:600}.cp-td-project{color:var(--color-text);font-weight:500}.cp-status-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.cp-status--waiting{color:#6b7280;background:#6b72801f}.cp-status--active{color:#2563eb;background:#3b82f621}.cp-status--review{color:#b45309;background:#fbb23e26}.cp-status--done{color:#16a34a;background:#16a34a1f}.cp-inv-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.cp-inv--draft{color:#6b7280;background:#6b72801f}.cp-inv--sent{color:#2563eb;background:#3b82f621}.cp-inv--paid{color:#16a34a;background:#16a34a1f}.cp-gallery-btn{color:#fff;white-space:nowrap;background:linear-gradient(120deg,#f26a52,#e8456f);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:opacity .13s;display:inline-block}.cp-gallery-btn:hover{opacity:.85}.cp-gallery-none{color:var(--color-text-secondary)}.cp-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.cp-profile-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cp-profile-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.cp-profile-edit-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px;transition:border-color .13s,color .13s}.cp-profile-edit-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.cp-profile-fields{flex-wrap:wrap;gap:40px;display:flex}.cp-pf-group{flex-direction:column;gap:3px;min-width:140px;display:flex}.cp-pf-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.cp-pf-val{color:var(--color-text);font-size:14px;font-weight:500}.cp-pf-link{color:#f16e6e;font-size:14px;font-weight:500;text-decoration:none}.cp-pf-link:hover{text-decoration:underline}.cp-profile-form{flex-direction:column;gap:16px;display:flex}.cp-profile-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.cp-pf-input{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:7px;outline:none;margin-top:4px;padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .13s}.cp-pf-input:focus{border-color:#f16e6e}.cp-pf-email-locked{flex-direction:column;gap:3px;margin-top:4px;display:flex}.cp-pf-email-val{color:var(--color-text-secondary);font-size:14px}.cp-pf-email-note{color:var(--color-text-secondary);font-size:11px;font-style:italic}.cp-profile-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.cp-profile-cancel{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;padding:8px 16px;font-family:inherit;font-size:13px}.cp-profile-save{color:#fff;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:7px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.cp-profile-save:hover:not(:disabled){opacity:.88}.cp-profile-save:disabled{opacity:.55;cursor:not-allowed}.cp-contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.cp-contact-intro{color:var(--color-text-secondary);margin:0 0 20px;font-size:14px;line-height:1.6}.cp-contact-form{flex-direction:column;gap:16px;display:flex}.cp-contact-fields{flex-direction:column;gap:14px;display:flex}.cp-contact-field{flex-direction:column;gap:5px;display:flex}.cp-contact-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.cp-contact-input,.cp-contact-textarea{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .13s}.cp-contact-input:focus,.cp-contact-textarea:focus{border-color:#f16e6e}.cp-contact-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cp-contact-note{color:var(--color-text-secondary);font-size:12px}.cp-contact-note a{color:#f16e6e;text-decoration:none}.cp-contact-note a:hover{text-decoration:underline}.cp-contact-send{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.cp-contact-send:hover:not(:disabled){opacity:.88}.cp-contact-send:disabled{opacity:.55;cursor:not-allowed}.cp-contact-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.cp-contact-success{text-align:center;padding:16px 0 8px}.cp-contact-success-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:18px;font-weight:700;display:inline-flex}.cp-contact-success p{color:var(--color-text);margin:0 0 20px;font-size:15px}.cp-contact-reset{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;padding:8px 18px;font-family:inherit;font-size:13px}.cp-loading{text-align:center;color:var(--color-text-secondary);padding:60px;font-size:14px}.cp-empty{text-align:center;color:var(--color-text-secondary);padding:60px 24px;font-size:15px}.cp-empty-sub{margin-top:8px;font-size:13px}.cp-empty-sub a{color:#f16e6e;text-decoration:none}.cp-sec{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;overflow:hidden}.cp-sec:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cp-sec-band{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cp-sec-band--coral{background:linear-gradient(120deg,#f26a52,#e8456f)}.cp-sec-band--blue{background:linear-gradient(120deg,#3b82f6,#2563eb)}.cp-sec-band--purple{background:linear-gradient(120deg,#9168f0,#7c3aed)}.cp-sec-band--cyan{background:linear-gradient(120deg,#06b6d4,#0284c7)}.cp-sec-band--amber{background:linear-gradient(120deg,#fbb23e,#f08c1e)}.cp-sec-band--teal{background:linear-gradient(120deg,#1fc98e,#0e9e6e)}.cp-sec-band-left{align-items:center;gap:12px;display:flex}.cp-sec-icon{color:#fff;background:#ffffff2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cp-sec-title{letter-spacing:1.2px;text-transform:uppercase;color:#fff;font-size:12px;font-weight:700;line-height:1.2}.cp-sec-sub{color:#ffffffb3;margin-top:2px;font-size:11px;line-height:1.2}.cp-sec-action{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:6px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:background .13s}.cp-sec-action:hover{background:#ffffff47}.cp-sec-edit{color:#ffffffe6;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:background .13s}.cp-sec-edit:hover{background:#ffffff40}.cp-stat-chips{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.cp-stat-chip{border-right:1px solid var(--color-border);flex-direction:column;gap:10px;padding:24px 24px 22px;display:flex}.cp-stat-chip:last-child{border-right:none}.cp-sci{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cp-sci--coral{color:#f26a52;background:#f26a5221}.cp-sci--blue{color:#3b82f6;background:#3b82f621}.cp-sci--green{color:#16a34a;background:#16a34a21}.cp-sci--purple{color:#9168f0;background:#9168f021}.cp-stat-chip-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);margin-top:-2px;font-size:10px;font-weight:700}.cp-scn{font-size:38px;font-weight:800;line-height:1}.cp-scn--coral{color:#f26a52}.cp-scn--blue{color:#3b82f6}.cp-scn--green{color:#16a34a}.cp-scn--date{color:var(--color-text);font-size:28px;font-weight:800}.cp-dash-two{gap:20px;display:grid}.cp-dash-two--top{grid-template-columns:55fr 45fr;align-items:stretch}.cp-dash-two--bottom{grid-template-columns:1fr 1fr;align-items:stretch}.cp-dash-two--bottom .cp-sec{flex-direction:column;display:flex}.cp-dash-two--bottom .cp-request-body,.cp-dash-two--bottom .cp-msg-body{flex:1;min-height:300px}.cp-active-list{flex-direction:column;display:flex}.cp-active-row{border-bottom:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;transition:background .1s;display:flex}.cp-active-row:last-child{border-bottom:none}.cp-active-row:hover{background:var(--color-bg)}.cp-active-left{flex-direction:column;gap:4px;min-width:0;display:flex}.cp-active-name{color:var(--color-text);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cp-active-meta{color:var(--color-text-secondary);font-size:11px}.cp-active-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.cp-active-shots{color:var(--color-text-secondary);font-size:12px}.cp-active-inv{color:var(--color-text-secondary);font-size:11px}.cp-empty-small{color:var(--color-text-secondary);text-align:center;padding:28px 18px;font-size:14px}.cp-info-grid{flex-direction:column;gap:0;padding:4px 0;display:flex}.cp-info-row{grid-template-columns:1fr 1fr;display:grid}.cp-info-pair{border-bottom:1px solid var(--color-border);flex-direction:column;gap:3px;padding:14px 18px;display:flex}.cp-info-pair:last-child{border-bottom:none}.cp-info-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:700}.cp-info-val{color:var(--color-text);font-size:14px;font-weight:500}.cp-info-link{color:#f16e6e;font-size:14px;font-weight:500;text-decoration:none}.cp-info-link:hover{text-decoration:underline}.cp-hist-table{border-collapse:collapse;width:100%;font-size:13px}.cp-hist-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:10px 16px;font-size:10px;font-weight:700}.cp-hist-row{cursor:pointer;transition:background .1s}.cp-hist-row:hover{background:var(--color-bg)}.cp-hist-row:not(:last-child) td{border-bottom:1px solid var(--color-border)}.cp-hist-table td{color:var(--color-text);vertical-align:middle;padding:13px 16px}.cp-hist-footer{border-top:1px solid var(--color-border);text-align:center;padding:14px 16px}.cp-hist-more-btn{color:#06b6d4;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .13s}.cp-hist-more-btn:hover{opacity:.75}.cp-request-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.cp-request-cam{opacity:.85}.cp-request-heading{color:var(--color-text);margin:4px 0 0;font-size:17px;font-weight:700}.cp-request-text{color:var(--color-text-secondary);max-width:280px;margin:0;font-size:13px;line-height:1.55}.cp-request-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#fbb23e,#f08c1e);border:none;border-radius:8px;margin-top:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .13s}.cp-request-btn:hover{opacity:.88}.cp-msg-body{padding:20px 18px}.cp-msg-form{flex-direction:column;gap:14px;display:flex}.cp-msg-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.cp-msg-send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(120deg,#1fc98e,#0e9e6e);border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.cp-msg-send-btn:hover:not(:disabled){opacity:.88}.cp-msg-send-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.cp-page{flex-direction:column}.cp-band{margin:12px 16px 0;padding:18px 20px}.cp-band-title{font-size:18px}.cp-main{padding:16px 16px 48px}.cp-stats-row{flex-wrap:wrap;gap:16px;padding:16px 20px}.cp-stat-divider{display:none}.cp-table-wrap{overflow-x:auto}.cp-profile-fields{flex-direction:column;gap:14px}.cp-contact-footer{flex-direction:column;align-items:flex-start}.cp-contact-send{text-align:center;width:100%}.cp-dash-two{flex-direction:column}.cp-sec--info{width:100%}.cp-stat-chips{grid-template-columns:repeat(2,1fr)}.cp-stat-chip{border-right:none;border-bottom:1px solid var(--color-border)}}@media (width<=480px){.cp-stat-chips{grid-template-columns:1fr 1fr}}.cp-profile-card--secondary{border-top:1px solid var(--color-border);margin-top:16px;padding-top:20px}.cp-pf-empty{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.cp-sec-email-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cp-sec-email-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cp-sec-email-addr{color:var(--color-text);font-size:14px;font-weight:600}.cp-sec-email-prefs{flex-wrap:wrap;gap:6px;display:flex}.cp-notif-badge{letter-spacing:.02em;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.cp-notif-badge--all{color:#f16e6e;background:#f16e6e22}.cp-notif-badge--inv{color:#3b82f6;background:#3b82f622}.cp-notif-badge--ord{color:#1fc98e;background:#1fc98e22}.cp-notif-badge--gal{color:#9168f0;background:#9168f022}.cp-notif-badge--none{background:var(--color-border);color:var(--color-text-secondary)}.cp-modal-overlay{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cp-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:460px;padding:32px;box-shadow:0 8px 32px #0000002e}.cp-modal-title{color:var(--color-text);margin:0 0 8px;font-size:17px;font-weight:700}.cp-modal-sub{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.5}.cp-modal-error{color:var(--color-danger);margin:0 0 12px;font-size:13px}.cp-modal-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.cp-modal-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:11px;font-weight:700}.cp-modal-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);color:var(--color-text);outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.cp-modal-input:focus{border-color:var(--color-primary,#f16e6e)}.cp-modal-checks{flex-direction:column;gap:10px;display:flex}.cp-modal-check-label{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.cp-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.cod-page{background:var(--color-bg);flex-direction:row;min-height:100vh;display:flex}.cod-content{flex-direction:column;flex:1;min-width:0;display:flex}.cod-band{border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 24px 0;padding:22px 28px;display:flex}.cod-band--active{background:linear-gradient(120deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f647}.cod-band--history{background:linear-gradient(120deg,#06b6d4,#0284c7);box-shadow:0 4px 20px #06b6d447}.cod-band-left{flex-direction:column;gap:3px;display:flex}.cod-band-title{color:#fff;font-size:22px;font-weight:700;line-height:1.1}.cod-band-sub{color:#ffffffa6;font-size:13px;font-weight:400}.cod-back-btn{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .13s}.cod-back-btn:hover{background:#ffffff38}.cod-main{flex-direction:column;flex:1;gap:20px;padding:24px 24px 60px;display:flex}.cod-loading,.cod-error-msg{text-align:center;color:var(--color-text-secondary);padding:60px;font-size:14px}.cod-badges-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cod-inv-badge{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.cod-inv--draft{color:#6b7280;background:#6b72801f}.cod-inv--sent{color:#2563eb;background:#3b82f621}.cod-inv--paid{color:#16a34a;background:#16a34a1f}.cod-gallery-btn{color:#fff;background:linear-gradient(120deg,#f26a52,#e8456f);border-radius:7px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .13s;display:inline-block}.cod-gallery-btn:hover{opacity:.85}.cod-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.cod-card-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 20px;font-size:11px;font-weight:700}.cod-status-current{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.cod-status-current strong{color:var(--color-text)}.cod-timeline{align-items:flex-start;padding-bottom:4px;display:flex;overflow-x:auto}.cod-step{flex-direction:column;flex:1;align-items:center;min-width:90px;display:flex;position:relative}.cod-step-dot{border:2px solid var(--color-border);background:var(--color-surface);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cod-step-dot--done{background:#f26a52;border-color:#f26a52}.cod-step-dot--active{border-width:2.5px;border-color:#f26a52;box-shadow:0 0 0 5px #f26a5224}.cod-step-check{color:#fff;font-size:12px;font-weight:700}.cod-step-line{background:var(--color-border);z-index:0;width:100%;height:2px;position:absolute;top:13px;left:50%}.cod-step-line--done{background:#f26a52}.cod-step-label{color:var(--color-text-secondary);text-align:center;margin-top:10px;padding:0 4px;font-size:11px;font-weight:500;line-height:1.3}.cod-step-label--done{color:var(--color-text-secondary)}.cod-step-label--active{color:#f26a52;font-weight:700}.cod-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cod-dl{grid-template-columns:auto 1fr;gap:10px 20px;font-size:14px;display:grid}.cod-dl dt{color:var(--color-text-secondary);white-space:nowrap;padding-top:1px;font-size:12px;font-weight:500}.cod-dl dd{color:var(--color-text);margin:0}.cod-card--contact{flex-direction:column;display:flex}.cod-contact-text{color:var(--color-text-secondary);flex:1;margin:0 0 20px;font-size:14px;line-height:1.6}.cod-contact-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;align-self:flex-start;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.cod-contact-btn:hover{opacity:.85}.cod-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cod-modal{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);padding:32px}.cod-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cod-modal-title{color:var(--color-text);margin:0;font-size:17px;font-weight:700}.cod-modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.cod-modal-close:hover{color:var(--color-text)}.cod-modal-form{flex-direction:column;gap:18px;display:flex}.cod-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.cod-modal-field{flex-direction:column;gap:6px;display:flex}.cod-modal-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.cod-modal-field input,.cod-modal-field textarea{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .13s}.cod-modal-field input:focus,.cod-modal-field textarea:focus{border-color:#f26a52}.cod-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cod-modal-cancel{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13px}.cod-modal-send{color:#fff;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .13s}.cod-modal-send:hover:not(:disabled){opacity:.88}.cod-modal-send:disabled{opacity:.55;cursor:not-allowed}.cod-modal-success{text-align:center;padding:16px 0 8px}.cod-success-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.cod-modal-success p{color:var(--color-text);margin:0 0 24px;font-size:15px}.cod-modal-done{color:#fff;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .13s}.cod-modal-done:hover{opacity:.88}@media (width<=768px){.cod-page{flex-direction:column}.cod-band{margin:12px 16px 0;padding:18px 20px}.cod-band-title{font-size:18px}.cod-main{padding:16px 16px 48px}.cod-details-grid{grid-template-columns:1fr}.cod-timeline{overflow-x:auto}}.rp-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.rp-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:52px 44px 40px}.rp-brand{align-items:center;gap:14px;margin-bottom:36px;display:flex}.rp-logo-icon{color:#fff;letter-spacing:.5px;width:44px;height:44px;font-size:12px;font-weight:800;font-family:var(--font-sans);background:linear-gradient(135deg,#ff8a5b,#f2566f,#c8568f);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rp-brand-text{flex-direction:column;gap:3px;display:flex}.rp-wordmark{letter-spacing:3px;color:var(--color-text);font-size:15px;font-weight:800}.rp-portal-tag{color:#f16e6e;letter-spacing:.5px;font-size:12px;font-weight:500}.rp-title{color:var(--color-text);margin:0 0 24px;font-size:20px;font-weight:700}.rp-form{flex-direction:column;gap:20px;display:flex}.rp-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.rp-field{flex-direction:column;gap:6px;display:flex}.rp-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:700}.rp-field input{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .13s}.rp-field input::placeholder{color:#c0bcb8}.rp-field input:focus{border-color:var(--color-brand)}.rp-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(120deg,#f26a52,#e8456f);border:none;border-radius:8px;margin-top:4px;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .13s}.rp-btn:hover:not(:disabled){opacity:.88}.rp-btn:disabled{opacity:.55;cursor:not-allowed}.rp-waiting{text-align:center;padding:16px 0}.rp-waiting p{color:var(--color-text);margin:0 0 12px;font-size:14px}.rp-waiting-sub{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.rp-waiting-sub a{color:#f16e6e;text-decoration:none}.rp-waiting-sub a:hover{text-decoration:underline}.rp-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.rp-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.rp-success h3{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.rp-success p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.sign-page{background:var(--color-bg,#f5f5f5);min-height:100vh;font-family:var(--font-sans,system-ui, sans-serif)}.sign-page--center{justify-content:center;align-items:center;display:flex}.sign-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 32px}.sign-header-inner{align-items:center;gap:12px;display:flex}.sign-header-logo{width:auto;height:36px;display:block}.sign-logo{letter-spacing:.14em;color:#111;font-size:13px;font-weight:700}.sign-wrap{max-width:760px;margin:40px auto;padding:0 20px 60px}.sign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px 48px}.sign-title{color:#111;margin:0 0 10px;font-size:22px;font-weight:700}.sign-intro{color:#555;margin:0 0 28px;font-size:14px;line-height:1.5}.sign-body{color:#222;border:1px solid #e5e7eb;border-radius:8px;max-height:480px;margin-bottom:32px;padding:24px 28px;font-size:14px;line-height:1.7;overflow-y:auto}.sign-body h1{margin:16px 0 8px;font-size:18px;font-weight:700}.sign-body h2{margin:14px 0 6px;font-size:15px;font-weight:600}.sign-body p{margin:0 0 10px}.sign-body ul,.sign-body ol{margin:0 0 10px;padding-left:20px}.sign-body li{margin-bottom:4px}.sign-body [data-type=signatureBlock],.sign-body .signature-block-node{color:#6b7280;background:#f9fafb;border:1.5px dashed #d1d5db;border-radius:8px;margin:16px 0;padding:16px 20px;font-size:13px;font-style:italic}.sign-body [data-type=signatureBlock]:before,.sign-body .signature-block-node:before{content:"✦ ";font-style:normal}.sign-form{flex-direction:column;gap:12px;display:flex}.sign-form-label{color:#374151;font-size:13px;font-weight:600}.sign-input{color:#111;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.sign-input:focus{border-color:var(--color-brand,#1a56db);outline:none}.sign-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-self:flex-start;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .13s}.sign-btn:hover:not(:disabled){opacity:.88}.sign-btn:disabled{opacity:.5;cursor:not-allowed}.sign-legal{color:#9ca3af;margin:0;font-size:11px;line-height:1.5}.sign-consent{color:#374151;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.sign-consent-check{cursor:pointer;accent-color:#16a34a;flex-shrink:0;width:16px;height:16px;margin-top:2px}.sign-submit-error{color:#dc2626;margin:0;font-size:13px}.sign-loading{color:#6b7280;font-size:14px}.sign-error-box,.sign-success-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:400px;padding:48px 40px}.sign-error-title{color:#dc2626;margin:0 0 8px;font-size:17px;font-weight:700}.sign-error-msg{color:#555;margin:0;font-size:14px;line-height:1.5}.sign-success-icon{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;display:flex}.sign-success-title{color:#111;margin:0 0 8px;font-size:20px;font-weight:700}.sign-success-msg{color:#555;margin:0;font-size:14px;line-height:1.5}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);z-index:100;flex-direction:column;height:100vh;transition:width .22s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-logo{border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:18px 14px 18px 16px;display:flex}.sidebar--collapsed .sidebar-logo{justify-content:center;padding:18px 0}.sidebar-logo-mark{background:var(--color-brand);letter-spacing:-.5px;color:#ffeee0;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;line-height:1;display:flex}.sidebar-logo-mark span{color:var(--color-accent)}.sidebar-logo-text{color:#fff;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;flex:1;font-size:12.5px;font-weight:600;line-height:1.2;overflow:hidden}.sidebar-logo-text small{color:var(--color-sidebar-text);letter-spacing:.03em;text-transform:none;margin-top:2px;font-size:10px;font-weight:400;display:block}.sidebar--collapsed .sidebar-logo-mark,.sidebar--collapsed .sidebar-logo-text{display:none}.sidebar-toggle{cursor:pointer;color:#ffffff73;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:background .13s,color .13s;display:flex}.sidebar-toggle:hover{color:#ffffffd9;background:#ffffff21}.sidebar-toggle svg{flex-shrink:0;transition:transform .22s}.sidebar--collapsed .sidebar-toggle{margin-left:0}.sidebar--collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow:hidden auto}.sidebar-link{color:var(--color-sidebar-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:11px;font-weight:600;transition:background .13s,color .13s;display:flex;overflow:hidden}.sidebar--collapsed .sidebar-link{justify-content:center;padding:9px}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link--active{color:#fff;background:#ffffff1a}.sidebar-nav-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav-label{flex:1;transition:opacity .15s;overflow:hidden}.sidebar--collapsed .sidebar-nav-label{opacity:0;flex:0;width:0}.sidebar-nav-dot{opacity:.65;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .13s}.sidebar--collapsed .sidebar-nav-dot{display:none}.sidebar-link--active .sidebar-nav-dot{opacity:1}.sidebar-sub-nav{flex-direction:column;gap:1px;padding:2px 0 4px 44px;display:flex}.sidebar-sub-link{color:var(--color-sidebar-text);border-left:2px solid #0000;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .13s,color .13s;display:block}.sidebar-sub-link:hover{color:#fff;background:#ffffff0d}.sidebar-sub-link--active{color:#fff;border-left-color:var(--color-brand);background:#f16e6e1a}.sidebar-settings{border-top:1px solid var(--color-sidebar-border);flex-direction:column;flex-shrink:0;gap:1px;padding:8px 8px 6px;display:flex;overflow:hidden}.sidebar-footer{border-top:1px solid var(--color-sidebar-border);flex-shrink:0;padding:14px 16px}.sidebar--collapsed .sidebar-footer{justify-content:center;padding:12px 8px;display:flex}.sidebar-user{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.sidebar-role{color:var(--color-sidebar-text);text-transform:capitalize;white-space:nowrap;margin-bottom:10px;font-size:11px;overflow:hidden}.sidebar-logout{width:100%;color:var(--color-sidebar-text);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;padding:7px;font-size:12px;font-weight:500;transition:background .13s,color .13s,border-color .13s;display:flex}.sidebar-logout:hover{color:var(--color-brand);background:#f16e6e26;border-color:#f16e6e4d}.gsearch{position:relative}.gsearch-spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.55s linear infinite gsearch-spin}@keyframes gsearch-spin{to{transform:rotate(360deg)}}.gsearch-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:320px;box-shadow:var(--shadow);z-index:500;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.gsearch-empty{color:var(--color-text-secondary);text-align:center;padding:16px;font-size:12.5px}.gsearch-section{border-bottom:1px solid var(--color-border)}.gsearch-section:last-child{border-bottom:none}.gsearch-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 14px 4px;font-size:10px;font-weight:600;display:flex}.gsearch-section-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.gsearch-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;transition:background .1s;display:flex}.gsearch-row:hover,.gsearch-row--active{background:var(--color-brand-light)}.gsearch-row-main{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:140px;font-size:13px;font-weight:500;overflow:hidden}.gsearch-row-sub{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.gsearch-row-arrow{color:var(--color-text-secondary);opacity:0;flex-shrink:0;margin-left:auto;transition:opacity .1s}.gsearch-row:hover .gsearch-row-arrow,.gsearch-row--active .gsearch-row-arrow{opacity:1}.gsearch-footer{color:var(--color-text-secondary);background:var(--color-bg);border-top:1px solid var(--color-border);align-items:center;gap:2px;padding:7px 14px;font-size:10.5px;display:flex}.gsearch-footer kbd{background:var(--color-surface);border:1px solid var(--color-border);font-size:10px;font-family:var(--font-sans);color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;padding:1px 4px;line-height:1.4;display:inline-flex}.app-layout{height:100vh;display:flex}.app-body{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .22s;display:flex;overflow:hidden}.sidebar-collapsed .app-body{margin-left:var(--sidebar-width-collapsed)}.app-main{flex:1;overflow-y:auto}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--color-text);flex:1;font-size:16px;font-weight:700}.topbar-search{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:7px;width:210px;padding:6px 12px;transition:border-color .13s;display:flex}.topbar-search:focus-within{border-color:var(--color-brand)}.topbar-search svg{color:var(--color-text-secondary);flex-shrink:0}.topbar-search input{font-family:var(--font-sans);color:var(--color-text);background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.topbar-search input::placeholder{color:var(--color-text-secondary)}.topbar-icon-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .13s,color .13s;display:flex;position:relative}.topbar-icon-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.topbar-notif-dot{background:var(--color-brand);border:1.5px solid var(--color-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.topbar-user-chip{border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);border-radius:8px;align-items:center;gap:7px;padding:4px 10px 4px 6px;transition:border-color .13s;display:flex}.topbar-user-chip:hover{border-color:var(--color-brand)}.topbar-user-av{background:var(--color-brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.topbar-user-name{color:var(--color-text);font-size:12px;font-weight:600}.theme-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;gap:7px;padding:0;display:flex}.theme-toggle-icon{align-items:center;transition:color .2s;display:flex}.theme-toggle-track{background:#c8c8c8;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.theme-toggle--dark .theme-toggle-track{background:var(--color-brand)}.theme-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.theme-toggle--dark .theme-toggle-thumb{transform:translate(16px)}.page-accent{flex-shrink:0;height:4px}.page-accent--home{background:var(--c-home)}.page-accent--orders{background:var(--c-queue)}.page-accent--leads{background:var(--c-leads)}.page-accent--marketing{background:var(--c-marketing)}.page-accent--customers{background:var(--c-customers)}.page-accent--email{background:var(--c-email)}.page-accent--scheduler{background:var(--c-scheduler)}.page-accent--invoicing{background:var(--c-invoicing)}.page-accent--finance{background:var(--c-finance)}.page-accent--settings{background:var(--c-settings)}.coming-soon{color:var(--color-text-secondary);padding:64px 36px}.coming-soon h2{color:var(--color-text);margin-bottom:8px;font-size:20px;font-weight:600}.coming-soon p{font-size:14px}
