:root{color-scheme:light;--color-primary: #F4A211;--color-primary-hover: #D4890C;--color-primary-bright: #FFB800;--color-gold: var(--color-primary);--color-gold-bright: var(--color-primary-bright);--color-gold-hover: var(--color-primary-hover);--color-gold-soft: #FFF8EB;--color-black: #1A1A1A;--color-charcoal: #333333;--color-white: #FFFFFF;--color-off-white: #F8F9FA;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-border: #E5E7EB;--color-overlay: rgba(26, 26, 26, .45);--color-disabled: #9CA3AF;--color-text: #1A1A1A;--color-text-secondary: #333333;--color-text-muted: #6B7280;--color-success: #0B6E4F;--color-success-bg: #E8F5F0;--color-warning: #B45309;--color-warning-bg: #FEF3C7;--color-error: #B42318;--color-error-bg: #FEE2E2;--color-info: #1D4F91;--color-info-bg: #DBEAFE;--green-light: var(--color-success-bg);--green-muted: var(--color-border);--green-medium: var(--color-success);--green-dark: var(--color-black);--bg: var(--color-background);--ink: var(--color-text);--muted: var(--color-text-muted);--accent: var(--color-primary);--accent-dark: var(--color-primary-hover);--accent-soft: var(--color-primary-bright);--danger: var(--color-error);--surface: var(--color-surface);--border: var(--color-border);--sidebar: var(--color-black);--sidebar-text: #F3F4F6;--sidebar-muted: #9CA3AF;--sidebar-link: #D1D5DB;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--space-10: 4rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-pill: 999px;--radius-control: var(--radius-sm);--radius-card: var(--radius-md);--radius-modal: var(--radius-lg);--shadow-1: 0 1px 2px rgba(26, 26, 26, .04);--shadow-2: 0 8px 24px rgba(26, 26, 26, .06);--shadow-3: 0 24px 60px rgba(26, 26, 26, .16);--shadow: var(--shadow-2);--shadow-focus: 0 0 0 3px rgba(244, 162, 17, .38);--touch: 44px;--text-caption: .75rem;--text-body: .875rem;--text-section: 1rem;--text-page: 1.25rem;--text-kpi: 1.5rem;--line-body: 1.5;--control-height: 40px;--shell-sidebar-width: 248px;--shell-sidebar-collapsed: 76px;--shell-topbar-height: 64px;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", "Segoe UI", sans-serif;font-family:var(--font-body);line-height:var(--line-body);font-size:var(--text-body);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::placeholder{color:var(--color-disabled)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card,.panel-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-modal);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-2)}.auth-card{width:min(420px,100%)}.panel-form{max-width:100%;margin-bottom:var(--space-4);border-radius:var(--radius-card)}.auth-card label,.panel-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-body);color:var(--color-text-secondary)}.auth-card input,.auth-card select,.panel-form input,.panel-form select,.panel-form textarea{min-height:var(--control-height);padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-text)}.panel-form textarea{min-height:6rem;resize:vertical}.auth-card input:hover,.panel-form input:hover,.panel-form select:hover,.panel-form textarea:hover{border-color:var(--color-charcoal)}.auth-card input:focus-visible,.auth-card select:focus-visible,.panel-form input:focus-visible,.panel-form select:focus-visible,.panel-form textarea:focus-visible,.wa-search input:focus-visible,.wa-composer input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.auth-card input:disabled,.panel-form input:disabled,.panel-form select:disabled{background:var(--color-off-white);color:var(--color-text-muted);cursor:not-allowed}.auth-card button,.panel-form button,.data-list button,.order-actions button,.side-footer button,.btn,.btn-primary{border:0;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-black);padding:0 1rem;min-height:var(--control-height);font-weight:600;font-size:var(--text-body);line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-card button:hover:not(:disabled),.panel-form button:hover:not(:disabled),.data-list button:hover:not(:disabled),.order-actions button:hover:not(:disabled),.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text);border:0}.btn-ghost:hover:not(:disabled){background:var(--color-off-white)}.btn-danger{background:var(--color-error);color:var(--color-white)}.auth-card button:disabled,.panel-form button:disabled,.order-actions button:disabled,.btn:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed}.brand{font-family:var(--font-display);font-size:1.55rem;font-weight:700;margin:0;letter-spacing:-.02em}.tagline{color:var(--color-text-muted);margin:0 0 var(--space-5);max-width:40rem;font-size:var(--text-body)}.status-error,.state-error{color:var(--color-error);font-weight:600}.status-ok{color:var(--color-success);font-weight:600}.muted,.state-loading,.state-empty{color:var(--color-text-muted);font-size:var(--text-body)}h1{font-family:var(--font-body);font-size:var(--text-page);font-weight:700;margin:0 0 var(--space-1);letter-spacing:-.02em}h2{font-family:var(--font-body);font-size:var(--text-section);font-weight:700;margin:var(--space-6) 0 var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dash-layout{display:grid;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.dash-layout.is-collapsed{grid-template-columns:var(--shell-sidebar-collapsed) minmax(0,1fr)}.dash-sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:0;height:100vh;overflow:auto;overscroll-behavior:contain;border-right:1px solid rgba(255,255,255,.06)}.shell-brand-row{padding:.15rem .5rem .35rem}.dash-sidebar .brand{color:var(--color-white);font-size:1.35rem}.side-sub{margin:.15rem 0 0;color:var(--color-primary);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.shell-nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav-section{display:flex;flex-direction:column;gap:.15rem}.nav-section-label{margin:.55rem .65rem .15rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted)}.dash-sidebar .shell-nav a{display:flex;align-items:center;gap:.65rem;min-height:40px;padding:.45rem .65rem;border-radius:8px;color:var(--sidebar-link);font-weight:500}.dash-sidebar .shell-nav a:hover{background:#ffffff14;color:var(--color-white)}.dash-sidebar .shell-nav a.active{background:#f4a21129;color:var(--color-white);box-shadow:inset 3px 0 0 var(--color-primary)}.nav-mark{flex:0 0 28px;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:.62rem;font-weight:700;letter-spacing:.02em;background:#ffffff14;color:#f3f4f6}.dash-sidebar .shell-nav a.active .nav-mark{background:var(--color-primary);color:var(--color-black)}.nav-label{min-width:0}.dash-layout.is-collapsed .nav-section-label,.dash-layout.is-collapsed .side-sub,.dash-layout.is-collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dash-layout.is-collapsed .dash-sidebar .shell-nav a{justify-content:center;padding:.45rem .2rem}.dash-layout.is-collapsed .shell-brand-row{display:grid;place-items:center;padding:.15rem 0}.side-footer{margin-top:auto;font-size:.85rem}.side-footer button{width:100%;margin-top:var(--space-2);background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.28)}.side-footer button:hover:not(:disabled){background:#ffffff14}.dash-content{display:flex;flex-direction:column;min-width:0}.dash-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--shell-topbar-height);padding:.65rem var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-white);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar-right{justify-content:flex-end;flex:1 1 auto}.topbar-heading{min-width:0}.topbar-title{margin:0;font-family:var(--font-body);font-size:var(--text-page);font-weight:700;letter-spacing:-.02em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-crumbs{display:flex;flex-wrap:wrap;gap:.25rem;font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:.1rem}.shell-crumbs a{color:var(--color-text-muted)}.shell-crumbs a:hover{color:var(--color-text)}.shell-crumb-sep{margin:0 .15rem;color:var(--color-disabled)}.shell-icon-btn{width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-white);border-radius:8px;cursor:pointer;display:grid;place-items:center;color:var(--color-text);flex:0 0 40px}.shell-icon-btn:hover{background:var(--color-off-white)}.shell-menu-glyph,.shell-menu-glyph:before,.shell-menu-glyph:after{display:block;width:16px;height:2px;background:var(--color-text);border-radius:99px;position:relative}.shell-menu-glyph:before,.shell-menu-glyph:after{content:"";position:absolute;left:0}.shell-menu-glyph:before{top:-5px}.shell-menu-glyph:after{top:5px}.shell-collapse-glyph{font-size:1rem;line-height:1;color:var(--color-text-secondary)}.shell-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:var(--color-overlay);z-index:30;cursor:pointer}.account-menu{position:relative}.account-menu-btn{display:flex;align-items:center;gap:.55rem;min-height:40px;padding:.2rem .55rem .2rem .2rem;border:1px solid var(--color-border);background:var(--color-white);border-radius:10px;cursor:pointer;color:var(--color-text)}.account-menu-btn:hover{background:var(--color-off-white)}.account-avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--color-black);color:var(--color-white);font-size:.7rem;font-weight:700}.account-btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.account-name{font-size:var(--text-body);font-weight:600;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-role{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.account-menu-panel{position:absolute;top:calc(100% + .4rem);right:0;width:min(16rem,calc(100vw - 2rem));background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-2);padding:.4rem;z-index:30}.account-menu-meta{margin:0;padding:.55rem .65rem .7rem;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:.15rem}.account-menu-meta span{color:var(--color-text-muted);font-size:var(--text-caption)}.account-menu-panel a,.account-menu-panel button{width:100%;display:flex;align-items:center;min-height:40px;padding:0 .65rem;border:0;background:transparent;color:var(--color-text);border-radius:8px;cursor:pointer;font-weight:500;text-align:left}.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--color-off-white)}.shell-search{position:relative;flex:1 1 18rem;max-width:28rem}.shell-search-form{display:flex;gap:.4rem;align-items:center}.shell-search-form input{flex:1 1 auto;min-width:0;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 .75rem;background:var(--color-off-white)}.shell-search-form input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-white)}.shell-search-form .btn{min-height:40px}.shell-search-panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-2);padding:.45rem;z-index:30;max-height:20rem;overflow:auto}.shell-search-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .65rem;border:0;background:transparent;border-radius:8px;cursor:pointer;text-align:left;color:inherit}.shell-search-row:hover{background:var(--color-off-white)}.dash-main{padding:var(--space-5) var(--space-5) var(--space-8);width:100%}@media (prefers-reduced-motion: reduce){.dash-layout,.dash-sidebar,.shell-backdrop,.account-menu-panel{transition:none}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-1)}.metric-card span{color:var(--color-text-muted);font-size:var(--text-caption)}.metric-card strong{font-size:var(--text-kpi);font-family:var(--font-display);font-weight:700;line-height:1.15;word-break:break-word}.data-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.data-list>li,.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1.15rem;display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;box-shadow:var(--shadow-1)}.order-card{flex-direction:column}.order-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;width:100%}.order-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin:.85rem 0}.meta-chip{background:var(--color-off-white);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:.55rem .7rem}.meta-chip span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.15rem}.meta-chip strong{font-size:.95rem}.item-row{display:flex;gap:.75rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--border)}.item-row:first-child{border-top:0}.item-thumb{width:56px;height:56px;border-radius:var(--radius-control);object-fit:cover;background:var(--color-off-white);border:1px solid var(--color-border);flex-shrink:0}.order-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.lifecycle-stepper{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.lifecycle-stepper li{position:relative;text-align:center;font-size:.7rem;padding:.55rem .35rem;border-radius:var(--radius-control);background:var(--color-off-white);color:var(--color-text-muted);border:1px solid var(--color-border)}.lifecycle-stepper li.done{background:var(--color-success-bg);color:var(--color-success)}.lifecycle-stepper li.current{background:var(--color-primary);color:var(--color-black);font-weight:600;border-color:var(--color-primary)}.tickets-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:1.25rem;align-items:start}.ticket-list-panel,.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow)}.ticket-row{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border)}.ticket-row:last-child{border-bottom:0}.priority-pill{display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:var(--radius-pill);background:var(--color-off-white);color:var(--color-text-muted);text-transform:uppercase}.priority-pill.high,.priority-pill.urgent{background:#fde8e6;color:var(--danger)}.chat-log{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0;padding:.75rem;background:var(--color-off-white);border-radius:12px;border:1px solid var(--color-border)}.chat-bubble{padding:.65rem .8rem;border-radius:12px;background:#fff;border:1px solid var(--border);max-width:92%}.chat-bubble.agent{align-self:flex-end;background:var(--color-gold-soft);border-color:#f3d7a1}.chat-bubble .channel{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.04em}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.toolbar .btn-secondary.is-active{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary)}.queue-pill{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.queue-pill.is-unpaid{background:#ffedd5;color:#9a3412}.queue-pill.is-late{background:#fee2e2;color:#991b1b}.queue-pill.is-on-hold{background:#fef3c7;color:#92400e}.queue-banner{margin:.45rem 0 0;font-size:.85rem;font-weight:600}.queue-banner.is-late{color:#991b1b}.queue-banner.is-unpaid{color:#9a3412}.order-card.is-late{border-color:#f0a8a8}.order-card.is-unpaid{border-color:#f0c36a}.order-type-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.order-type-badge.type-standard{background:var(--color-off-white);color:var(--color-charcoal);border:1px solid var(--color-border)}.order-type-badge.type-package{background:var(--color-info-bg);color:var(--color-info)}.order-type-badge.type-group_buy{background:var(--color-warning-bg);color:var(--color-warning)}.order-type-badge.type-flash_sale{background:var(--color-gold-soft);color:#92400e;border:1px solid #F3D7A1}.order-type-badge.type-mkn{background:var(--color-info-bg);color:var(--color-info)}.order-row-title{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.2rem}.order-row-clickable{cursor:pointer}.order-row-clickable:hover{border-color:#f3d7a1}.orders-page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.live-indicator{font-size:.78rem;font-weight:700;color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:999px;padding:.35rem .7rem;white-space:nowrap}.live-indicator.is-pulse{color:#b42318;border-color:#f3c0bb;background:#fef2f2;animation:pulse-live 1s ease-in-out 2}@keyframes pulse-live{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:80;background:var(--color-black);color:var(--color-white);padding:.85rem 1.1rem;border-radius:var(--radius-card);box-shadow:var(--shadow-2);max-width:min(360px,calc(100vw - 2rem));font-weight:600;border:1px solid transparent}.toast-alert,.toast-info{background:var(--color-black);color:var(--color-white)}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-color:#b7d8c9}.toast-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f3d7a1}.toast-error{background:var(--color-error-bg);color:var(--color-error);border-color:#f3c0bb}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:60;display:flex;justify-content:flex-end}.order-drawer{width:min(480px,100%);height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-3);overflow:auto;padding:var(--space-5) var(--space-5) var(--space-7)}.order-drawer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.order-drawer-head h2{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--text-page);font-weight:700}.order-drawer-badges{display:flex;flex-wrap:wrap;gap:.4rem}.status-pill{font-size:.72rem;font-weight:700;text-transform:uppercase;background:var(--color-off-white);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.18rem .55rem}.status-pill.is-on-hold{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f3d7a1}.order-card.is-on-hold{border-color:#f0c36a;box-shadow:0 0 0 1px #b453091f}.hold-reason{margin:.25rem 0 0;color:#92400e;font-size:.88rem}.drawer-section{margin-top:1.15rem}.drawer-section h3{margin:0 0 .55rem;font-size:var(--text-section);font-family:var(--font-body);font-weight:700}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem;margin:0}.detail-grid .span-2{grid-column:1 / -1}.detail-grid dt{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.detail-grid dd{margin:.15rem 0 0;font-weight:600}.drawer-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.drawer-items li{display:grid;grid-template-columns:52px 1fr auto;gap:.65rem;align-items:center;padding:0;border:0;box-shadow:none;background:transparent}.drawer-items img{width:52px;height:52px;border-radius:var(--radius-control);object-fit:cover;background:var(--color-off-white)}.drawer-stepper{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.drawer-stepper li{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:.45rem .55rem;font-size:.8rem;background:var(--color-off-white)}.drawer-stepper li.done{background:var(--color-success-bg);color:var(--color-success)}.drawer-stepper li.current{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary);font-weight:700}.drawer-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem;align-items:end}.btn-secondary{background:var(--color-white)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important}.page-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.metric-link{text-decoration:none;transition:border-color .15s ease,transform .15s ease}.metric-link:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4) 1.15rem;box-shadow:var(--shadow-2)}.chart-card h3{margin:0 0 .4rem;font-family:var(--font-body);font-size:var(--text-section);font-weight:700;color:var(--color-text)}a.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-black)!important;padding:0 1rem;min-height:var(--control-height);font-weight:600}a.btn-secondary{background:var(--color-white)!important;color:var(--color-text)!important;border:1px solid var(--color-border)}.profile-card{max-width:520px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-2)}.profile-card .panel-form{box-shadow:none;border:0;padding:0;margin:0;max-width:none}.profile-card input:disabled{background:var(--color-off-white);color:var(--color-text-muted);cursor:not-allowed}.status-ok{color:var(--accent);font-weight:600}.wa-workspace{margin:-.25rem 0 0}.wa-shell{display:grid;grid-template-columns:minmax(300px,360px) 1fr;min-height:calc(100vh - 150px);border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.wa-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:#fff;min-height:0}.wa-sidebar-head{padding:.95rem 1rem .55rem;background:var(--color-off-white);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.wa-sidebar-head h1{margin:0;font-size:var(--text-page);font-family:var(--font-body);font-weight:700;color:var(--color-text)}.wa-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.wa-tabs button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:.45rem;border-radius:8px;cursor:pointer}.wa-tabs button.is-active{background:var(--color-gold-soft);color:var(--color-charcoal)}.wa-search{padding:.55rem .75rem .7rem}.wa-search input{width:100%;border:0;border-radius:10px;background:#f0f2f5;padding:.65rem .8rem}.wa-chat-list{overflow:auto;flex:1}.wa-chat-row{width:100%;display:grid;grid-template-columns:48px 1fr;gap:.7rem;padding:.75rem .85rem;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left;cursor:pointer;color:inherit}.wa-chat-row:hover,.wa-chat-row.is-active{background:#f0f2f5}.wa-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.85rem}.wa-avatar.lg{width:42px;height:42px;font-size:.8rem}.wa-chat-meta{min-width:0}.wa-chat-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.wa-chat-top span{color:var(--muted);font-size:.72rem}.wa-preview{margin:.15rem 0 .3rem;color:var(--muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-row-pills{display:flex;flex-wrap:wrap;gap:.25rem}.wa-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.12rem .4rem;border-radius:var(--radius-pill);background:var(--color-off-white);color:var(--color-text-muted)}.wa-pill.ai{background:var(--color-info-bg);color:var(--color-info)}.wa-pill.order{background:var(--color-gold-soft);color:var(--color-charcoal)}.wa-pill.request-cancellation{background:var(--color-error-bg);color:var(--color-error)}.wa-pill.request-refund,.wa-pill.status-open{background:var(--color-warning-bg);color:var(--color-warning)}.wa-pill.status-in_progress{background:var(--color-info-bg);color:var(--color-info)}.wa-main{display:flex;flex-direction:column;min-width:0;background:#efeae2;background-image:radial-gradient(rgba(26,26,26,.05) 1px,transparent 1px);background-size:18px 18px}.wa-empty{flex:1;display:grid;place-items:center;padding:2rem}.wa-empty-card{max-width:420px;text-align:center;background:#ffffffeb;border:1px solid var(--border);border-radius:16px;padding:1.5rem}.wa-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 1rem;background:#f0f2f5;border-bottom:1px solid var(--border)}.wa-header-left{display:flex;gap:.7rem;align-items:center;min-width:0}.wa-header-left strong{display:block}.wa-header-left p{margin:.1rem 0 0}.wa-header-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.wa-order-badge{font-size:.75rem;font-weight:700;background:#fff;border:1px solid var(--color-border);color:var(--color-charcoal);border-radius:var(--radius-pill);padding:.3rem .65rem}.wa-context-banner{display:flex;flex-wrap:wrap;gap:.85rem;padding:.65rem 1rem;background:#ffffffd1;border-bottom:1px solid rgba(15,42,33,.08)}.wa-context-banner span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.wa-context-banner p{margin:.15rem 0 0;font-size:.88rem}.wa-context-items{display:flex;gap:.65rem;flex-wrap:wrap}.wa-context-item{display:flex;gap:.45rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;padding:.35rem .55rem}.wa-context-item img{width:36px;height:36px;border-radius:8px;object-fit:cover}.wa-messages{flex:1;overflow:auto;padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.45rem}.wa-system{align-self:center;background:#ffffffd9;color:var(--muted);font-size:.78rem;padding:.3rem .7rem;border-radius:8px;max-width:80%;text-align:center}.wa-bubble{max-width:min(72%,460px);padding:.45rem .65rem .3rem;border-radius:10px;box-shadow:0 1px 1px #0f2a2114;position:relative}.wa-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.wa-bubble.customer{align-self:flex-start;background:#fff;border-top-left-radius:2px}.wa-bubble.agent{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}.wa-bubble.ai{align-self:flex-start;background:#e0f2fe}.wa-tick{display:block;text-align:right;font-size:.68rem;color:#667781;margin-top:.2rem}.wa-composer{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;padding:.55rem .75rem;background:#f0f2f5;border-top:1px solid var(--border)}.wa-internal-toggle{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted);white-space:nowrap}.wa-bubble.internal{background:#fff8e1;border:1px dashed #e0c36a;align-self:center;max-width:86%}.ticket-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-7) var(--space-4);overflow:auto}.ticket-create-panel{width:min(40rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow)}.ticket-create-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.ticket-create-head h2{margin:0}.ticket-selected-customer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:12px;margin:.75rem 0;background:var(--color-gold-soft)}.ticket-customer-matches{margin:.75rem 0 1rem}.data-list .ticket-match-btn,.ticket-match-btn{width:100%;text-align:left;background:transparent;color:inherit;border:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.15rem;cursor:pointer;padding:0;min-height:auto;border-radius:0}.data-list .ticket-match-btn:hover:not(:disabled){background:transparent}.wa-composer input{width:100%;border:0;border-radius:999px;background:#fff;padding:.7rem 1rem}.wa-icon-btn{width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:transparent;cursor:pointer;font-size:1.05rem}.wa-send{border:0;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-black);font-weight:700;padding:.65rem 1.1rem;cursor:pointer}.wa-send:disabled{opacity:.6;cursor:not-allowed}.customer-search{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;max-width:40rem}.customer-search label{flex:1;min-width:min(16rem,100%)}.customer-search button{height:var(--control-height)}.badge,.order-type-badge,.status-pill,.queue-pill{display:inline-flex;align-items:center}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-off-white);color:var(--color-text-secondary);border:1px solid var(--color-border)}.state-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);color:var(--color-text-muted)}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-3);border-radius:var(--radius-modal);max-width:min(32rem,calc(100vw - 2rem))}.section-title{font-family:var(--font-body);font-size:var(--text-section);font-weight:700;margin:var(--space-6) 0 var(--space-3)}.customer-meta{margin:1rem 0 1.25rem}.table-wrap{overflow-x:auto;max-width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-1)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.data-table th,.data-table td{text-align:left;padding:.85rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table th{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-off-white);font-weight:700}.data-table tbody tr{min-height:54px}.data-table tr:hover td{background:var(--color-off-white)}.data-table tr:last-child td{border-bottom:0}a.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:.45rem .75rem;font-weight:600}@media (max-width: 1023px){.dash-layout,.dash-layout.is-collapsed{grid-template-columns:minmax(0,1fr)}.dash-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,88vw);height:100vh;z-index:40;transform:translate(-105%);transition:transform .18s ease;box-shadow:none;visibility:hidden;pointer-events:none}.dash-layout.is-drawer-open .dash-sidebar{transform:translate(0);box-shadow:var(--shadow-3);visibility:visible;pointer-events:auto}.dash-layout.is-collapsed .nav-section-label,.dash-layout.is-collapsed .side-sub,.dash-layout.is-collapsed .nav-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.dash-layout.is-collapsed .dash-sidebar .shell-nav a{justify-content:flex-start;padding:.45rem .65rem}.dash-topbar{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.topbar-left{flex:1 1 auto}.topbar-right{flex:0 0 auto}.shell-search{flex:1 1 100%;order:3;max-width:none}.account-btn-text{display:none}}@media (max-width: 960px){.dash-main{padding:var(--space-4)}.lifecycle-stepper{grid-template-columns:repeat(3,1fr)}.tickets-layout{grid-template-columns:1fr}.order-card-top{flex-direction:column}.order-actions{align-items:stretch;width:100%}.detail-grid{grid-template-columns:1fr}.customer-search label{min-width:100%}.wa-shell{grid-template-columns:1fr;min-height:auto}.wa-sidebar{max-height:320px}.wa-main{min-height:520px}.order-drawer{width:100%}}.badge{display:inline-flex;align-items:center;min-height:1.4rem;padding:.12rem .5rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap}.support-page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.support-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;margin:0 0 var(--space-4)}.support-toolbar label{display:flex;flex-direction:column;gap:.3rem;min-width:12rem;font-size:var(--text-caption);font-weight:700;color:var(--color-text-muted)}.support-toolbar input,.support-toolbar select{min-height:var(--control-height);padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);color:var(--color-text);font-weight:500}.support-toolbar input:focus-visible,.support-toolbar select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.support-queue-grid,.support-context-list,.mkn-workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.support-queue-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-1)}.support-queue-card h2,.support-queue-card h3{margin:0;font-family:var(--font-body);font-size:var(--text-section)}.support-queue-card .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.support-queue-card .section-head a{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:700}.support-queue-card .section-head a:hover{color:var(--color-text)}.support-queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.support-queue-list li{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.support-queue-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.support-card-list{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:var(--space-3)}.support-card,a.support-card{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;padding:.95rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);color:inherit}.support-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;text-align:right}.person-cell{display:flex;align-items:center;gap:.7rem}.person-cell .muted{margin:.1rem 0 0}.avatar-initials{width:2.1rem;height:2.1rem;border-radius:8px;background:var(--color-black);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.avatar-initials.is-large{width:3.25rem;height:3.25rem;font-size:1rem}.identity-head{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.identity-head .tagline{margin-bottom:var(--space-2)}.identity-head .btn{margin-left:auto}.badge-stack{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.25rem}.result-count{margin:0 0 var(--space-3);color:var(--color-text-muted)}.pager{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.pager p{margin:0;color:var(--color-text-muted)}.pager-actions{display:flex;gap:var(--space-2)}.row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.data-table tr.is-clickable{cursor:pointer}.skeleton-line{display:block;height:.8rem;background:var(--color-border);border-radius:4px;animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton-line.short{width:42%}.kpi-skeleton strong.skeleton-line{height:1.6rem;width:64%;margin-top:.35rem}.skeleton-panel{display:flex;flex-direction:column;gap:var(--space-3);min-height:6rem;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}.state-block{margin:0 0 var(--space-4)}.state-error-block{border-color:#fecaca;background:var(--color-error-bg);color:var(--color-error)}.state-error-block .btn-secondary{margin-top:var(--space-3)}.state-empty-title{margin:0 0 var(--space-2);color:var(--color-text);font-weight:700}.profile-divider{border:0;border-top:1px solid var(--color-border);margin:.5rem 0}.mkn-quote-form{box-shadow:none;border:0;padding:0;margin:0}.mkn-reference{width:min(100%,220px);border-radius:var(--radius-control);border:1px solid var(--color-border);margin:.75rem 0}.ticket-page{min-width:0}.ticket-workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);min-height:calc(100vh - 240px);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-white)}.ticket-workspace.has-selected{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px)}.ticket-queue{border-right:1px solid var(--color-border);background:var(--color-white);min-width:0;overflow:auto;padding:var(--space-3)}.ticket-queue-list{list-style:none;margin:0;padding:0}.ticket-queue-row{width:100%;display:grid;grid-template-columns:36px 1fr;gap:.7rem;padding:.75rem .55rem;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;cursor:pointer;color:inherit;border-radius:8px}.ticket-queue-row:hover,.ticket-queue-row.is-active{background:var(--color-off-white)}.ticket-queue-copy{min-width:0}.ticket-queue-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.ticket-queue-top span{color:var(--color-text-muted);font-size:var(--text-caption);white-space:nowrap}.ticket-queue-preview{margin:.15rem 0 .3rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-thread{display:flex;flex-direction:column;min-width:0;background:var(--color-off-white)}.ticket-empty{flex:1;display:grid;place-items:center;padding:var(--space-6)}.ticket-thread-head{display:flex;align-items:center;gap:var(--space-3);padding:.75rem 1rem;background:var(--color-white);border-bottom:1px solid var(--color-border)}.ticket-thread-head strong{display:block}.ticket-thread-head p{margin:.1rem 0 0}.ticket-back{display:none}.ticket-inline-context{display:flex;flex-wrap:wrap;gap:.85rem;padding:.65rem 1rem;background:var(--color-gold-soft);border-bottom:1px solid var(--color-border)}.ticket-inline-context span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.ticket-inline-context p{margin:.15rem 0 0}.ticket-messages{flex:1;overflow:auto;padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.45rem}.ticket-system{align-self:center;background:var(--color-white);color:var(--color-text-muted);font-size:.78rem;padding:.3rem .7rem;border-radius:8px;max-width:80%;text-align:center}.ticket-bubble{max-width:min(72%,460px);padding:.55rem .7rem .35rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-white);position:relative}.ticket-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.ticket-bubble.customer{align-self:flex-start}.ticket-bubble.agent{align-self:flex-end;background:var(--color-gold-soft);border-color:#f3d7a1}.ticket-bubble.ai{align-self:flex-start;background:var(--color-info-bg);border-color:#bfdbfe}.ticket-bubble.internal{background:#fff8e1;border-style:dashed;align-self:center;max-width:86%}.ticket-tick{display:block;text-align:right;font-size:.68rem;color:var(--color-text-muted);margin-top:.2rem}.ticket-composer{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;padding:.7rem .85rem;background:var(--color-white);border-top:1px solid var(--color-border)}.ticket-note-toggle{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.ticket-composer input{width:100%;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-white);padding:.55rem .75rem}.ticket-composer input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ticket-context{border-left:1px solid var(--color-border);background:var(--color-white);overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.ticket-context h2{margin:0 0 var(--space-3)}.ticket-context .btn-secondary{margin-top:var(--space-3)}.support-card.is-late,.order-card.is-late{border-color:#f0a8a8}.support-card.is-unpaid,.order-card.is-unpaid,.support-card.is-on-hold{border-color:#f0c36a}@media (prefers-reduced-motion: reduce){.skeleton-line,.live-indicator.is-pulse,.metric-link{animation:none;transition:none}}@media (max-width: 1279px){.ticket-workspace.has-selected{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.ticket-context{grid-column:1 / -1;border-left:0;border-top:1px solid var(--color-border)}}@media (max-width: 1023px){.support-desktop-table{display:none}.support-card-list{display:flex}.support-card,.identity-head{flex-direction:column}.identity-head .btn{margin-left:0}.support-card-meta,.support-queue-meta{align-items:flex-start;text-align:left}.support-toolbar label{min-width:100%}.ticket-workspace,.ticket-workspace.has-selected{grid-template-columns:1fr;min-height:0}.ticket-workspace.has-selected .ticket-queue{display:none}.ticket-back{display:inline-flex}.ticket-thread{min-height:28rem}.ticket-context{border-top:1px solid var(--color-border)}.ticket-composer{grid-template-columns:1fr auto}.ticket-note-toggle{grid-column:1 / -1}}@media (max-width: 767px){.page-toolbar,.support-page-head,.pager{flex-direction:column;align-items:stretch}.row-actions{width:100%}.row-actions .btn,.row-actions button{flex:1 1 auto}.ticket-bubble{max-width:92%}.order-drawer{width:100%}}@media (max-width: 390px){.dash-main{padding:var(--space-3)}.metric-grid{grid-template-columns:1fr 1fr}.ticket-create-overlay{padding:var(--space-4) var(--space-3)}.ticket-create-panel{padding:1rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--color-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-panel,.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden;width:min(32rem,calc(100vw - 2rem));max-height:min(85vh,100%);border-radius:var(--radius-modal)}.modal-panel.is-wide{width:min(36rem,calc(100vw - 2rem))}.modal-panel-head{flex:0 0 auto;display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding:.9rem 1.15rem;border-bottom:1px solid var(--color-border);background:var(--color-off-white)}.modal-panel-head h2{margin:0;font-family:var(--font-body);font-size:var(--text-section);font-weight:700}.modal-close-btn{background:var(--color-white)!important}.modal-panel-body{flex:1 1 auto;padding:var(--space-4) 1.15rem var(--space-5);overflow-y:auto;overscroll-behavior:contain}.modal-panel-body .panel-form{box-shadow:none;border:0;padding:0;margin:0;max-width:none}.modal-panel-footer{flex:0 0 auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);padding:.85rem 1.15rem;border-top:1px solid var(--color-border);background:var(--color-white)}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:calc(var(--touch) + .65rem)}.password-toggle{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:var(--touch);height:var(--touch);border:0!important;border-radius:10px!important;background:transparent!important;color:var(--muted)!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:var(--accent)!important;background:var(--color-off-white)!important}.password-toggle:disabled{cursor:not-allowed;opacity:.55}.password-toggle svg{width:1.2rem;height:1.2rem;display:block}.notif-bell{position:relative}.notif-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--color-error);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center}.notif-panel{position:absolute;right:0;top:calc(100% + .45rem);width:min(22rem,86vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-2);z-index:30;overflow:hidden}.notif-panel-head,.notif-all{display:flex;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;font-size:var(--text-caption)}.notif-panel ul{list-style:none;margin:0;padding:0}.notif-empty{padding:.85rem}.notif-item,.notif-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border:0;background:transparent;padding:.75rem .85rem;cursor:pointer;color:inherit}.notif-item.is-unread,.notif-row.is-unread{background:var(--color-gold-soft)}.notif-item span,.notif-row span{color:var(--color-text-muted);font-size:var(--text-caption)}.notif-item em,.notif-row em{color:var(--color-disabled);font-size:.7rem;font-style:normal}.notif-all{border-top:1px solid var(--color-border);color:var(--color-text);font-weight:700}.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.notif-row{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}