@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand:#f16e6e;--color-brand-light:#f16e6e1f;--color-accent:#e8f26b;--color-sidebar-bg:#1a1a1a;--color-sidebar-text:#999;--color-sidebar-border:#ffffff0f;--color-bg:#e8e8e8;--color-surface:#fff;--color-text:#111;--color-text-secondary:#737373;--color-border:#00000014;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--panel-queue:#111;--panel-crm:#dbeafe;--panel-email:#ede9fe;--panel-invoicing:#fef3c7;--panel-scheduler:#d1fae5;--panel-finance:#ffedd5;--shadow:0 2px 8px #0000001a, 0 8px 24px #00000012;--sidebar-width:210px;--topbar-height:58px;--font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--radius:12px}@media (prefers-color-scheme:dark){:root:not(.theme-light){--color-bg:#0a0a0a;--color-surface:#141414;--color-text:#f0f0f0;--color-text-secondary:#888;--color-border:#ffffff14;--shadow:0 2px 8px #00000080, 0 8px 24px #00000059;--panel-queue:#1c1c1c;--panel-crm:#3b82f624;--panel-email:#8b5cf624;--panel-invoicing:#d9770624;--panel-scheduler:#10b98124;--panel-finance:#f9731624;--color-sidebar-bg:#0f0f0f;--color-sidebar-border:#ffffff0d}}:root.theme-dark{--color-bg:#0a0a0a;--color-surface:#141414;--color-text:#f0f0f0;--color-text-secondary:#888;--color-border:#ffffff14;--shadow:0 2px 8px #00000080, 0 8px 24px #00000059;--panel-queue:#1c1c1c;--panel-crm:#3b82f624;--panel-email:#8b5cf624;--panel-invoicing:#d9770624;--panel-scheduler:#10b98124;--panel-finance:#f9731624;--color-sidebar-bg:#0f0f0f;--color-sidebar-border:#ffffff0d}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}.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{color:var(--color-text);font-family:Courier New,monospace;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 input,.modal-field textarea{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{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--wide{width:660px;max-width:95vw}.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}.new-customer-fields{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;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}.home{flex-direction:column;gap:16px;padding:24px;display:flex}.home-panel{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.home-panel--queue{background:var(--panel-queue)}.home-panel--crm{background:var(--panel-crm)}.home-panel--email{background:var(--panel-email)}.home-panel--invoicing{background:var(--panel-invoicing)}.home-panel--scheduler{background:var(--panel-scheduler)}.home-panel--finance{background:var(--panel-finance)}.home-panel--full{width:100%}.home-row{gap:16px;display:flex}.home-panel--half{flex:1;min-width:0}.panel-header{border-bottom:1px solid var(--color-border);background:#0000000d;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.home-panel--queue .panel-header{border-bottom-color:#ffffff12}.panel-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:600}.home-panel--queue .panel-title{color:#ffffff73}.panel-link{color:var(--color-brand);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .13s}.panel-link:hover{opacity:.7}.home-panel--queue .panel-link{color:var(--color-accent)}.panel-header-actions{align-items:center;gap:10px;display:flex}.panel-action-btn{background:var(--color-brand);color:#fff;font-size:11.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;padding:5px 12px;transition:opacity .13s}.panel-action-btn:hover{opacity:.85}.panel-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);background:var(--color-brand-light);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.panel-subtitle{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px;font-size:10.5px;font-weight:600}.panel-stub-note{color:var(--color-text-secondary);margin:10px 0 0;font-size:11px;font-style:italic}.panel-loading,.panel-error{color:var(--color-text-secondary);margin:0;padding:18px 20px;font-size:13px}.panel-error{color:var(--color-danger)}.panel-body{padding:18px 20px}.queue-strip{flex-wrap:nowrap;gap:6px;padding:14px 20px 0;display:flex}.queue-chip{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:10px 6px;text-decoration:none;transition:opacity .15s;display:inline-flex}.queue-chip:hover{opacity:.75}.queue-chip--total{color:#fff;background:#ffffff1a;border-color:#ffffff29}.queue-chip--awaiting_shipping{color:#60a5fa;border-color:#60a5fa66}.queue-chip--awaiting_precheck{color:#a78bfa;border-color:#a78bfa66}.queue-chip--awaiting_photography{color:#fb923c;border-color:#fb923c66}.queue-chip--in_photography{color:#e879f9;border-color:#e879f966}.queue-chip--in_retouching{color:#fb7185;border-color:#fb718566}.queue-chip--in_revision{color:#fcd34d;border-color:#fcd34d66}.queue-chip--awaiting_customer_approval{color:#4ade80;border-color:#4ade8066}.chip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chip-count{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.chip-label{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;overflow:hidden}.queue-secondary{border-top:1px solid #ffffff12;align-items:center;gap:0;padding:18px 20px 20px;display:flex}.queue-stat{flex-direction:column;flex:1;gap:5px;display:flex}.qstat-value{color:#fff;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.qstat-label{color:#ffffff61;font-size:11px;font-weight:500}.queue-stat-divider{background:#ffffff17;flex-shrink:0;width:1px;height:36px;margin:0 28px}.new-leads-chip{color:var(--color-info);background:#2563eb14;border:1px solid #2563eb33;border-radius:6px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.new-leads-chip:hover{opacity:.85}.crm-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.crm-item{border-left:2px solid #0000;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0 10px 10px;display:flex}.crm-item:last-child{border-bottom:none}.crm-item--high{border-left-color:var(--color-danger)}.crm-item--mid{border-left-color:var(--color-warning)}.crm-item--low{border-left-color:var(--color-success)}.crm-name{color:var(--color-text);font-size:13px;font-weight:600}.crm-days{color:var(--color-text-secondary);font-size:11.5px}.panel-empty{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.panel-chip{vertical-align:middle;border-radius:20px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700}.panel-chip--blue{color:var(--color-info);background:#2563eb1a}.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:var(--color-info);border-radius:50%;flex-shrink:0;width:6px;height:6px}.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{color:var(--color-text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:500}.invoice-stat--alert .stat-value{color:var(--color-brand)}.scheduler-grid{gap:6px;display:flex}.sched-day{border:1px solid var(--color-border);text-align:center;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 4px;transition:background .15s;display:flex}.sched-day--covered{background:#16a34a1a;border-color:#16a34a40}.sched-day--open{opacity:.6}.sched-day-name{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:600}.sched-day-date{letter-spacing:0;text-transform:none;opacity:.8;font-weight:400}.sched-day-person{color:var(--color-text);font-size:11px;font-weight:600;line-height:1.3}.sched-day--open .sched-day-person{color:var(--color-text-secondary);font-style:italic;font-weight:400}.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:var(--color-text);font-size:11px;font-weight:600;line-height:1.2}.sched-entry-time{color:var(--color-text-secondary);font-size:9px;line-height:1.2}.finance-stats{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;font-size:30px;font-weight:700;line-height:1}.finance-stat--pending .finance-stat-value{color:var(--color-brand)}.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}.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);margin:.15rem 0 0;font-family:monospace;font-size:.78rem}.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{padding:28px}.page-title{letter-spacing:-.3px;color:var(--color-text);font-size:20px;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:13px}.page-error,.page-loading,.page-empty{color:var(--color-text-secondary);margin-top:24px;font-size:13px}.page-error{color:var(--color-danger)}.orders-toolbar{margin-bottom:20px}.toolbar-search{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:360px;color:var(--color-text);font-family:var(--font-sans);border-radius:8px;outline:none;padding:9px 14px;font-size:13.5px;transition:border-color .13s}.orders-sections{flex-direction:column;gap:10px;display:flex}.order-section{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section-header{border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;background:var(--section-bg,var(--color-surface));align-items:center;gap:10px;width:100%;padding:12px 18px;transition:filter .12s;display:flex}.section-header:hover{filter:brightness(.97)}.section-body{background:var(--section-bg,var(--color-surface))}:root.theme-dark .section-header,:root.theme-dark .section-body{background:var(--color-surface)!important}@media (prefers-color-scheme:dark){:root:not(.theme-light) .section-header,:root:not(.theme-light) .section-body{background:var(--color-surface)!important}}.section-title{color:var(--color-text);flex:1;font-size:13px;font-weight:700}.section-count{color:var(--color-text-secondary);background:var(--color-border);border-radius:20px;padding:1px 9px;font-size:11.5px;font-weight:600}.section-chevron{color:var(--color-text-secondary);font-size:14px;transition:transform .15s;display:inline-block;transform:rotate(90deg)}.section-chevron--collapsed{transform:rotate(0)}.section-body{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 td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:11px 14px;font-size:13px}.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}.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)}.action-btn--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.action-btn--close{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.order-detail{flex-direction:column;gap:18px;max-width:960px;padding:28px;display:flex}.detail-loading,.detail-error{color:var(--color-text-secondary);padding:48px;font-size:13px}.detail-back{color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:12.5px;font-weight:600;transition:color .12s;display:block}.detail-back:hover{color:var(--color-brand)}.detail-header-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-order-num{color:var(--color-text);margin:0;font-family:monospace;font-size:22px;font-weight:700}.detail-project{color:var(--color-text-secondary);margin:4px 0 0;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:0 0;border:2px solid;border-radius:8px;padding:5px 14px;font-size:11px;font-weight:700;transition:opacity .13s}.detail-status-badge:hover{opacity:.8}.detail-status-badge--draft{border-color:var(--color-border);color:var(--color-text-secondary);cursor:default}.detail-status-badge--draft:hover{opacity:1}.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{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.det-btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:opacity .13s}.det-btn:hover{opacity:.82}.det-btn--primary{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.det-btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.det-btn--assign{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.det-btn--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.det-btn--close{color:#991b1b;background:#fef2f2;border-color:#fecaca}.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(180px,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-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}.invoicing{flex-direction:column;gap:18px;padding:28px;display:flex}.invoicing-header{justify-content:space-between;align-items:center;display:flex}.invoicing-title{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.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}.inv-summary{background:var(--panel-invoicing);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-family:monospace;font-size:12px;font-weight:700}.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--draft{background:var(--color-bg);color:var(--color-text-secondary)}.inv-badge--sent{color:#92400e;background:#fffbeb}.inv-badge--paid{color:#065f46;background:#f0fdf4}.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--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}.leads-page{flex-direction:column;gap:0;min-height:0;padding:28px;display:flex}.page-header{margin-bottom:16px}.leads-metrics{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:110px;padding:12px 20px;display:flex}.metric-value{color:var(--color-text);font-size:22px;font-weight:700;line-height:1.2}.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;margin-bottom:18px;display:flex}.toolbar-search{border:1px solid var(--color-border);min-width:220px;max-width:320px;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)}.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:0 0 220px;min-width:220px;display:flex;overflow:hidden}.pipeline-col-header{background:#0000000d;border-top:3px solid #0000;justify-content:space-between;align-items:center;padding:10px 12px 9px;display:flex}.pipeline-col-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text);font-size:12px;font-weight:700}.pipeline-col-count{border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.5}.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);border-radius:8px;transition:box-shadow .12s;overflow:visible;box-shadow:0 1px 3px #00000014}.lead-card:hover{box-shadow:0 2px 8px #0000001f}.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{background:var(--color-bg);color:var(--color-text-secondary);border-radius:20px;margin-bottom:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-block}.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}.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--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-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-textarea{resize:vertical}.form-error{color:var(--color-danger);margin:0;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.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{background:var(--color-brand);border-color:var(--color-brand);color:#fff;font-weight:600}.type-filter-pill--active:hover{color:#fff}.type-filter-count{opacity:.7;font-size:11px;font-weight:700}.type-filter-pill--active .type-filter-count{opacity:.85}.page-error{color:var(--color-danger);padding:12px 0;font-size:13px}.lead-detail-page{max-width:1000px;padding:28px}.lead-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.lead-company{color:var(--color-text-secondary);margin:0;font-size:14px}.lead-status-control{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.status-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:700}.status-buttons{flex-wrap:wrap;gap:5px;display:flex}.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}.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}.page-loading,.page-empty{color:var(--color-text-secondary);padding:24px 0;font-size:13px}.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}.customer-detail-page{max-width:1100px;padding:28px}.back-link{color:var(--color-brand);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:12.5px;font-weight:600;transition:opacity .13s;display:block}.back-link:hover{opacity:.75}.customer-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.page-title{color:var(--color-text);margin:0 0 4px;font-size:20px;font-weight:700}.customer-contact-sub{color:var(--color-text-secondary);margin:0;font-size:14px}.customer-stats-row{align-items:center;gap:24px;display:flex}.customer-stat{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cstat-value{color:var(--color-text);font-size:18px;font-weight:700}.cstat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.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;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}.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{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--primary:disabled{opacity:.5;cursor:not-allowed}.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}.email-page{background:var(--color-bg);height:100%;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);align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.compose-btn{white-space:nowrap;background:var(--color-brand);color:#fff;font-size:12px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:7px;flex:1;padding:6px 10px;font-weight:600;transition:opacity .13s}.compose-btn:hover{opacity:.88}.search-toggle-btn{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;width:30px;height:30px;color:var(--color-text-secondary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.search-toggle-btn:hover,.search-toggle-btn--active{background:var(--color-brand-light);color:var(--color-brand);border-color:var(--color-brand)}.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{align-items:stretch;padding:0}.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);flex-direction:column;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(--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)}.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);justify-content:space-between;align-items:center;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-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-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:13px 20px;transition:background .12s}.thread-item:hover{background:var(--color-bg)}.thread-item--unread .thread-sender,.thread-item--unread .thread-subject-line{font-weight:700}.thread-item-top{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.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--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-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:6px;padding:8px 12px;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-item-top,.thread-item--pending .thread-subject-line{font-weight:400!important}.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:flex-start;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{max-width:860px;padding:28px}.templates-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.templates-title{color:var(--color-text);margin:0 0 4px;font-size:20px;font-weight:700}.templates-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.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-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{max-width:1000px;padding:28px}.scheduler-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.scheduler-header-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.notify-wrap{align-items:center;gap:10px;display:flex}.notify-msg{color:var(--color-text-secondary);font-size:12.5px;font-style:italic}.scheduler-title{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.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);border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:repeat(7,1fr);gap:1px;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{background:var(--color-brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cal-cell--selected{outline:2px solid var(--color-brand);outline-offset:-2px;background:#f16e6e0d}.cal-cell--unavail{background:#fef9f9}.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:var(--color-brand);background:#f16e6e1f}.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:var(--color-brand)}.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{background:var(--color-brand);color:#fff}.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{background:var(--color-brand);color:#fff}.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{max-width:700px;padding:28px}.settings-hub-header{margin-bottom:28px}.settings-hub-title{color:var(--color-text);margin:0 0 4px;font-size:20px;font-weight:700}.settings-hub-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.settings-hub-grid{flex-direction:column;gap:10px;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{max-width:920px;padding:32px}.su-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.su-title{color:var(--color-text);margin:0 0 4px;font-size:22px;font-weight:600}.su-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.su-add-btn{background:var(--color-brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .13s}.su-add-btn:hover{opacity:.88}.su-role-legend{background:var(--color-bg);border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:24px;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);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 0;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-page{max-width:1100px;padding:28px 32px}.fin-loading,.fin-error{color:var(--color-text-secondary);padding:48px 32px;font-size:14px}.fin-error{color:var(--color-brand)}.fin-header{margin-bottom:28px}.fin-title{color:var(--color-text);margin:0 0 4px;font-size:22px;font-weight:600}.fin-subtitle{color:var(--color-text-secondary);font-size:13px}.fin-kpi-section{margin-bottom: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-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;flex:1;gap:4px;padding:20px 24px;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--paid .fin-kpi-val{color:var(--color-success)}.fin-kpi--outstanding .fin-kpi-val{color:var(--color-brand)}.fin-kpi-sub{color:var(--color-text-secondary);font-size:12px}.fin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;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-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.fin-two-col .fin-card{margin-bottom:0}.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{grid-template-columns:1fr}.fin-page{padding:20px 16px}.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{flex-direction:column;gap:6px;margin-bottom:40px;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:#f16e6e;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-footer{color:var(--color-text-secondary);text-align:center;margin-top:28px;font-size:12px}.cl-footer a{color:#f16e6e;text-decoration:none}.cl-footer a:hover{text-decoration:underline}.cp-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.cp-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.cp-header-brand{align-items:baseline;gap:12px;display:flex}.cp-wordmark{letter-spacing:3px;color:var(--color-text);font-size:13px;font-weight:800}.cp-portal-label{color:#f16e6e;letter-spacing:.5px;font-size:11px;font-weight:500}.cp-header-right{align-items:center;gap:16px;display:flex}.cp-user-name{color:var(--color-text-secondary);font-size:13px}.cp-logout{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:border-color .13s,color .13s}.cp-logout:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.cp-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px}.cp-stats-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:0;margin-bottom:28px;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-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;gap:40px;margin-bottom:28px;padding:20px 28px;display:flex}.cp-profile-field{flex-direction:column;gap:3px;display:flex}.cp-profile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:10px;font-weight:700}.cp-profile-val{color:var(--color-text);font-size:14px;font-weight:500}.cp-profile-link{color:#f16e6e;font-size:14px;font-weight:500;text-decoration:none}.cp-profile-link:hover{text-decoration:underline}.cp-section{margin-bottom:32px}.cp-section-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 12px;font-size:11px;font-weight:700}.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:#8a8580;background:#f5f3f0}.cp-status--active{color:#2563eb;background:#eff6ff}.cp-status--review{color:#c2410c;background:#fff7ed}.cp-status--done{color:#16a34a;background:#f0fdf4}.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:#8a8580;background:#f5f3f0}.cp-inv--sent{color:#2563eb;background:#eff6ff}.cp-inv--paid{color:#16a34a;background:#f0fdf4}.cp-gallery-link{color:#f16e6e;font-size:12px;font-weight:600;text-decoration:none}.cp-gallery-link:hover{text-decoration:underline}.cp-gallery-none{color:var(--color-text-secondary)}.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}@media (width<=700px){.cp-main{padding:20px 16px}.cp-header{padding:0 16px}.cp-stats-row{flex-wrap:wrap;gap:16px}.cp-stat-divider{display:none}.cp-table-wrap{overflow-x:auto}}.cod-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.cod-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.cod-header-brand{align-items:baseline;gap:12px;display:flex}.cod-wordmark{letter-spacing:3px;color:var(--color-text);font-size:13px;font-weight:800}.cod-portal-label{color:var(--color-brand);letter-spacing:.5px;font-size:11px;font-weight:500}.cod-header-right{align-items:center;gap:16px;display:flex}.cod-user-name{color:var(--color-text-secondary);font-size:13px}.cod-logout{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px}.cod-logout:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.cod-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px}.cod-back{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-family:inherit;font-size:13px;display:inline-block}.cod-back:hover{color:var(--color-text)}.cod-loading,.cod-error{text-align:center;color:var(--color-text-secondary);padding:60px;font-size:14px}.cod-order-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.cod-order-num{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.cod-project{color:var(--color-text);margin:0;font-size:22px;font-weight:700}.cod-header-badges{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:#8a8580;background:#f5f3f0}.cod-inv--sent{color:#2563eb;background:#eff6ff}.cod-inv--paid{color:#16a34a;background:#f0fdf4}.cod-gallery-btn{color:#fff;background:#f16e6e;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);margin-bottom:20px;padding:28px}.cod-card-title{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 20px;font-size:12px;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:#f16e6e;border-color:#f16e6e}.cod-step-dot--active{border-width:2.5px;border-color:#f16e6e;box-shadow:0 0 0 5px #f16e6e1f}.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:#f16e6e}.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:#f16e6e;font-weight:700}.cod-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cod-details-grid .cod-card{margin-bottom:0}.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:#f16e6e;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}.cod-modal-field input:focus,.cod-modal-field textarea:focus{border-color:var(--color-brand);background:var(--color-surface)}.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:#f16e6e;border:none;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600}.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:#f16e6e;border:none;border-radius:8px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600}@media (width<=600px){.cod-main{padding:20px 16px}.cod-header{padding:0 16px}.cod-details-grid{grid-template-columns:1fr}.cod-timeline{overflow-x:auto}}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 20px;display:flex}.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:36px;height:36px;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;font-size:12.5px;font-weight:600;line-height:1.2}.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-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-link{color:var(--color-sidebar-text);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13px;font-weight:500;transition:background .13s,color .13s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0d}.sidebar-link--active{color:#fff;background:#f16e6e26}.sidebar-link--home.sidebar-link--active{color:#fff;background:#f16e6e38}.sidebar-link--orders:hover{color:#fff;background:#ffffff14}.sidebar-link--orders.sidebar-link--active{color:#fff;background:#ffffff1f}.sidebar-link--crm{color:#60a5fa;background:#3b82f633}.sidebar-link--crm:hover{color:#93c5fd;background:#3b82f64d}.sidebar-link--crm.sidebar-link--active{color:#bfdbfe;background:#3b82f661}.sidebar-link--email{color:#a78bfa;background:#8b5cf633}.sidebar-link--email:hover{color:#c4b5fd;background:#8b5cf64d}.sidebar-link--email.sidebar-link--active{color:#ddd6fe;background:#8b5cf661}.sidebar-link--scheduler{color:#34d399;background:#10b98133}.sidebar-link--scheduler:hover{color:#6ee7b7;background:#10b9814d}.sidebar-link--scheduler.sidebar-link--active{color:#a7f3d0;background:#10b98161}.sidebar-link--invoicing{color:#f59e0b;background:#d9770633}.sidebar-link--invoicing:hover{color:#fcd34d;background:#d977064d}.sidebar-link--invoicing.sidebar-link--active{color:#fde68a;background:#d9770661}.sidebar-link--finance{color:#fb923c;background:#f9731633}.sidebar-link--finance:hover{color:#fdba74;background:#f973164d}.sidebar-link--finance.sidebar-link--active{color:#fed7aa;background:#f9731661}.sidebar-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-sidebar-text);background:#ffffff12;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-sub-nav{flex-direction:column;gap:1px;padding:2px 0 4px 18px;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 10px 6px;display:flex}.sidebar-settings-item{justify-content:flex-start;align-items:center;gap:8px;display:flex}.sidebar-settings-icon{opacity:.7;flex-shrink:0}.sidebar-footer{border-top:1px solid var(--color-sidebar-border);flex-shrink:0;padding:14px 16px}.sidebar-user{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.sidebar-role{color:var(--color-sidebar-text);text-transform:capitalize;margin-bottom:10px;font-size:11px}.sidebar-logout{width:100%;color:var(--color-sidebar-text);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;padding:7px;font-size:12px;font-weight:500;transition:background .13s,color .13s}.sidebar-logout:hover{color:var(--color-brand);background:#f16e6e26;border-color:#f16e6e4d}.app-layout{height:100vh;display:flex}.app-body{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden}.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)}.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}