*,*:before,*:after{box-sizing:border-box}:root{--bg:#f8fafc;--bg-alt:#e2e8f0;--bg-2:#ffffff;--bg-3:#f1f5f9;--text:#0f172a;--muted:#475569;--fg-2:#64748b;--fg-3:#94a3b8;--card:#ffffff;--card-bg:#ffffff;--bg-subtle:rgba(148,163,184,.04);--surface-soft:rgba(148,163,184,.08);--border:#e2e8f0;--accent:#3b82f6;--accent-contrast:#fff;--primary:#3b82f6;--accent-hover:#2563eb;--focus:#93c5fd;--danger:#dc2626;--warning:#f59e0b;--success:#16a34a;--shadow:0 10px 20px rgba(2,6,23,.06);--radius:14px;--overlay-bg:rgba(0,0,0,.6);--overlay-blur:4px;color-scheme:light}[data-theme=dark]{--bg:#0b1220;--bg-alt:#1e293b;--bg-2:#0f172a;--bg-3:#1e293b;--text:#e5e7eb;--muted:#94a3b8;--fg-2:#cbd5e1;--fg-3:#94a3b8;--card:#0f172a;--card-bg:#0f172a;--bg-subtle:rgba(255,255,255,.04);--surface-soft:rgba(255,255,255,.08);--border:#1f2937;--accent:#60a5fa;--accent-contrast:#0b1220;--primary:#60a5fa;--accent-hover:#3b82f6;--focus:#93c5fd;--danger:#ef4444;--warning:#fbbf24;--success:#22c55e;--shadow:0 10px 20px rgba(0,0,0,.35);--radius:14px;--overlay-bg:rgba(0,0,0,.88);--overlay-blur:8px;color-scheme:dark}[data-theme=light]{--bg:#f8fafc;--bg-alt:#e2e8f0;--bg-2:#ffffff;--bg-3:#f1f5f9;--text:#0f172a;--muted:#475569;--fg-2:#64748b;--fg-3:#94a3b8;--card:#ffffff;--card-bg:#ffffff;--bg-subtle:rgba(148,163,184,.04);--surface-soft:rgba(148,163,184,.08);--border:#e2e8f0;--accent:#3b82f6;--accent-contrast:#fff;--primary:#3b82f6;--accent-hover:#2563eb;--focus:#93c5fd;--danger:#dc2626;--warning:#f59e0b;--success:#16a34a;--shadow:0 10px 20px rgba(2,6,23,.06);--radius:14px;--overlay-bg:rgba(0,0,0,.6);--overlay-blur:4px;color-scheme:light}[data-theme=light] body,:root body{background:#1a1a2e}[data-theme=light] #root,:root #root{background:#f8fafc}[data-theme=sentinel]{--bg:#0e1012;--bg-alt:#1a1d21;--bg-2:#141719;--bg-3:#22262b;--text:#e8eaed;--muted:#9aa0a6;--fg-2:#bdc1c6;--fg-3:#9aa0a6;--card:#1a1d21;--card-bg:#1a1d21;--bg-subtle:rgba(0, 212, 170, .04);--surface-soft:rgba(255, 255, 255, .06);--border:rgba(255, 255, 255, .1);--accent:#00d4aa;--accent-contrast:#0e1012;--primary:#00d4aa;--primary-soft:rgba(0, 212, 170, .15);--accent-soft:rgba(0, 212, 170, .15);--accent-hover:#00b894;--focus:#00d4aa;--danger:#f44336;--warning:#ffc107;--success:#4caf50;--shadow:0 10px 40px rgba(0, 0, 0, .5);--shadow-md:0 4px 20px rgba(0, 0, 0, .4);--shadow-lg:0 20px 50px rgba(0, 0, 0, .6);--radius:12px;--radius-sm:8px;--radius-lg:16px;--overlay-bg:rgba(14, 16, 18, .94);--overlay-blur:12px;color-scheme:dark}[data-theme=sentinel] body{background:#0e1012;background-image:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(0,212,170,.03) 0%,transparent 50%)}[data-theme=sentinel] .sqr-card,[data-theme=sentinel] .drawer-content,[data-theme=sentinel] .modal-content,[data-theme=sentinel] .data-table{background:#1a1d21;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);border-radius:var(--radius);transition:border-color .3s ease,box-shadow .3s ease}[data-theme=sentinel] .sqr-card:hover{border-color:#00d4aa4d}[data-theme=sentinel] .modal-content,[data-theme=sentinel] .drawer-content{background:linear-gradient(145deg,#1e2226,#141719);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000080}[data-theme=sentinel] .btn--primary,[data-theme=sentinel] .btn-primary{background:linear-gradient(135deg,#00d4aa,#00b894);border:none;box-shadow:0 4px 15px #00d4aa4d;border-radius:var(--radius-sm);color:#0a1628!important;font-weight:600;transition:all .3s ease}[data-theme=sentinel] .btn--primary:hover,[data-theme=sentinel] .btn-primary:hover{background:linear-gradient(135deg,#00e6b8,#00d4aa);box-shadow:0 6px 25px #00d4aa73;transform:translateY(-2px)}[data-theme=sentinel] .btn--primary:active,[data-theme=sentinel] .btn-primary:active{transform:translateY(0)}[data-theme=sentinel] .btn--secondary,[data-theme=sentinel] .btn--ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#e0e7ef;transition:all .3s ease}[data-theme=sentinel] .btn--secondary:hover,[data-theme=sentinel] .btn--ghost:hover{background:#ffffff14;border-color:#00d4aa66;color:#00d4aa}[data-theme=sentinel] .btn--danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff!important;box-shadow:0 4px 15px #f443364d}[data-theme=sentinel] .btn--danger:hover{box-shadow:0 6px 25px #f4433673}[data-theme=sentinel] .btn--success{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff!important;box-shadow:0 4px 15px #4caf504d}[data-theme=sentinel] input,[data-theme=sentinel] select,[data-theme=sentinel] textarea,[data-theme=sentinel] .form-input,[data-theme=sentinel] .form-select{background:#0a162899;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#e0e7ef;transition:all .3s ease}[data-theme=sentinel] input:focus,[data-theme=sentinel] select:focus,[data-theme=sentinel] textarea:focus{border-color:#00d4aa;outline:none;box-shadow:0 0 0 3px #00d4aa26;background:#00d4aa0d}[data-theme=sentinel] .app-sidebar,[data-theme=sentinel] .app-topbar,[data-theme=sentinel] .app-nav{background:#0e1012f2;backdrop-filter:blur(20px);border-color:#ffffff1a}[data-theme=sentinel] .nav-item:hover,[data-theme=sentinel] .sqr-nav a:hover{background:#00d4aa1a;color:#00d4aa}[data-theme=sentinel] .nav-item.active,[data-theme=sentinel] .sqr-nav a[aria-current=page]{background:linear-gradient(135deg,#00d4aa,#00b894);color:#0a1628}[data-theme=sentinel] .stat-card,[data-theme=sentinel] .metric-card{background:#1a1d21;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);border-radius:var(--radius);transition:all .3s ease}[data-theme=sentinel] .stat-card:hover,[data-theme=sentinel] .metric-card:hover{border-color:#00d4aa4d;transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=sentinel] .stat-card.onsite,[data-theme=sentinel] .stat-card--success{border-left:3px solid #4caf50}[data-theme=sentinel] .stat-card.checkout,[data-theme=sentinel] .stat-card--info{border-left:3px solid #00d4aa}[data-theme=sentinel] .stat-card.attention,[data-theme=sentinel] .stat-card--warning{border-left:3px solid #ffc107}[data-theme=sentinel] .stat-card--danger{border-left:3px solid #f44336}[data-theme=sentinel] .data-table thead{background:#0003}[data-theme=sentinel] .data-table th{color:#8892a0;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=sentinel] .data-table td{border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=sentinel] .data-table tbody tr:hover{background:#00d4aa0d}[data-theme=sentinel] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=sentinel] ::-webkit-scrollbar-track{background:#0e1012}[data-theme=sentinel] ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}[data-theme=sentinel] ::-webkit-scrollbar-thumb:hover{background:#00d4aa66}[data-theme=sentinel] .mapboxgl-map,[data-theme=sentinel] .leaflet-container,[data-theme=sentinel] .mapboxgl-map img,[data-theme=sentinel] .leaflet-container img,[data-theme=sentinel] .mapboxgl-marker,[data-theme=sentinel] .leaflet-marker-icon{filter:invert(1) hue-rotate(180deg)}[data-theme=sentinel] .leaflet-popup-content-wrapper{background:var(--card, #1a1a2e);color:var(--text, #e2e8f0);border:1px solid var(--border, #333);border-radius:8px;box-shadow:0 4px 16px #0006;filter:invert(1) hue-rotate(180deg)}[data-theme=sentinel] .leaflet-popup-tip{background:var(--card, #1a1a2e);border:1px solid var(--border, #333);box-shadow:none;filter:invert(1) hue-rotate(180deg)}[data-theme=sentinel] .leaflet-popup-content{color:var(--text, #e2e8f0);margin:8px 12px}[data-theme=sentinel] .leaflet-popup-close-button{color:var(--muted, #64748b)!important;filter:invert(1) hue-rotate(180deg)}[data-theme=sentinel] .leaflet-tooltip{background:var(--card, #1a1a2e);border:1px solid var(--border, #333);color:var(--text, #e2e8f0);border-radius:6px;box-shadow:0 2px 8px #0000004d;filter:invert(1) hue-rotate(180deg)}[data-theme=sentinel] .leaflet-tooltip-top:before{border-top-color:var(--border, #333)}[data-theme=sentinel] .leaflet-tooltip-bottom:before{border-bottom-color:var(--border, #333)}[data-theme=sentinel] .app-logo[data-has-dark-logo=true] .logo-light{display:none}[data-theme=sentinel] .app-logo[data-has-dark-logo=true] .logo-dark{display:block}[data-theme=sentrac]{--bg:#000000;--bg-alt:#1a1a1a;--bg-2:#0f0f0f;--bg-3:#1a1a1a;--text:#e5e7eb;--muted:#94a3b8;--fg-2:#cbd5e1;--fg-3:#94a3b8;--card:#0f0f0f;--card-bg:#0f0f0f;--bg-subtle:rgba(255,255,255,.04);--surface-soft:rgba(255,255,255,.08);--border:#1f2937;--accent:#8224E3;--accent-contrast:#fff;--primary:#8224E3;--accent-hover:#6b1cb8;--focus:#a855f7;--danger:#ef4444;--warning:#fbbf24;--success:#22c55e;--shadow:0 10px 20px rgba(0,0,0,.35);--radius:14px;--overlay-bg:rgba(0,0,0,.88);--overlay-blur:8px;color-scheme:dark}[data-theme=sentrac] body{background:#000;font-family:Play,ui-sans-serif,system-ui,-apple-system,sans-serif}[data-theme=sentrac] .app-nav__title,[data-theme=sentrac] .app-logo-text,[data-theme=sentrac] .auth-brand-title{font-family:Play,sans-serif!important}[data-theme=sentrac] .app-sidebar,[data-theme=sentrac] .app-topbar,[data-theme=sentrac] .app-nav,[data-theme=sentrac] .mobile-nav-pill,[data-theme=sentrac] .mobile-nav-dropdown{font-family:Play,ui-sans-serif,system-ui,-apple-system,sans-serif!important}[data-theme=glass]{--bg:#09090b;--bg-alt:#18181b;--bg-2:#18181b;--bg-3:#27272a;--text:#fafafa;--muted:#a1a1aa;--card:#18181b;--card-bg:#18181b;--bg-subtle:rgba(255, 255, 255, .02);--surface-soft:rgba(255, 255, 255, .05);--border:#27272a;--fg:#fafafa;--fg-2:#a1a1aa;--fg-3:#71717a;--fg-dim:#a1a1aa;--fg-muted:#71717a;--error:#ef4444;--accent:#3b82f6;--accent-contrast:#fff;--accent-soft:rgba(59, 130, 246, .15);--primary:#3b82f6;--primary-soft:rgba(59, 130, 246, .15);--accent-hover:#2563eb;--focus:#60a5fa;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--radius:12px;--radius-sm:8px;--radius-lg:16px;--overlay-bg:rgba(0, 0, 0, .75);--overlay-blur:8px;color-scheme:dark}[data-theme=glass] body{background:#09090b}[data-theme=glass] .sqr-card,[data-theme=glass] .drawer-content,[data-theme=glass] .modal-content,[data-theme=glass] .data-table{background:#18181b;border:1px solid #27272a;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=glass] .modal-content,[data-theme=glass] .drawer-content{background:#1f1f23;border:1px solid #3f3f46;box-shadow:var(--shadow-lg)}[data-theme=glass] .btn--primary,[data-theme=glass] .btn-primary{background:#3b82f6;border:2px solid transparent;box-shadow:0 1px 2px #0000001a;border-radius:var(--radius-sm);transition:all .2s ease;color:#fff!important;font-weight:600;position:relative;overflow:hidden}[data-theme=glass] .btn--primary:hover,[data-theme=glass] .btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f659}[data-theme=glass] .btn--primary:active,[data-theme=glass] .btn-primary:active{transform:scale(.98)}[data-theme=glass] .btn--primary:before,[data-theme=glass] .btn-primary:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,transparent,#60a5fa,#3b82f6,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s ease}[data-theme=glass] .btn--primary:hover:before,[data-theme=glass] .btn-primary:hover:before{opacity:1;animation:border-trace 1.5s linear infinite}@keyframes border-trace{0%{background-position:0% 50%}to{background-position:200% 50%}}[data-theme=glass] .btn--primary:before,[data-theme=glass] .btn-primary:before{background-size:200% 100%}[data-theme=glass] .btn--secondary,[data-theme=glass] .btn--ghost{background:transparent;border:1px solid #3f3f46;color:#fafafa}[data-theme=glass] .btn--secondary:hover,[data-theme=glass] .btn--ghost:hover{background:#ffffff0d;border-color:#52525b}[data-theme=glass] .btn--accent{background:#3b82f6;color:#fff!important}[data-theme=glass] .btn--accent:hover{background:#2563eb}[data-theme=glass] .btn--danger{background:#ef4444;color:#fff!important}[data-theme=glass] .btn--danger:hover{background:#dc2626}[data-theme=glass] .btn--success{background:#22c55e;color:#fff!important}[data-theme=glass] .btn--success:hover{background:#16a34a}[data-theme=glass] input,[data-theme=glass] textarea,[data-theme=glass] .form-input{background:#09090b;border:1px solid #3f3f46;border-radius:var(--radius-sm);color:#fafafa;transition:border-color .15s ease}[data-theme=glass] select,[data-theme=glass] .form-select{background-color:#09090b;border:1px solid #3f3f46;border-radius:var(--radius-sm);color:#fafafa;transition:border-color .15s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}[data-theme=glass] input:focus,[data-theme=glass] select:focus,[data-theme=glass] textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}[data-theme=glass] .app-sidebar,[data-theme=glass] .app-topbar,[data-theme=glass] .app-nav{background:#09090b;border-color:#27272a}[data-theme=glass] .nav-item:hover,[data-theme=glass] .sqr-nav a:hover{background:#ffffff0d}[data-theme=glass] .nav-item.active,[data-theme=glass] .sqr-nav a[aria-current=page]{background:#3b82f6;color:#fff}[data-theme=glass] .stat-card,[data-theme=glass] .metric-card{background:#18181b;border:1px solid #27272a;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=glass] .stat-card:hover,[data-theme=glass] .metric-card:hover{border-color:#3f3f46;box-shadow:var(--shadow-md)}[data-theme=glass] .visitor-tile,[data-theme=glass] .visitor-card,[data-theme=glass] .dashboard-tile{background:#18181b;border:1px solid #27272a;border-radius:var(--radius)}[data-theme=glass] .stat-card.onsite,[data-theme=glass] .stat-card--success{border-left:3px solid #22c55e}[data-theme=glass] .stat-card.checkout,[data-theme=glass] .stat-card--info{border-left:3px solid #3b82f6}[data-theme=glass] .stat-card.attention,[data-theme=glass] .stat-card--warning{border-left:3px solid #f59e0b}[data-theme=glass] .stat-card--danger{border-left:3px solid #ef4444}[data-theme=glass] .data-table thead{background:#0f0f11}[data-theme=glass] .data-table th{color:#a1a1aa;font-weight:600;border-bottom:1px solid #27272a}[data-theme=glass] .data-table td{border-bottom:1px solid #1f1f23}[data-theme=glass] .data-table tbody tr:hover{background:#ffffff05}[data-theme=glass] .visitor-dashboard .stat-card{background:#18181b!important;border:1px solid #27272a!important;border-left-width:3px!important}[data-theme=glass] .visitor-dashboard .stat-card:before{display:none}[data-theme=glass] .visitor-dashboard .stat-card:hover{background:#1f1f23!important;box-shadow:var(--shadow-md)}[data-theme=glass] .visitor-dashboard .stat-card.onsite{border-left-color:#22c55e!important}[data-theme=glass] .visitor-dashboard .stat-card.checkout{border-left-color:#3b82f6!important}[data-theme=glass] .visitor-dashboard .stat-card.attention{border-left-color:#71717a!important}[data-theme=glass] .visitor-dashboard .stat-card.attention.warning{border-left-color:#f59e0b!important}[data-theme=glass] .visitor-dashboard .stat-icon{background:#ffffff0d!important}[data-theme=glass] .visitor-dashboard .stat-card.onsite .stat-icon{color:#22c55e!important}[data-theme=glass] .visitor-dashboard .stat-card.checkout .stat-icon{color:#3b82f6!important}[data-theme=glass] .visitor-dashboard .stat-card.attention .stat-icon{color:#71717a!important}[data-theme=glass] .visitor-dashboard .stat-card.attention.warning .stat-icon{color:#f59e0b!important}[data-theme=glass] .visitor-dashboard .stat-value{color:#fafafa!important}[data-theme=glass] .visitor-dashboard .stat-label{color:#a1a1aa!important}[data-theme=glass] .metric-card{background:#18181b;border:1px solid #27272a;box-shadow:var(--shadow)}[data-theme=glass] .metric-card:hover{border-color:#3f3f46;box-shadow:var(--shadow-md)}[data-theme=glass] .metric-card:before{background:var(--accent)}[data-theme=glass] .metric-value{color:#fafafa}[data-theme=glass] .metric-label{color:#a1a1aa}[data-theme=glass] .metric-trend{background:#22c55e26;color:#22c55e}[data-theme=glass] .metric-trend.trend-down{background:#ef444426;color:#ef4444}[data-theme=glass] .metric-card.metric-rose{box-shadow:var(--shadow);border-color:#f43f5e4d}[data-theme=glass] .metric-card.metric-rose:hover{box-shadow:var(--shadow-md);border-color:#f43f5e80}[data-theme=glass] .metric-card.metric-amber{box-shadow:var(--shadow);border-color:#f973164d}[data-theme=glass] .metric-card.metric-amber:hover{box-shadow:var(--shadow-md);border-color:#f9731680}[data-theme=glass] .metric-card.metric-emerald{box-shadow:var(--shadow);border-color:#10b9814d}[data-theme=glass] .metric-card.metric-emerald:hover{box-shadow:var(--shadow-md);border-color:#10b98180}[data-theme=glass] .visitor-card{background:#18181b;border:1px solid #27272a;border-radius:12px}[data-theme=glass] .visitor-card:hover{border-color:#3f3f46;box-shadow:var(--shadow-md)}[data-theme=glass] .visitor-card.needs-attention{border-left:3px solid #f59e0b}[data-theme=glass] .visitor-card .visitor-name{color:#fafafa}[data-theme=glass] .visitor-card .visitor-company,[data-theme=glass] .visitor-card .visitor-host{color:#a1a1aa}[data-theme=glass] .form-preview-panel{background:#18181b;border:1px solid #27272a}[data-theme=glass] .form-preview-panel .preview-header{background:#0f0f11;border-bottom:1px solid #27272a}[data-theme=glass] .form-preview-panel .preview-header h3{color:#fafafa}[data-theme=glass] .form-preview-panel .preview-mode-btn{background:#27272a;border-color:#3f3f46;color:#a1a1aa}[data-theme=glass] .form-preview-panel .preview-mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=glass] .form-preview-panel .preview-content{background:#18181b}[data-theme=glass] .form-preview-panel .preview-field label{color:#a1a1aa}[data-theme=glass] .form-preview-panel .preview-field input,[data-theme=glass] .form-preview-panel .preview-field select,[data-theme=glass] .form-preview-panel .preview-field textarea{background:#09090b;border:1px solid #3f3f46;color:#fafafa}[data-theme=glass] .conditions-editor{background:#18181b;border:1px solid #27272a}[data-theme=glass] .conditions-editor .condition-row{background:#0f0f11;border:1px solid #27272a}[data-theme=glass] .mapboxgl-map,[data-theme=glass] .leaflet-container,[data-theme=glass] .mapboxgl-map img,[data-theme=glass] .leaflet-container img,[data-theme=glass] .mapboxgl-marker,[data-theme=glass] .leaflet-marker-icon{filter:invert(1) hue-rotate(180deg)}[data-theme=glass] .leaflet-popup-content-wrapper{background:#18181b;color:#fafafa;border:1px solid #27272a;border-radius:8px;box-shadow:0 8px 32px #00000080;filter:invert(1) hue-rotate(180deg)}[data-theme=glass] .leaflet-popup-tip{background:#18181b;border:1px solid #27272a;box-shadow:none;filter:invert(1) hue-rotate(180deg)}[data-theme=glass] .leaflet-popup-content{color:#fafafa;margin:8px 12px}[data-theme=glass] .leaflet-popup-close-button{color:#71717a!important;filter:invert(1) hue-rotate(180deg)}[data-theme=glass] .leaflet-tooltip{background:#18181b;border:1px solid #27272a;color:#fafafa;border-radius:6px;box-shadow:0 2px 8px #0000004d;filter:invert(1) hue-rotate(180deg)}[data-theme=glass] .leaflet-tooltip-top:before{border-top-color:#27272a}[data-theme=glass] .leaflet-tooltip-bottom:before{border-bottom-color:#27272a}[data-theme=glass] .app-logo[data-has-dark-logo=true] .logo-light{display:none}[data-theme=glass] .app-logo[data-has-dark-logo=true] .logo-dark{display:block}[data-theme=glass] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=glass] ::-webkit-scrollbar-track{background:#18181b}[data-theme=glass] ::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}[data-theme=glass] ::-webkit-scrollbar-thumb:hover{background:#52525b}[data-theme=comfort-light]{--bg:#f0ebe5;--bg-alt:#e4ddd5;--bg-2:#f7f3ef;--bg-3:#e8e1d9;--text:#1a1a1a;--muted:#5c5550;--fg:#1a1a1a;--fg-2:#6b6560;--fg-3:#8a8480;--fg-dim:#8a8480;--fg-muted:#8a8480;--card:#faf7f4;--card-bg:#faf7f4;--bg-subtle:rgba(120,100,80,.04);--surface-soft:rgba(120,100,80,.06);--border:#d6cdc4;--border-subtle:rgba(120,100,80,.1);--sidebar-border:#d6cdc4;--accent:#2563eb;--accent-contrast:#fff;--primary:#2563eb;--accent-soft:rgba(37,99,235,.12);--primary-soft:rgba(37,99,235,.12);--accent-hover:#1d4ed8;--focus:#93c5fd;--danger:#dc2626;--warning:#d97706;--success:#16a34a;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 6px rgba(0,0,0,.06);--shadow-lg:0 4px 12px rgba(0,0,0,.08);--radius:10px;--radius-sm:6px;--radius-lg:14px;--overlay-bg:rgba(0,0,0,.4);--overlay-blur:4px;--nav-surface:#f7f3ef;--surface:#faf7f4;--scrim-bg:rgba(0,0,0,.3);color-scheme:light}[data-theme=comfort-light] body,[data-theme=comfort-light] #root{background:#f0ebe5}[data-theme=comfort-light] .form-field{gap:8px;margin-bottom:20px}[data-theme=comfort-light] .form-label{font-size:14px;font-weight:600;letter-spacing:.01em}[data-theme=comfort-light] .form-input,[data-theme=comfort-light] .form-textarea,[data-theme=comfort-light] .form-select{font-size:15px;padding:10px 14px;min-height:40px;border-radius:8px;border:1px solid #c4b9ae;background:#fdfcfa}[data-theme=comfort-light] .form-input:focus,[data-theme=comfort-light] .form-textarea:focus,[data-theme=comfort-light] .form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}[data-theme=comfort-light] .form-help-text,[data-theme=comfort-light] .form-error-text{font-size:13px}[data-theme=comfort-light] .sqr-btn{font-size:14px;font-weight:600;padding:8px 16px;min-height:38px;border-radius:8px;border:none;letter-spacing:.01em;transition:background .15s ease,box-shadow .15s ease}[data-theme=comfort-light] .sqr-btn.primary{background:#2563eb;color:#fff;box-shadow:none}[data-theme=comfort-light] .sqr-btn.primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb40}[data-theme=comfort-light] .sqr-btn.secondary{background:#e4ddd5;color:#1a1a1a;border:1px solid #c4b9ae}[data-theme=comfort-light] .sqr-btn.secondary:hover:not(:disabled){background:#d6cdc4;border-color:#b5a99d}[data-theme=comfort-light] .sqr-btn.ghost{background:#7864500f;color:#1a1a1a;border:1px solid #d6cdc4}[data-theme=comfort-light] .sqr-btn.ghost:hover:not(:disabled){background:#7864501f;border-color:#c4b9ae}[data-theme=comfort-light] .sqr-btn.accent{background:#2563eb1f;color:#1d4ed8;border:1px solid rgba(37,99,235,.3)}[data-theme=comfort-light] .sqr-btn.accent:hover:not(:disabled){background:#2563eb2e;border-color:#2563eb80}[data-theme=comfort-light] .sqr-btn.danger{background:#fde8e8;color:#b91c1c;border:1px solid rgba(220,38,38,.3)}[data-theme=comfort-light] .sqr-btn.danger:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}[data-theme=comfort-light] .sqr-btn.danger:hover:not(:disabled) svg{stroke:#fff}[data-theme=comfort-light] .sqr-btn.success{background:#dcfce7;color:#15803d;border:1px solid rgba(22,163,74,.3)}[data-theme=comfort-light] .sqr-btn.success:hover:not(:disabled){background:#16a34a;color:#fff;border-color:#16a34a}[data-theme=comfort-light] .sqr-btn.success:hover:not(:disabled) svg{stroke:#fff}[data-theme=comfort-light] .data-table th{padding:14px 18px;font-size:13px;font-weight:700;color:#5c5550;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #d6cdc4;background:#f3ede7}[data-theme=comfort-light] .data-table td{padding:14px 18px;font-size:15px;border-bottom:1px solid #ede6de}[data-theme=comfort-light] .data-table tbody tr:hover{background:#2563eb08}[data-theme=comfort-light] .drawer-content{background:#faf7f4;border:none;box-shadow:-4px 0 20px #00000014}[data-theme=comfort-light] .drawer-header{padding:28px 24px 16px}[data-theme=comfort-light] .drawer-header h2,[data-theme=comfort-light] .drawer-header .drawer-title{font-size:20px;font-weight:700}[data-theme=comfort-light] .drawer-body{padding:20px 24px}[data-theme=comfort-light] .drawer-footer{padding:16px 24px 24px}[data-theme=comfort-light] .modal-content{background:#faf7f4;border:none;box-shadow:0 8px 30px #0000001f;border-radius:14px}[data-theme=comfort-light] .app-sidebar,[data-theme=comfort-light] .app-topbar,[data-theme=comfort-light] .app-nav{background:#f7f3ef;border-color:#d6cdc4}[data-theme=comfort-light] .nav-item:hover,[data-theme=comfort-light] .sqr-nav a:hover{background:#2563eb0f}[data-theme=comfort-light] .nav-item.active,[data-theme=comfort-light] .sqr-nav a[aria-current=page]{background:#2563eb;color:#fff}[data-theme=comfort-light] .stat-card,[data-theme=comfort-light] .metric-card{background:#faf7f4;border:1px solid #e4ddd5;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=comfort-light] .stat-card:hover,[data-theme=comfort-light] .metric-card:hover{border-color:#d6cdc4;box-shadow:var(--shadow-md)}[data-theme=comfort-light] .status-badge{height:26px;padding:0 11px;font-size:12px;font-weight:600}[data-theme=comfort-light] .status-completed,[data-theme=comfort-light] .status-success,[data-theme=comfort-light] .status-green{background:#16a34a2e;color:#15803d}[data-theme=comfort-light] .status-running,[data-theme=comfort-light] .status-blue{background:#2563eb26;color:#1d4ed8}[data-theme=comfort-light] .status-pending{background:#d9770629;color:#92400e}[data-theme=comfort-light] .status-queued,[data-theme=comfort-light] .status-purple{background:#6d28d926;color:#6d28d9}[data-theme=comfort-light] .status-failed,[data-theme=comfort-light] .status-red{background:#dc262624;color:#b91c1c}[data-theme=comfort-light] .status-cancelled,[data-theme=comfort-light] .status-default,[data-theme=comfort-light] .status-gray{background:#4b556324;color:#4b5563}[data-theme=comfort-light] .status-orange{background:#ea580c26;color:#c2410c}[data-theme=comfort-light] .priority-high{background:#dc262624;color:#b91c1c}[data-theme=comfort-light] .priority-medium{background:#d9770629;color:#92400e}[data-theme=comfort-light] .priority-low{background:#4b556324;color:#4b5563}[data-theme=comfort-light] .smart-filter-bar{padding:14px 18px;gap:14px}[data-theme=comfort-light] .page-layout{padding:28px}[data-theme=comfort-light] .sqr-card{background:#faf7f4;border:1px solid #e4ddd5;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=comfort-light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=comfort-light] ::-webkit-scrollbar-track{background:#f0ebe5}[data-theme=comfort-light] ::-webkit-scrollbar-thumb{background:#c4b9ae;border-radius:4px}[data-theme=comfort-light] ::-webkit-scrollbar-thumb:hover{background:#a89e94}[data-theme=comfort-light] .side-nav__link{padding:10px 14px;font-size:13.5px}[data-theme=comfort-light] .side-nav__section-header{padding:10px 14px;font-size:13.5px;font-weight:700}[data-theme=comfort-dark]{--bg:#1c1917;--bg-alt:#292524;--bg-2:#1c1917;--bg-3:#292524;--text:#f5f0eb;--muted:#a8a29e;--fg:#f5f0eb;--fg-2:#d6d3d1;--fg-3:#a8a29e;--fg-dim:#a8a29e;--fg-muted:#a8a29e;--card:#292524;--card-bg:#292524;--bg-subtle:rgba(255,255,255,.03);--surface-soft:rgba(255,255,255,.06);--border:#3f3a36;--border-subtle:rgba(255,255,255,.08);--sidebar-border:#3f3a36;--accent:#60a5fa;--accent-contrast:#1c1917;--primary:#60a5fa;--accent-soft:rgba(96,165,250,.12);--primary-soft:rgba(96,165,250,.12);--accent-hover:#3b82f6;--focus:#93c5fd;--danger:#f87171;--warning:#fbbf24;--success:#4ade80;--shadow:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.15);--shadow-md:0 2px 8px rgba(0,0,0,.25);--shadow-lg:0 6px 20px rgba(0,0,0,.35);--radius:10px;--radius-sm:6px;--radius-lg:14px;--overlay-bg:rgba(0,0,0,.7);--overlay-blur:6px;--nav-surface:#292524;--surface:#292524;--scrim-bg:rgba(0,0,0,.5);color-scheme:dark}[data-theme=comfort-dark] body{background:#1c1917}[data-theme=comfort-dark] .form-field{gap:8px;margin-bottom:20px}[data-theme=comfort-dark] .form-label{font-size:14px;font-weight:600;letter-spacing:.01em}[data-theme=comfort-dark] .form-input,[data-theme=comfort-dark] .form-textarea{font-size:15px;padding:10px 14px;min-height:40px;border-radius:8px;border:1px solid #4a4541;background:#1c1917;color:#f5f0eb}[data-theme=comfort-dark] .form-select{font-size:15px;padding:10px 36px 10px 14px;min-height:40px;border-radius:8px;border:1px solid #4a4541;background-color:#1c1917;color:#f5f0eb;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a8a29e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}[data-theme=comfort-dark] .form-input:focus,[data-theme=comfort-dark] .form-textarea:focus,[data-theme=comfort-dark] .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}[data-theme=comfort-dark] .form-help-text,[data-theme=comfort-dark] .form-error-text{font-size:13px}[data-theme=comfort-dark] .sqr-btn{font-size:14px;font-weight:600;padding:8px 16px;min-height:38px;border-radius:8px;border:none;letter-spacing:.01em;transition:background .15s ease,box-shadow .15s ease}[data-theme=comfort-dark] .sqr-btn.primary{background:#60a5fa;color:#1c1917;box-shadow:none}[data-theme=comfort-dark] .sqr-btn.primary:hover:not(:disabled){background:#3b82f6;box-shadow:0 2px 8px #60a5fa4d}[data-theme=comfort-dark] .sqr-btn.primary svg{stroke:#1c1917}[data-theme=comfort-dark] .sqr-btn.secondary{background:#3f3a36;color:#f5f0eb;border:none}[data-theme=comfort-dark] .sqr-btn.secondary:hover:not(:disabled){background:#57534e}[data-theme=comfort-dark] .sqr-btn.ghost{background:transparent;color:#f5f0eb;border:none}[data-theme=comfort-dark] .sqr-btn.ghost:hover:not(:disabled){background:#ffffff0f}[data-theme=comfort-dark] .sqr-btn.accent{background:#60a5fa1a;color:#60a5fa;border:none}[data-theme=comfort-dark] .sqr-btn.accent:hover:not(:disabled){background:#60a5fa2e}[data-theme=comfort-dark] .sqr-btn.danger{background:#f871711a;color:#f87171;border:none}[data-theme=comfort-dark] .sqr-btn.danger:hover:not(:disabled){background:#f87171;color:#1c1917}[data-theme=comfort-dark] .sqr-btn.danger:hover:not(:disabled) svg{stroke:#1c1917}[data-theme=comfort-dark] .sqr-btn.success{background:#4ade801a;color:#4ade80;border:none}[data-theme=comfort-dark] .sqr-btn.success:hover:not(:disabled){background:#4ade80;color:#1c1917}[data-theme=comfort-dark] .sqr-btn.success:hover:not(:disabled) svg{stroke:#1c1917}[data-theme=comfort-dark] .data-table th{padding:14px 18px;font-size:13px;font-weight:700;color:#a8a29e;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #3f3a36;background:#231f1d}[data-theme=comfort-dark] .data-table td{padding:14px 18px;font-size:15px;border-bottom:1px solid #33302d}[data-theme=comfort-dark] .data-table tbody tr:hover{background:#60a5fa0a}[data-theme=comfort-dark] .drawer-content{background:#292524;border:1px solid #3f3a36;box-shadow:-4px 0 20px #0000004d}[data-theme=comfort-dark] .drawer-header{padding:28px 24px 16px}[data-theme=comfort-dark] .drawer-header h2,[data-theme=comfort-dark] .drawer-header .drawer-title{font-size:20px;font-weight:700}[data-theme=comfort-dark] .drawer-body{padding:20px 24px}[data-theme=comfort-dark] .drawer-footer{padding:16px 24px 24px}[data-theme=comfort-dark] .modal-content{background:#292524;border:1px solid #3f3a36;box-shadow:0 8px 30px #0006;border-radius:14px}[data-theme=comfort-dark] .app-sidebar,[data-theme=comfort-dark] .app-topbar,[data-theme=comfort-dark] .app-nav{background:#1c1917;border-color:#3f3a36}[data-theme=comfort-dark] .nav-item:hover,[data-theme=comfort-dark] .sqr-nav a:hover{background:#60a5fa0f}[data-theme=comfort-dark] .nav-item.active,[data-theme=comfort-dark] .sqr-nav a[aria-current=page]{background:#60a5fa;color:#1c1917}[data-theme=comfort-dark] .stat-card,[data-theme=comfort-dark] .metric-card{background:#292524;border:1px solid #3f3a36;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=comfort-dark] .stat-card:hover,[data-theme=comfort-dark] .metric-card:hover{border-color:#57534e;box-shadow:var(--shadow-md)}[data-theme=comfort-dark] .status-badge{height:26px;padding:0 11px;font-size:12px;font-weight:600}[data-theme=comfort-dark] .smart-filter-bar{padding:14px 18px;gap:14px}[data-theme=comfort-dark] .page-layout{padding:28px}[data-theme=comfort-dark] .sqr-card{background:#292524;border:1px solid #3f3a36;box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=comfort-dark] .mapboxgl-map,[data-theme=comfort-dark] .leaflet-container,[data-theme=comfort-dark] .mapboxgl-map img,[data-theme=comfort-dark] .leaflet-container img,[data-theme=comfort-dark] .mapboxgl-marker,[data-theme=comfort-dark] .leaflet-marker-icon{filter:invert(1) hue-rotate(180deg)}[data-theme=comfort-dark] .leaflet-popup-content-wrapper{background:#292524;color:#fafaf9;border:1px solid #3f3a36;border-radius:8px;box-shadow:0 4px 16px #0006;filter:invert(1) hue-rotate(180deg)}[data-theme=comfort-dark] .leaflet-popup-tip{background:#292524;border:1px solid #3f3a36;box-shadow:none;filter:invert(1) hue-rotate(180deg)}[data-theme=comfort-dark] .leaflet-popup-content{color:#fafaf9;margin:8px 12px}[data-theme=comfort-dark] .leaflet-popup-close-button{color:#78716c!important;filter:invert(1) hue-rotate(180deg)}[data-theme=comfort-dark] .leaflet-tooltip{background:#292524;border:1px solid #3f3a36;color:#fafaf9;border-radius:6px;box-shadow:0 2px 8px #0000004d;filter:invert(1) hue-rotate(180deg)}[data-theme=comfort-dark] .leaflet-tooltip-top:before{border-top-color:#3f3a36}[data-theme=comfort-dark] .leaflet-tooltip-bottom:before{border-bottom-color:#3f3a36}[data-theme=comfort-dark] .app-logo[data-has-dark-logo=true] .logo-light{display:none}[data-theme=comfort-dark] .app-logo[data-has-dark-logo=true] .logo-dark{display:block}[data-theme=comfort-dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=comfort-dark] ::-webkit-scrollbar-track{background:#1c1917}[data-theme=comfort-dark] ::-webkit-scrollbar-thumb{background:#4a4541;border-radius:4px}[data-theme=comfort-dark] ::-webkit-scrollbar-thumb:hover{background:#57534e}[data-theme=comfort-dark] .form-input[type=date],[data-theme=comfort-dark] .form-input[type=time],[data-theme=comfort-dark] .form-input[type=datetime-local]{color-scheme:dark}[data-theme=comfort-dark] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=comfort-dark] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=comfort-dark] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}[data-theme=comfort-dark] .side-nav__link{padding:10px 14px;font-size:13.5px}[data-theme=comfort-dark] .side-nav__section-header{padding:10px 14px;font-size:13.5px;font-weight:700}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg:#0b1220;--bg-alt:#1e293b;--bg-2:#0f172a;--bg-3:#1e293b;--text:#e5e7eb;--muted:#94a3b8;--fg-2:#cbd5e1;--fg-3:#94a3b8;--card:#0f172a;--card-bg:#0f172a;--bg-subtle:rgba(255,255,255,.04);--surface-soft:rgba(255,255,255,.08);--border:#1f2937;--accent:#60a5fa;--accent-contrast:#0b1220;--primary:#60a5fa;--accent-hover:#3b82f6;--focus:#93c5fd;--danger:#ef4444;--warning:#fbbf24;--success:#22c55e;--shadow:0 10px 20px rgba(0,0,0,.35);--radius:14px;--overlay-bg:rgba(0,0,0,.88);--overlay-blur:8px;color-scheme:dark}}html,body{height:100%;overflow-x:hidden;max-width:100vw}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sqr-header{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(180%) blur(10px);background:color-mix(in oklab,var(--bg) 88%,transparent);border-bottom:1px solid var(--border)}[data-theme=dark] .sqr-header{background:color-mix(in oklab,var(--bg) 82%,transparent)}.sqr-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px}.sqr-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;color:var(--text);text-decoration:none}.sqr-brand .dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 35%,transparent)}.sqr-nav{justify-self:center;display:inline-flex;gap:10px;align-items:center;padding:4px;border:1px solid var(--border);background:var(--card);border-radius:999px;box-shadow:var(--shadow)}.sqr-nav a{display:inline-block;padding:8px 12px;border-radius:999px;color:var(--muted)}.sqr-nav a[aria-current=page]{color:var(--accent-contrast);background:var(--accent)}.sqr-nav a:hover{text-decoration:none;background:color-mix(in oklab,var(--accent) 12%,var(--card));color:var(--text)}.sqr-actions{justify-self:end;display:inline-flex;align-items:center;gap:8px}.sqr-page{max-width:1200px;margin:18px auto;padding:0 16px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sqr-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 96px;--topbar-height: 64px;--app-nav-current-width: var(--sidebar-width);--nav-surface: var(--card);--surface: var(--card);--fg: var(--text);--fg-dim: var(--muted);--fg-muted: var(--muted);--sidebar-border: var(--border);--nav-shadow: var(--shadow);--nav-shadow-floating: var(--shadow);--border-subtle: rgba(148, 163, 184, .12);--scrim-bg: rgba(15, 23, 42, .45);--bg-secondary: var(--bg-alt);--bg-tertiary: var(--card);--bg-highlight: color-mix(in oklab, var(--accent) 10%, var(--bg));--bg-hover: var(--surface-soft);--text-primary: var(--text);--text-secondary: var(--muted);--text-tertiary: var(--muted);--text-muted: var(--muted);--primary-light: color-mix(in oklab, var(--accent) 15%, transparent);--accent-soft: color-mix(in oklab, var(--accent) 15%, transparent)}body.has-app-sidebar{--app-nav-current-width: var(--sidebar-width);padding-left:var(--sidebar-width);transition:padding-left .28s ease}body.has-app-sidebar.app-sidebar-collapsed{--app-nav-current-width: var(--sidebar-collapsed-width);padding-left:var(--sidebar-collapsed-width)}body.has-app-sidebar.app-sidebar-open{overflow:hidden}body.has-app-topbar{transition:padding-top .28s ease}@media (max-width: 960px){body.has-app-sidebar,body.has-app-sidebar.app-sidebar-collapsed{padding-left:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.flash-container{position:fixed;top:80px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.flash-toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(8px);animation:flash-slide-in .25s ease;pointer-events:auto;border:1px solid;min-width:240px;max-width:380px}@keyframes flash-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.flash-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.flash-icon svg{width:16px;height:16px}.flash-message{flex:1;font-size:.8125rem;line-height:1.4;word-break:break-word}.flash-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;opacity:.6;transition:all .2s ease;color:inherit}.flash-close:hover{opacity:1;background:#0000001a}.flash-close:active{transform:scale(.9)}.flash-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.flash-success{background:#22c55e1f;border-color:#22c55e59;color:#16a34a}[data-theme=dark] .flash-success{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.flash-error{background:#ef44441f;border-color:#ef444459;color:#dc2626}[data-theme=dark] .flash-error{background:#140a0cf2;border-color:#dc262680;color:#fca5a5}.flash-info{background:color-mix(in oklab,var(--accent) 12%,transparent);border-color:color-mix(in oklab,var(--accent) 35%,transparent);color:var(--accent)}[data-theme=dark] .flash-info{background:color-mix(in oklab,var(--accent) 15%,transparent);border-color:color-mix(in oklab,var(--accent) 40%,transparent);color:var(--primary)}.flash-warning{background:#f973161f;border-color:#f9731659;color:#ea580c}[data-theme=dark] .flash-warning{background:#140e08f2;border-color:#fb923c80;color:#fdba74}@media (max-width: 768px){.flash-container{top:70px;right:12px;left:12px;max-width:none}.flash-toast{min-width:0;width:100%}.flash-message{font-size:.9rem}}.modal-overlay{position:fixed;inset:0;z-index:15000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}html[data-theme=dark] .modal-overlay{background:#0009}body.modal-open .drawer-overlay{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important}body.modal-open .drawer-content{pointer-events:auto}body.modal-open .drawer-content{border-color:transparent!important;box-shadow:none!important}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card, var(--surface, #ffffff));border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000040,0 0 0 1px var(--border);max-height:90vh;display:flex;flex-direction:column;animation:modal-slide-in .3s ease;position:relative}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-xlarge{width:100%;max-width:1000px}.modal-xxlarge{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 12px;border-radius:8px 8px 0 0;flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:var(--fg, var(--text));line-height:1.4;flex:1}.modal-header-actions{display:flex;gap:6px;align-items:center}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:16px;font-weight:400;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:var(--surface-soft, rgba(148, 163, 184, .08));border-color:var(--accent, var(--accent));color:var(--text)}.modal-close-btn:active{background:var(--surface-soft, rgba(148, 163, 184, .12))}.modal-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-body{flex:1;overflow-y:auto;padding:16px 20px;color:var(--fg, var(--text))}.modal-body:has(.dropdown),.modal-body:has(.autocomplete-dropdown){overflow:visible}.modal-body .dropdown__menu,.modal-body .dropdown__custom .dropdown__menu{position:fixed;z-index:9999}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 20px;border-radius:0 0 8px 8px;flex-shrink:0}@media (max-width: 1280px){.modal-overlay{padding:100px 0 0;top:0;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));align-items:flex-end}.modal-content{width:100%;max-width:100%;max-height:calc(100vh - 178px - env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:modal-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 20px 12px;border-radius:20px 20px 0 0}.modal-title{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px 20px;flex-wrap:wrap}.modal-footer>*{flex:1 1 auto;min-width:100px}}.sqr-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-weight:500;font-size:13px;letter-spacing:.01em;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;min-height:32px;padding:6px 12px;white-space:nowrap;font-family:inherit}.sqr-btn svg{width:16px;height:16px;flex-shrink:0}.sqr-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.sqr-btn.icon-only{padding:6px;min-width:32px}.sqr-btn.large svg{width:18px;height:18px}.sqr-btn.small svg{width:14px;height:14px}.sqr-btn:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 90%,#000)}.sqr-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sqr-btn:active:not(:disabled){background:color-mix(in oklab,var(--accent) 12%,transparent)}.sqr-btn:disabled{opacity:.5;cursor:not-allowed}.sqr-btn.primary{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.sqr-btn.primary svg{stroke:#fff}.sqr-btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent, #3b82f6) 85%,#000);border-color:color-mix(in oklab,var(--accent, #3b82f6) 85%,#000)}.sqr-btn.primary:active:not(:disabled){background:color-mix(in oklab,var(--accent, #3b82f6) 75%,#000);border-color:color-mix(in oklab,var(--accent, #3b82f6) 75%,#000)}.sqr-btn.secondary{background:var(--pill, var(--card));color:var(--fg, var(--text));border-color:var(--border)}.sqr-btn.secondary:hover:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .08));border-color:var(--accent)}.sqr-btn.secondary:active:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .12))}.sqr-btn.ghost{background:transparent;color:var(--text, var(--fg, #e5e7eb));border-color:var(--border)}.sqr-btn.ghost:hover:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .06));border-color:var(--accent);color:var(--text, var(--fg, #e5e7eb))}.sqr-btn.ghost:active:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .1))}[data-theme=dark] .sqr-btn.ghost,[data-theme=sentrac] .sqr-btn.ghost,[data-theme=gamer] .sqr-btn.ghost,[data-theme=retro] .sqr-btn.ghost,[data-theme=christmas] .sqr-btn.ghost{color:var(--text, #e5e7eb)}.sqr-btn.accent{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.sqr-btn.accent svg{stroke:var(--accent)}.sqr-btn.accent:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 90%,#000)}.sqr-btn.accent:active:not(:disabled){background:color-mix(in oklab,var(--accent) 12%,transparent)}.sqr-btn.danger{background:transparent;border:1.5px solid var(--danger);color:var(--danger)}.sqr-btn.danger svg{stroke:var(--danger)}.sqr-btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.sqr-btn.danger:hover:not(:disabled) svg{stroke:#fff}.sqr-btn.danger:active:not(:disabled){background:color-mix(in oklab,var(--danger) 90%,#000);border-color:color-mix(in oklab,var(--danger) 90%,#000);color:#fff}.sqr-btn.danger:active:not(:disabled) svg{stroke:#fff}.sqr-btn.danger:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.sqr-btn.success{background:transparent;border:1.5px solid var(--success, #22c55e);color:var(--success, #22c55e)}.sqr-btn.success svg{stroke:var(--success, #22c55e)}.sqr-btn.success:hover:not(:disabled){background:var(--success, #22c55e);border-color:var(--success, #22c55e);color:#fff}.sqr-btn.success:hover:not(:disabled) svg{stroke:#fff}.sqr-btn.success:active:not(:disabled){background:color-mix(in oklab,var(--success, #22c55e) 85%,#000);border-color:color-mix(in oklab,var(--success, #22c55e) 85%,#000);color:#fff}.sqr-btn.success:active:not(:disabled) svg{stroke:#fff}.sqr-btn.success:focus-visible{outline:2px solid var(--success, #22c55e);outline-offset:2px}.sqr-btn.loading{position:relative;overflow:hidden;pointer-events:none}.sqr-btn__progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,transparent 0%,var(--accent, #6366f1) 30%,color-mix(in oklab,var(--accent, #6366f1) 60%,#a855f7) 60%,var(--accent, #6366f1) 80%,transparent 100%);animation:sqr-btn-progress 1.4s ease-in-out infinite;border-radius:0 0 4px 4px}.sqr-btn.primary .sqr-btn__progress{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.9) 60%,rgba(255,255,255,.6) 80%,transparent 100%)}@keyframes sqr-btn-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 640px){.sqr-btn{min-height:36px;font-size:14px}}.sqr-icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease}.sqr-icon-btn:focus{outline:none;border:1px solid var(--accent)}.sqr-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sqr-icon-btn:hover:not(:disabled){background:#94a3b81a;color:var(--text)}.sqr-icon-btn:active:not(:disabled){transform:scale(.95);outline:none}.sqr-icon-btn:disabled,.sqr-icon-btn-disabled{opacity:.4;cursor:not-allowed;transform:none!important}.sqr-icon-btn svg{width:14px;height:14px;stroke-width:2}.sqr-icon-btn-accent{color:var(--accent)}.sqr-icon-btn-accent:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent)}.sqr-icon-btn-accent:focus{border-color:var(--accent)}.sqr-icon-btn-danger{color:#ef4444}.sqr-icon-btn-danger:hover:not(:disabled){background:#ef44441a;color:#dc2626}.sqr-icon-btn-danger:focus{border-color:#ef4444}@media (max-width: 640px){.sqr-icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}.sqr-icon-btn svg{width:16px;height:16px}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em;border-radius:10px;color:#fff;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000026;z-index:10;pointer-events:none}.badge-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.badge-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.badge-success{background:linear-gradient(135deg,#10b981,#059669)}.badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-small{min-width:14px;height:14px;padding:0 4px;font-size:9px;border-radius:7px;top:-3px;right:-3px}.badge-large{min-width:24px;height:24px;padding:0 8px;font-size:13px;border-radius:12px;top:-6px;right:-6px}@keyframes badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.badge{animation:badge-pulse .3s ease-out}.notification-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;max-height:600px;background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 32px #0000001f,0 4px 12px #00000014;padding:12px;animation:slideDown .2s ease;z-index:10010;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);margin-bottom:12px}.notification-dropdown-title{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.notification-dropdown-content{flex:1;overflow-y:auto;max-height:500px}.notification-dropdown-content::-webkit-scrollbar{width:8px}.notification-dropdown-content::-webkit-scrollbar-track{background:transparent}.notification-dropdown-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.notification-dropdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--fg-muted);font-size:14px}.notification-dropdown-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.notification-dropdown-empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;color:var(--fg-muted);margin-bottom:4px}.notification-dropdown-empty-icon svg{width:24px;height:24px}.notification-dropdown-empty h4{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.notification-dropdown-empty p{margin:0;font-size:14px;color:var(--fg-muted)}.notification-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.notification-section-title{margin:0;padding:0 4px;font-size:12px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.notification-list{display:flex;flex-direction:column;gap:6px}.notification-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.notification-item:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.notification-item:hover .notification-delete-button{opacity:1}.notification-item.unread{background:color-mix(in oklab,var(--accent) 4%,transparent);border-color:color-mix(in oklab,var(--accent) 20%,transparent)}.notification-item.unread:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.notification-unread-dot{position:absolute;top:8px;left:8px;width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 20%,transparent)}.notification-icon-badge{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;color:var(--primary)}.notification-icon-badge.confirmed,.notification-icon-badge.confirmed svg{color:#10b981!important}.notification-icon-badge.declined,.notification-icon-badge.declined svg{color:#ef4444!important}.notification-icon-badge svg{width:18px;height:18px}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notification-title{margin:0;font-size:14px;font-weight:600;color:var(--fg);line-height:1.4}.notification-timestamp{flex-shrink:0;font-size:11px;color:var(--fg-muted);white-space:nowrap}.notification-message{margin:0;font-size:13px;color:var(--fg-muted);line-height:1.5;word-break:break-word}.notification-delete-button{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--fg-muted);cursor:pointer;opacity:0;transition:all .15s ease;padding:0;margin-left:auto}.notification-delete-button svg{width:14px;height:14px}.notification-delete-button:hover{background:color-mix(in oklab,var(--danger) 10%,transparent);border-color:color-mix(in oklab,var(--danger) 40%,transparent);color:var(--danger)}.notification-delete-button:active{transform:scale(.95)}@media (max-width: 768px){.notification-dropdown-menu{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);right:auto;width:calc(100vw - 32px);max-height:calc(100vh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));z-index:9999;animation:notificationSlideDownMobile .15s ease-out}@keyframes notificationSlideDownMobile{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-item{padding:10px}.notification-icon-badge{width:32px;height:32px}.notification-icon-badge svg{width:16px;height:16px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-timestamp{font-size:10px}.notification-delete-button{opacity:.6}.notification-delete-button:active{opacity:1}}.notification-button-container{position:relative}.notification-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.notification-button:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.notification-button:active{transform:scale(.95)}.notification-button-icon{display:flex;align-items:center;justify-content:center;color:var(--fg-dim);transition:color .15s ease}.notification-button-icon svg{width:20px;height:20px;stroke-width:1.6}.notification-button:hover .notification-button-icon{color:var(--accent)}.notification-button:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){.notification-button{width:36px;height:36px}.notification-button-icon svg{width:20px;height:20px}}.matrix-rain-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;animation:matrix-fade-out 5s ease-out forwards;overflow:hidden}.matrix-rain-canvas{display:block;width:100%;height:100%;background:#000}@keyframes matrix-fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width: 768px){.matrix-rain-wrapper{animation-duration:4s}}.theme-switcher{position:relative;display:inline-flex}.theme-switcher__trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;min-height:36px}.theme-switcher__trigger:hover{background:var(--hover-bg, rgba(148, 163, 184, .08));border-color:var(--accent)}.theme-switcher__trigger.is-open{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.theme-switcher__icon{font-size:18px;line-height:1}.theme-switcher__label{white-space:nowrap}.theme-switcher__chevron{color:var(--muted);transition:transform .2s ease}.theme-switcher__trigger.is-open .theme-switcher__chevron{transform:rotate(180deg)}.theme-switcher__backdrop{position:fixed;inset:0;z-index:999}.theme-switcher__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;overflow:hidden;animation:theme-menu-slide-in .2s ease}@keyframes theme-menu-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-switcher__header{padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.theme-switcher__option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:background .2s ease;text-align:left}.theme-switcher__option:hover{background:var(--hover-bg, rgba(148, 163, 184, .08))}.theme-switcher__option.is-active{background:color-mix(in oklab,var(--accent) 12%,transparent)}.theme-switcher__option-icon{font-size:24px;line-height:1;flex-shrink:0}.theme-switcher__option-content{flex:1;min-width:0}.theme-switcher__option-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.theme-switcher__option-desc{font-size:12px;color:var(--muted);line-height:1.4}.theme-switcher__check{color:var(--accent);flex-shrink:0}@media (max-width: 640px){.theme-switcher__menu{right:auto;left:0;min-width:240px}.theme-switcher__label{display:none}}.clock-in-out-modal{display:flex;flex-direction:column;gap:16px}.shift-details-card{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 15%,transparent),color-mix(in oklab,var(--accent) 5%,transparent));border:2px solid color-mix(in oklab,var(--accent) 20%,transparent);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.shift-date{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.shift-type-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-type{font-size:20px;font-weight:600;color:var(--text)}.pay-multiplier{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.3px}.shift-time{font-size:16px;color:var(--muted);font-weight:500}.shift-location,.shift-route{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.shift-location .icon,.shift-route .icon{flex-shrink:0;opacity:.6}.gps-loading,.gps-captured,.gps-error{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:500}.gps-loading{background:color-mix(in oklab,var(--accent) 10%,transparent);border:1px solid color-mix(in oklab,var(--accent) 20%,transparent);color:var(--accent)}.gps-captured{background:color-mix(in oklab,#22c55e 10%,transparent);border:1px solid color-mix(in oklab,#22c55e 20%,transparent);color:#16a34a}.gps-error{background:color-mix(in oklab,#f59e0b 10%,transparent);border:1px solid color-mix(in oklab,#f59e0b 20%,transparent);color:#d97706}.icon-check,.icon-alert{flex-shrink:0}.spinner-small{width:16px;height:16px;border:2px solid color-mix(in oklab,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.clock-in-confirmation{display:flex;align-items:center;gap:8px;padding:12px 16px;background:color-mix(in oklab,#22c55e 10%,transparent);border:1px solid color-mix(in oklab,#22c55e 20%,transparent);border-radius:8px;color:#16a34a;font-size:14px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shift-timer{display:flex;align-items:center;gap:10px;padding:16px 20px;background:color-mix(in oklab,#22c55e 8%,transparent);border:2px solid color-mix(in oklab,#22c55e 20%,transparent);border-radius:12px;animation:slideIn .3s ease}.timer-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.timer-text{font-size:17px;font-weight:600;color:#16a34a;font-variant-numeric:tabular-nums}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.btn-clock-in,.btn-clock-out{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border-radius:12px;transition:all .2s ease;border:none}.btn-clock-in{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e40}.btn-clock-in:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #22c55e59}.btn-clock-in:active:not(:disabled){transform:scale(.98)}.btn-clock-out{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 25%,transparent)}.btn-clock-out:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in oklab,var(--accent) 35%,transparent)}.btn-clock-out:active:not(:disabled){transform:scale(.98)}.btn-clock-in:disabled,.btn-clock-out:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.shift-details-card{padding:16px}.shift-type{font-size:18px}.shift-time{font-size:14px}.timer-text{font-size:16px}.btn-clock-in,.btn-clock-out{min-height:48px}}.shift-selection-modal{display:flex;flex-direction:column;gap:20px}.modal-description{font-size:14px;color:var(--fg-muted);margin:0 0 12px}.shift-options{display:flex;flex-direction:column;gap:24px}.shift-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.shift-option{width:100%;padding:16px;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;display:block}.shift-option:hover{border-color:var(--primary);background:var(--bg-muted);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shift-option.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 10%,transparent)}.shift-option-content{display:flex;flex-direction:column;gap:8px}.shift-option-header{display:flex;justify-content:space-between;align-items:center}.shift-type-badge{display:inline-block;padding:4px 12px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.unscheduled-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.check-icon{color:var(--primary);flex-shrink:0}.shift-date{font-size:13px;font-weight:600;color:var(--fg);margin-top:4px}.shift-time{font-size:14px;font-weight:500;color:var(--fg)}.shift-location,.shift-route{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-muted)}.shift-location .icon,.shift-route .icon{flex-shrink:0;opacity:.7}.unscheduled-option .shift-description{font-size:13px;color:var(--fg-muted);line-height:1.5}.shift-use-cases{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.use-case-tag{display:inline-block;padding:3px 8px;background:var(--bg-muted);border:1px solid var(--border);color:var(--fg-muted);font-size:11px;font-weight:500;border-radius:4px}.info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--info-bg);border:1px solid var(--info);border-radius:8px;font-size:13px;color:var(--fg)}.info-icon{flex-shrink:0;color:var(--info);margin-top:2px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--border)}@media (max-width: 600px){.shift-option{padding:14px}.shift-type-badge{font-size:11px;padding:3px 10px}.shift-date{font-size:12px}.shift-time{font-size:13px}.use-case-tag{font-size:10px;padding:2px 6px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shift-option{animation:slideIn .2s ease forwards}.shift-option:nth-child(1){animation-delay:0s}.shift-option:nth-child(2){animation-delay:.05s}.shift-option:nth-child(3){animation-delay:.1s}.shift-option:nth-child(4){animation-delay:.15s}.site-autocomplete,.site-autocomplete-input-wrapper{position:relative;width:100%}.site-autocomplete-input{width:100%;padding:10px 36px 10px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.site-autocomplete-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0073e61a}.site-autocomplete-input:disabled{background:var(--hover);cursor:not-allowed;opacity:.6}.site-autocomplete-input.has-error{border-color:var(--danger)}.site-autocomplete-input::placeholder{color:var(--fg-dim)}.site-autocomplete-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:4px;border:none;background:transparent;color:var(--fg-dim);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.site-autocomplete-clear:hover{background:var(--hover);color:var(--fg)}.site-autocomplete-clear:active{transform:translateY(-50%) scale(.9)}.site-autocomplete-error{margin-top:4px;padding:4px 8px;font-size:.85rem;color:var(--danger);background:#ff3b301a;border-radius:4px}.site-autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:320px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000}.site-autocomplete-item{padding:12px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.site-autocomplete-item:last-child{border-bottom:none}.site-autocomplete-item:hover,.site-autocomplete-item.highlighted{background:var(--hover)}.site-autocomplete-item-primary{font-weight:500;font-size:.95rem;color:var(--fg);margin-bottom:2px}.site-autocomplete-item-secondary{font-size:.85rem;color:var(--fg-dim);margin-bottom:2px}.site-autocomplete-item-tertiary{font-size:.8rem;color:var(--fg-dim);margin-top:2px;opacity:.8}.site-autocomplete-empty{padding:12px 14px;color:var(--fg-dim);font-size:.9rem;text-align:center}.site-autocomplete-loading{margin-top:4px;padding:6px 8px;font-size:.85rem;color:var(--fg-dim);font-style:italic}.site-autocomplete-item.highlighted{background:var(--hover);border-left:3px solid var(--primary);padding-left:11px}.site-autocomplete-dropdown::-webkit-scrollbar{width:8px}.site-autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg)}.site-autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.site-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}@media (max-width: 768px){.site-autocomplete-dropdown{max-height:240px}.site-autocomplete-item{padding:10px 12px}.site-autocomplete-input{font-size:16px}}.leave-request-form{display:flex;flex-direction:column;gap:1.5rem}.leave-request-form .form-group{display:flex;flex-direction:column;gap:.5rem}.leave-request-form label{font-weight:500;font-size:.875rem;color:var(--text-primary)}.leave-request-form .required{color:var(--error-color, #dc2626)}.leave-request-form input[type=date],.leave-request-form select,.leave-request-form textarea{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--input-bg, var(--bg));color:var(--text-primary);transition:border-color .2s}.leave-request-form input:focus,.leave-request-form select:focus,.leave-request-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha, color-mix(in oklab, var(--accent) 10%, transparent))}.leave-request-form input:disabled,.leave-request-form select:disabled,.leave-request-form textarea:disabled{opacity:.6;cursor:not-allowed}.leave-request-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.leave-type-info{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.leave-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.info-text{font-size:.75rem;color:var(--text-secondary)}.conflict-preview{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.conflict-preview.loading{background:var(--bg-secondary);color:var(--text-secondary)}.conflict-preview.warning{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.conflict-preview.success{background:#d1fae5;color:#065f46;border:1px solid #34d399}.conflict-preview .icon{font-size:1.25rem}.conflict-preview .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .6s linear infinite}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{margin-top:.125rem;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.help-text{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.loading-indicator{padding:.75rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media (prefers-color-scheme: dark){.conflict-preview.warning{background:#d9770633;color:#fbbf24}.conflict-preview.success{background:#10b98133;color:#34d399}}.drawer-overlay{position:fixed;inset:0;top:var(--topbar-height, 64px);z-index:10001;background:var(--overlay-bg, rgba(0, 0, 0, .4));transition:background .2s ease;animation:drawer-overlay-fade-in .3s ease}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}.drawer-content{position:fixed;top:var(--topbar-height, 64px);bottom:0;z-index:10002;background:var(--card, #ffffff);border:none;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;overflow:hidden}html[data-theme=dark] .drawer-content{border-color:transparent;box-shadow:-4px 0 24px #00000080}.drawer-right{right:0;animation:drawer-slide-in-right .3s ease}@keyframes drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-left{left:0;box-shadow:4px 0 24px #0000001f;animation:drawer-slide-in-left .3s ease}@keyframes drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-small{width:320px}.drawer-medium{width:480px}.drawer-large{width:640px}.drawer-xlarge{width:900px}.drawer-xxlarge{width:calc(100vw - 280px);max-width:1400px}.drawer-full{width:calc(100vw - 80px);max-width:1600px}.drawer-resizable{width:640px}.drawer-resize-handle:hover:before,.drawer-resize-handle:hover:after,.drawer-resize-handle.resizing:before,.drawer-resize-handle.resizing:after{background:var(--primary, var(--accent));opacity:1;height:48px}.drawer-resize-handle:hover,.drawer-resize-handle.resizing{background:color-mix(in oklab,var(--primary, var(--accent)) 12%,transparent)}@media (max-width: 1280px){.drawer-resize-handle{display:none}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 20px 12px;flex-shrink:0;padding-top:max(24px,env(safe-area-inset-top,24px))}.drawer-title{margin:0;font-size:18px;font-weight:600;color:var(--text, #0f172a);line-height:1.4;flex:1}.drawer-header-actions{display:flex;gap:6px;align-items:center}.drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border, #e2e8f0);border-radius:4px;color:var(--muted);font-size:16px;font-weight:400;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}.drawer-close-btn:hover{background:var(--surface-soft, rgba(148, 163, 184, .08));border-color:var(--accent, var(--accent));color:var(--text)}.drawer-close-btn:active{background:var(--surface-soft, rgba(148, 163, 184, .12))}.drawer-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-body{flex:1;overflow-y:auto;padding:16px 20px;color:var(--text, #0f172a)}.drawer-body .dropdown__menu,.drawer-body .dropdown__custom .dropdown__menu,.drawer-body .autocomplete-dropdown,.drawer-body .site-autocomplete-dropdown,.drawer-body .time-picker-dropdown,.drawer-body .time-picker-backdrop{z-index:15001}.drawer-body::-webkit-scrollbar{width:8px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background:var(--border, #e2e8f0);border-radius:4px}.drawer-body::-webkit-scrollbar-thumb:hover{background:var(--muted, #94a3b8)}.drawer-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px 20px;flex-shrink:0}@media (max-width: 1280px){.drawer-overlay{bottom:calc(58px + env(safe-area-inset-bottom,0px))}.drawer-content{width:100%!important;max-width:100%;top:auto;bottom:0;max-height:calc(100vh - 78px - env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #00000026;animation:drawer-slide-up-mobile .3s cubic-bezier(.4,0,.2,1)}.drawer-right,.drawer-left{left:0;right:0}.drawer-header{padding:20px 20px 12px}.drawer-title{font-size:16px}.drawer-body{padding:16px 20px}.drawer-footer{padding:12px 20px 20px;flex-direction:column-reverse}.drawer-footer>*{width:100%}}@keyframes drawer-slide-up-mobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 767px){.drawer-overlay{top:calc(60px + env(safe-area-inset-top,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px))}.drawer-content{top:calc(60px + env(safe-area-inset-top,0px));bottom:calc(58px + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 118px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 118px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.drawer-full{width:100%!important;max-width:100%!important;inset:0!important;max-height:none!important;border-left:none;border-right:none;border-radius:0!important;animation:drawer-fade-in .2s ease}.drawer-full .drawer-header{padding-top:20px}.drawer-full .drawer-body{padding-bottom:16px}.drawer-medium,.drawer-large,.drawer-xlarge,.drawer-xxlarge{width:100%;max-width:100%;left:0;right:0;border-left:none;border-right:none;border-radius:16px 16px 0 0}}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.todo-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:6px;transition:all .15s ease}.todo-item:hover{border-color:var(--border-hover, var(--border));box-shadow:0 1px 3px #0000000d}.todo-item.is-completed{opacity:.6}.todo-item.is-completed .todo-item__title{text-decoration:line-through;color:var(--fg-muted)}.todo-item.priority-high{border-left:3px solid var(--warning, #f59e0b)}.todo-item.priority-low{border-left:3px solid var(--fg-muted)}.todo-item__main{display:flex;align-items:flex-start;gap:10px;padding:10px 12px}.todo-item__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;background:var(--bg);border:2px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease}.todo-item__checkbox:hover{border-color:var(--primary);background:var(--primary-bg, rgba(37, 99, 235, .05))}.todo-item__checkbox.is-checked{background:var(--primary);border-color:var(--primary)}.todo-item__checkbox svg{width:12px;height:12px;color:#fff}.todo-item__content{flex:1;min-width:0;cursor:default}.todo-item__content[role=button]{cursor:pointer}.todo-item__title-row{display:flex;align-items:center;gap:6px}.todo-item__title{font-size:14px;font-weight:500;color:var(--fg);word-break:break-word}.todo-item__link-indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--primary);opacity:.7}.todo-item__link-indicator svg{width:12px;height:12px}.todo-item__meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px}.todo-item__due{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.todo-item__due--danger{background:#ef44441a;color:var(--danger)}.todo-item__due--warning{background:#f59e0b1a;color:var(--warning, #f59e0b)}.todo-item__due--info{background:#3b82f61a;color:var(--info, #3b82f6)}.todo-item__due--default{background:var(--bg-muted);color:var(--fg-muted)}.todo-item__due--muted{color:var(--fg-muted)}.todo-item__priority{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.todo-item__priority--high{background:#f59e0b1a;color:var(--warning, #f59e0b)}.todo-item__linked-label{color:var(--fg-muted);font-size:11px}.todo-item__actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.todo-item:hover .todo-item__actions,.todo-item.is-expanded .todo-item__actions{opacity:1}.todo-item__expand,.todo-item__delete,.todo-item__convert{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.todo-item__expand:hover,.todo-item__delete:hover,.todo-item__convert:hover{background:var(--bg-muted);color:var(--fg)}.todo-item__delete:hover{color:var(--danger)}.todo-item__convert:hover{color:var(--primary, #3b82f6)}.todo-item__expand svg,.todo-item__delete svg,.todo-item__convert svg{width:16px;height:16px}.todo-item__expand.is-expanded{transform:rotate(180deg)}.todo-item__expanded{padding:12px 12px 12px 42px;border-top:1px solid var(--border);margin-top:8px}.todo-item__notes{margin-bottom:12px}.todo-item__notes-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.todo-item__notes-header svg{width:12px;height:12px}.todo-item__notes-content{font-size:13px;color:var(--fg);line-height:1.5;white-space:pre-wrap;word-break:break-word}.todo-item__linked{background:var(--bg-muted);border-radius:6px;padding:10px}.todo-item__linked-header{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-weight:500;color:var(--fg);margin-bottom:8px}.todo-item__linked-header svg{flex-shrink:0;width:14px;height:14px;margin-top:1px;color:var(--primary)}.todo-item__linked-status{display:flex;align-items:center;gap:8px;margin-bottom:8px}.todo-item__status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.todo-item__status-badge--info{background:#3b82f61a;color:var(--info, #3b82f6)}.todo-item__status-badge--primary{background:var(--primary-bg, rgba(37, 99, 235, .1));color:var(--primary)}.todo-item__status-badge--warning{background:#f59e0b1a;color:var(--warning, #f59e0b)}.todo-item__status-badge--success{background:#10b9811a;color:var(--success, #10b981)}.todo-item__status-badge--muted{background:var(--bg-muted);color:var(--fg-muted)}.todo-item__archived-badge{padding:2px 6px;background:var(--bg);border-radius:4px;font-size:10px;color:var(--fg-muted)}.todo-item__activity{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--fg-muted);margin-bottom:10px}.todo-item__activity-user{font-weight:500;color:var(--fg)}.todo-item__activity-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-item__activity-time{flex-shrink:0;font-size:11px}.todo-item__linked-actions{display:flex;gap:8px}.todo-item__open-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:500;color:var(--fg);text-decoration:none;transition:all .15s ease}.todo-item__open-link:hover{background:var(--primary);border-color:var(--primary);color:#fff}.todo-item__open-link svg{width:12px;height:12px}.todo-item__resolved-prompt{margin-top:10px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:12px}.todo-item__resolved-prompt>span{display:block;color:var(--fg-muted);margin-bottom:8px}.todo-item__resolved-actions{display:flex;gap:8px}.todo-item__resolved-actions button{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.todo-item__resolved-actions button:first-child{background:var(--success, #10b981);border:none;color:#fff}.todo-item__resolved-actions button:last-child{background:var(--bg);border:1px solid var(--border);color:var(--fg-muted)}.todo-item__resolved-actions button:hover{opacity:.9}.todo-item__edit-btn{opacity:0;padding:2px;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;transition:opacity .15s,color .15s;flex-shrink:0}.todo-item:hover .todo-item__edit-btn{opacity:1}.todo-item__edit-btn:hover{color:var(--primary)}.todo-item__edit-btn svg{width:12px;height:12px}.todo-item__title-edit{display:flex;align-items:center;gap:6px;flex:1}.todo-item__title-edit input{flex:1;padding:4px 8px;border:1px solid var(--primary);border-radius:4px;background:var(--bg);color:var(--fg);font-size:14px;font-weight:500;outline:none}.todo-item__title-edit button{width:24px;height:24px;padding:0;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.todo-item__title-edit button:first-of-type{background:var(--success, #10b981);color:#fff}.todo-item__title-edit button:first-of-type:hover{background:#059669}.todo-item__title-edit button:last-of-type{background:var(--bg-muted, #f1f5f9);color:var(--fg-muted)}.todo-item__title-edit button:last-of-type:hover{background:var(--border);color:var(--fg)}.todo-item__title-edit button svg{width:14px;height:14px}.todo-item__action-buttons{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.todo-item__action-buttons .todo-item__inline-edit{flex-basis:100%}.todo-item__icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.todo-item__icon-btn:hover{background:var(--bg-muted, #f1f5f9);color:var(--fg)}.todo-item__icon-btn.has-value{color:var(--primary)}.todo-item__icon-btn.priority-high{color:var(--warning, #f59e0b)}.todo-item__icon-btn.priority-low{color:var(--fg-muted);opacity:.6}.todo-item__icon-btn.mark-done:hover{background:#10b98126;color:var(--success, #10b981)}.todo-item__icon-btn.is-done{color:var(--success, #10b981)}.todo-item__icon-btn.is-done:hover{background:#f59e0b26;color:var(--warning, #f59e0b)}.todo-item__icon-btn.team:hover{background:#3b82f626;color:var(--primary, #3b82f6)}.todo-item__icon-btn.delete:hover{background:#ef444426;color:var(--danger, #ef4444)}.todo-item__icon-btn svg{width:16px;height:16px}.todo-item__inline-edit{display:flex;align-items:center;gap:4px;padding:4px;border-radius:6px}.todo-item__inline-edit input[type=date],.todo-item__inline-edit input[type=time]{padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--fg);font-size:12px;color-scheme:dark}.todo-item__inline-edit input[type=date]{min-width:120px}.todo-item__inline-edit button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--fg-muted);cursor:pointer;transition:all .15s ease}.todo-item__inline-edit button.save-btn{background:var(--success, #10b981);color:#fff}.todo-item__inline-edit button.save-btn:hover{background:#059669}.todo-item__inline-edit button:hover{color:var(--fg)}.todo-item__inline-edit button.clear-btn:hover{color:var(--danger, #ef4444)}.todo-item__inline-edit button svg{width:14px;height:14px}.todo-item__inline-edit.priority-edit{gap:2px}.todo-item__inline-edit .priority-option{padding:4px 8px;font-size:11px;font-weight:500;background:transparent;width:auto}.todo-item__inline-edit .priority-option:hover{background:var(--bg)}.todo-item__inline-edit .priority-option.active{background:var(--primary);color:#fff}@media (max-width: 480px){.todo-item__main{padding:8px 10px}.todo-item__actions{opacity:1}.todo-item__expanded{padding-left:32px}.todo-item__action-buttons{flex-wrap:wrap}.todo-item__edit-btn{opacity:.6}}@media (hover: none){.todo-item__edit-btn{opacity:.6}}.quick-add-todo{padding:0 0 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.quick-add-todo__form{display:flex;flex-direction:column;gap:8px}.quick-add-todo__input-row{display:flex;align-items:center;gap:8px}.quick-add-todo__input-row:focus-within .quick-add-todo__icon{color:var(--accent)}.quick-add-todo__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--fg-muted)}.quick-add-todo__icon svg{width:16px;height:16px}.quick-add-todo__input{flex:1;min-width:0;padding:0;margin:0;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;font-size:14px;color:var(--fg);min-height:unset;height:auto}.quick-add-todo__input:focus{border:none!important;outline:none!important;box-shadow:none!important}.quick-add-todo__input::placeholder{color:var(--fg-muted)}.quick-add-todo__submit{padding:4px 12px;background:var(--primary);border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;flex-shrink:0;transition:all .15s ease}.quick-add-todo__submit:hover{opacity:.9}.quick-add-todo__submit:disabled{opacity:.5;cursor:not-allowed}.quick-add-todo__options{display:flex;flex-direction:column;gap:6px;padding-top:4px}.quick-add-todo__presets-row{display:flex;gap:6px}.quick-add-todo__preset{padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--fg);cursor:pointer;transition:all .15s ease}.quick-add-todo__preset:hover{border-color:var(--fg-muted)}.quick-add-todo__preset.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.quick-add-todo__pickers-row{display:flex;align-items:center;gap:6px}.quick-add-todo__date-input,.quick-add-todo__time-input{padding:3px 8px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--fg);cursor:pointer;color-scheme:dark}.quick-add-todo__date-input::-webkit-calendar-picker-indicator,.quick-add-todo__time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.quick-add-todo__clear-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:4px;color:var(--fg-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease}.quick-add-todo__clear-btn:hover{color:var(--danger)}.quick-add-todo__clear-btn svg{width:14px;height:14px}.quick-add-todo__priority-row{display:flex;gap:6px}.quick-add-todo__priority{padding:3px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease}.quick-add-todo__priority:hover{border-color:var(--fg-muted)}.quick-add-todo__priority.is-active{border-color:currentColor}.quick-add-todo__priority--low{color:var(--fg-muted)}.quick-add-todo__priority--medium{color:var(--fg)}.quick-add-todo__priority--medium.is-active{border-color:var(--fg-muted)}.quick-add-todo__priority--high{color:var(--warning, #f59e0b)}.quick-add-todo__priority--high.is-active{background:#f59e0b1a;border-color:var(--warning, #f59e0b)}@media (max-width: 480px){.quick-add-todo__preset,.quick-add-todo__priority{flex:1;text-align:center}}.assigned-item{display:flex;align-items:stretch;background:var(--card, var(--bg));border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s ease}.assigned-item:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.assigned-item__priority-bar{width:4px;flex-shrink:0}.assigned-item__body{flex:1;padding:12px;min-width:0}.assigned-item__header{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.assigned-item__type{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.assigned-item__type--task{background:#8b5cf626;color:#8b5cf6}.assigned-item__type--ticket{background:#3b82f626;color:#3b82f6}.assigned-item__number{font-size:11px;font-weight:500;color:var(--fg-muted)}.assigned-item__status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:capitalize}.assigned-item__priority-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase}.assigned-item__title{font-size:14px;font-weight:500;color:var(--fg);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assigned-item__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;margin-bottom:8px}.assigned-item__category{display:flex;align-items:center;gap:4px;color:var(--fg-muted)}.assigned-item__category-dot{width:6px;height:6px;border-radius:50%}.assigned-item__customer{color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.assigned-item__due{display:flex;align-items:center;gap:3px;font-weight:500}.assigned-item__due svg{width:12px;height:12px}.assigned-item__people{display:flex;align-items:center;gap:12px;margin-top:8px}.assigned-item__label{font-size:10px;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px}.assigned-item__assignee,.assigned-item__team{display:flex;align-items:center;gap:6px}.assigned-item__avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.assigned-item__avatar--assignee{background:linear-gradient(135deg,#f59e0b,#ef4444)}.assigned-item__avatar--team{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);margin-left:-6px;border:2px solid var(--card, var(--bg))}.assigned-item__avatar--team:nth-child(2){margin-left:0}.assigned-item__assignee-name{font-size:12px;font-weight:600;color:var(--fg)}.assigned-item__team-more{font-size:10px;color:var(--fg-muted);margin-left:4px}.assigned-item__end{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;padding:12px 12px 12px 0}.assigned-item__add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);background:var(--surface, var(--bg));border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .15s ease;opacity:.7}.assigned-item__add-btn:hover{opacity:1;border-color:var(--accent);color:var(--accent);background:#3b82f61a}.assigned-item__add-btn svg{width:14px;height:14px}.assigned-item__messages{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-muted)}.assigned-item__messages svg{width:14px;height:14px}@media (max-width: 480px){.assigned-item__body{padding:10px}.assigned-item__end{padding:10px 10px 10px 0}}.todo-drawer{display:flex;flex-direction:column;height:100%;overflow:hidden}.todo-drawer__tabs{display:flex;gap:4px;padding:0;margin-bottom:12px;border-bottom:1px solid var(--border)}.todo-drawer__tab{display:flex;align-items:center;gap:6px;padding:10px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.todo-drawer__tab:hover{color:var(--fg)}.todo-drawer__tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}.todo-drawer__tab svg{width:16px;height:16px}.todo-drawer__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--bg-muted);border-radius:9px;font-size:11px;font-weight:600}.todo-drawer__tab.is-active .todo-drawer__tab-badge{background:var(--primary);color:#fff}.todo-drawer__content{flex:1;overflow-y:auto;padding:0}.todo-drawer__loading,.todo-drawer__error,.todo-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--fg-muted)}.todo-drawer__empty svg,.todo-drawer__error svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.todo-drawer__empty p,.todo-drawer__error span{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--fg)}.todo-drawer__empty span{font-size:13px;color:var(--fg-muted)}.todo-drawer__error button{margin-top:12px;padding:6px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.todo-section{margin-bottom:8px}.todo-section__header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;background:none;border:none;color:var(--fg-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:color .15s ease}.todo-section__header:hover{color:var(--fg)}.todo-section__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.todo-section__icon svg{width:14px;height:14px}.todo-section__title{flex:1;text-align:left}.todo-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--bg-muted);border-radius:9px;font-size:10px;font-weight:600}.todo-section__chevron{width:16px;height:16px;transition:transform .2s ease}.todo-section__chevron svg{width:14px;height:14px}.todo-section__chevron.is-open{transform:rotate(180deg)}.todo-section__content{padding-left:4px}.todo-section--danger .todo-section__header{color:var(--danger)}.todo-section--danger .todo-section__count{background:var(--danger-bg, rgba(239, 68, 68, .1));color:var(--danger)}.todo-section--warning .todo-section__header{color:var(--warning, #f59e0b)}.todo-section--warning .todo-section__count{background:#f59e0b1a;color:var(--warning, #f59e0b)}.todo-section--info .todo-section__header{color:var(--info, #3b82f6)}.todo-section--info .todo-section__count{background:#3b82f61a;color:var(--info, #3b82f6)}.todo-section--primary .todo-section__header{color:var(--primary)}.todo-section--primary .todo-section__count{background:var(--primary-bg, rgba(37, 99, 235, .1));color:var(--primary)}.todo-section--success .todo-section__header{color:var(--success, #10b981)}.todo-section--success .todo-section__count{background:#10b9811a;color:var(--success, #10b981)}.todo-section--muted .todo-section__header{color:var(--fg-muted)}.todo-drawer__assigned-list{display:flex;flex-direction:column;gap:8px}.todo-drawer__footer{display:flex;align-items:center;justify-content:center;padding:12px 0;border-top:1px solid var(--border)}.todo-drawer__refresh{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);font-size:12px;cursor:pointer;transition:all .15s ease}.todo-drawer__refresh:hover{background:var(--bg-muted);color:var(--fg)}.todo-drawer__refresh svg{width:14px;height:14px}.todo-drawer__checklist-list{display:flex;flex-direction:column}.checklist-card{display:flex;align-items:stretch;background:var(--card, var(--bg));border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s ease;margin-bottom:8px}.checklist-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.checklist-card__priority-bar{width:4px;flex-shrink:0}.checklist-card__body{flex:1;padding:10px 12px;min-width:0}.checklist-card__title{font-size:13px;font-weight:500;color:var(--fg);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.checklist-card__meta{margin-bottom:6px}.checklist-card__parent{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--fg-muted)}.checklist-card__parent svg{width:12px;height:12px;flex-shrink:0}.checklist-card__parent-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-card__footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.checklist-card__status{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:capitalize}.checklist-card__priority-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase}.checklist-card__due{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;margin-left:auto}.checklist-card__due svg{width:12px;height:12px}.checklist-card__checkbox{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--fg-muted);transition:color .15s ease}.checklist-card__checkbox:hover{color:var(--accent)}.checklist-card__checkbox.checked{color:var(--success, #10b981)}.checklist-card--completed .checklist-card__title{text-decoration:line-through;opacity:.6}@media (max-width: 480px){.todo-drawer__tab{padding:8px 10px;font-size:12px}.todo-drawer__tab span{display:none}.todo-drawer__tab svg{width:18px;height:18px}}.ticket-inbox-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:10010;overflow:hidden;animation:inbox-slide-in .15s ease-out}@keyframes inbox-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inbox-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.inbox-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--fg)}.inbox-title svg{color:var(--accent)}.inbox-unread-badge{background:var(--danger, #ef4444);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.inbox-header-actions{display:flex;align-items:center;gap:4px}.inbox-mark-all-btn,.inbox-select-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .15s}.inbox-mark-all-btn:hover,.inbox-select-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.inbox-select-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.inbox-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--accent-soft, rgba(59, 130, 246, .08));border-bottom:1px solid var(--border)}.inbox-bulk-select-all{background:none;border:none;color:var(--accent);font-size:11px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;white-space:nowrap}.inbox-bulk-select-all:hover{background:var(--accent-soft)}.inbox-bulk-count{font-size:11px;color:var(--fg-muted);flex:1}.inbox-bulk-actions{display:flex;gap:4px}.inbox-bulk-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.inbox-bulk-btn:disabled{opacity:.4;cursor:not-allowed}.inbox-bulk-btn span{white-space:nowrap}.inbox-bulk-read{background:var(--accent-soft, rgba(59, 130, 246, .12));color:var(--accent)}.inbox-bulk-read:hover:not(:disabled){background:var(--accent);color:#fff}.inbox-bulk-dismiss{background:#ef44441a;color:var(--danger, #ef4444)}.inbox-bulk-dismiss:hover:not(:disabled){background:var(--danger, #ef4444);color:#fff}.select-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid var(--border);border-radius:3px;transition:all .15s}.select-checkbox.is-checked{background:var(--accent);border-color:var(--accent);color:#fff}.select-checkbox.is-checked svg{width:10px;height:10px}.inbox-item.is-selected{background:var(--accent-soft, rgba(59, 130, 246, .06))}.inbox-dismiss-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--danger, #ef4444);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.inbox-dismiss-all-btn:hover{filter:brightness(1.1)}.inbox-content{flex:1;overflow-y:auto;min-height:200px;max-height:360px}.inbox-loading{display:flex;align-items:center;justify-content:center;padding:40px}.inbox-loading .spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.inbox-empty-icon{color:var(--fg-dim);opacity:.5;margin-bottom:12px}.inbox-empty-icon svg{width:40px;height:40px}.inbox-empty p{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--fg-muted)}.inbox-empty small{font-size:12px;color:var(--fg-dim)}.inbox-list{display:flex;flex-direction:column}.inbox-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background .1s}.inbox-item:last-child{border-bottom:none}.inbox-item:hover{background:var(--surface-soft)}.inbox-item.is-read{opacity:.7}.inbox-item.is-read:hover{opacity:1}.inbox-item-indicator{width:8px;flex-shrink:0;padding-top:4px}.unread-dot{display:block;width:8px;height:8px;background:var(--accent);border-radius:50%}.inbox-item-content{flex:1;min-width:0}.inbox-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.inbox-item-number{font-size:12px;font-weight:600;color:var(--accent);flex-shrink:0}.inbox-item-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.inbox-item-badge svg{width:12px;height:12px}.inbox-item-time{font-size:11px;color:var(--fg-dim);white-space:nowrap;margin-left:auto}.inbox-item-title{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-item-preview{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:4px}.inbox-item-from{font-size:11px;color:var(--fg-dim)}.inbox-footer{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-soft)}.inbox-view-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.inbox-view-all-btn:hover{background:var(--accent-hover, var(--accent));filter:brightness(1.1)}.inbox-view-all-btn svg{opacity:.8}@media (max-width: 768px){.ticket-inbox-panel{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);right:auto;width:calc(100vw - 32px);max-height:calc(100vh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:12px;z-index:9999;animation:inbox-fade-in .15s ease-out}@keyframes inbox-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.tenant-switcher{position:relative}.tenant-switcher__trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;max-width:200px}.tenant-switcher__trigger:hover{background:var(--surface-hover);border-color:var(--accent)}.tenant-switcher__trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tenant-switcher__trigger:disabled{opacity:.7;cursor:not-allowed}.tenant-switcher__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent);flex-shrink:0}.tenant-switcher__icon svg{width:100%;height:100%}.tenant-switcher__name{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}.tenant-switcher__chevron{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--muted);transition:transform .15s ease;flex-shrink:0}.tenant-switcher__chevron svg{width:100%;height:100%}.tenant-switcher__trigger.is-open .tenant-switcher__chevron{transform:rotate(180deg)}.tenant-switcher__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;max-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px -4px #00000026;z-index:1000;overflow:hidden}.tenant-switcher__header{padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border)}.tenant-switcher__list{max-height:280px;overflow-y:auto}.tenant-switcher__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;transition:background .1s ease;text-align:left}.tenant-switcher__item:hover:not(:disabled){background:var(--surface-soft)}.tenant-switcher__item.is-current{background:var(--accent-soft)}.tenant-switcher__item:disabled{opacity:.5;cursor:not-allowed}.tenant-switcher__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-soft);border-radius:6px;color:var(--muted);flex-shrink:0}.tenant-switcher__item.is-current .tenant-switcher__item-icon{background:var(--accent);color:#fff}.tenant-switcher__item-icon svg{width:18px;height:18px}.tenant-switcher__item-info{flex:1;min-width:0}.tenant-switcher__item-name{display:block;font-size:14px;font-weight:500;color:var(--fg);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tenant-switcher__item-role{display:block;font-size:12px;color:var(--muted);margin-top:1px}.tenant-switcher__item-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--accent);flex-shrink:0}.tenant-switcher__item-check svg{width:100%;height:100%}.tenant-switcher__loading{padding:10px 14px;text-align:center;font-size:13px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface-soft)}@media (max-width: 640px){.tenant-switcher__trigger{padding:6px 8px;max-width:140px}.tenant-switcher__name{font-size:12px}.tenant-switcher__dropdown{right:-20px;min-width:200px}}.help-drawer-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.help-back-button{display:flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:8px}.help-back-button:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.help-back-button svg{width:18px;height:18px}.help-back-button span{line-height:1}.help-search-bar{padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}.help-search-input-wrapper{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.help-search-input-wrapper svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.help-search-input{flex:1;background:transparent;border:none;color:var(--fg);font-size:14px;outline:none}.help-search-input::placeholder{color:var(--text-muted)}.help-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.help-search-clear:hover{color:var(--fg)}.help-tabs{display:flex;gap:8px;margin-bottom:16px}.help-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s ease}.help-tab svg{width:14px;height:14px}.help-tab:hover{border-color:var(--text-muted);color:var(--fg)}.help-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.help-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);font-size:14px}.help-articles-list{flex:1;overflow-y:auto}.help-category{margin-bottom:20px}.help-category-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);padding:10px 12px;background:var(--surface);border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.help-category-header:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.help-article-item{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;position:relative}.help-article-item:before{content:"📄";font-size:18px;flex-shrink:0;opacity:.7}.help-article-item:hover{border-color:var(--primary);background:var(--surface);transform:translate(4px)}.help-article-item:hover:before{opacity:1}.help-article-item:after{content:"→";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;opacity:0;transition:all .2s ease}.help-article-item:hover:after{opacity:1;color:var(--primary)}.help-article-item-content{flex:1;min-width:0;padding-right:20px}.help-article-title{font-size:14px;font-weight:600;color:var(--fg);margin-bottom:4px;line-height:1.3}.help-article-snippet{font-size:13px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.help-article-view{flex:1;overflow-y:auto;padding-bottom:24px}.help-article-content{line-height:1.7;font-size:14px}.help-article-content .help-h1{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--fg);padding-bottom:12px;border-bottom:2px solid var(--primary)}.help-article-content .help-h2{font-size:17px;font-weight:600;margin:28px 0 14px;color:var(--fg);display:flex;align-items:center;gap:10px}.help-article-content .help-h2:before{content:"";width:4px;height:20px;background:var(--primary);border-radius:2px;flex-shrink:0}.help-article-content .help-h3{font-size:15px;font-weight:600;margin:22px 0 10px;color:var(--fg)}.help-article-content p{margin:0 0 14px;color:var(--text-secondary)}.help-article-content .help-list{margin:12px 0 16px;padding:0;list-style:none}.help-article-content .help-list li{position:relative;padding:6px 12px 6px 24px;margin-bottom:4px;color:var(--fg);line-height:1.5}.help-article-content .help-list li:before{content:"→";position:absolute;left:4px;color:var(--primary);font-weight:600}.help-article-content .help-inline-code{background:var(--surface);border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--primary);font-weight:500}.help-article-content .help-code-block{background:var(--surface);border:1px solid var(--border);padding:16px;border-radius:10px;overflow-x:auto;margin:14px 0}.help-article-content .help-code-block code{background:transparent;border:none;padding:0;color:var(--fg);font-size:13px}.help-nav-path{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}.help-nav-arrow{opacity:.7}.help-button-ref{display:inline-block;background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;color:var(--primary)}.help-article-content .help-link{color:var(--primary);text-decoration:none;font-weight:500;border-bottom:1px dashed var(--primary);transition:all .2s ease}.help-article-content .help-link:hover{border-bottom-style:solid;background:rgba(var(--primary-rgb, 59, 130, 246),.1);padding:2px 4px;margin:-2px -4px;border-radius:4px}.help-article-content strong{color:var(--fg);font-weight:600}.help-table-wrapper{margin:16px 0;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table th{background:var(--surface);padding:12px 14px;text-align:left;font-weight:600;color:var(--fg);border-bottom:2px solid var(--border)}.help-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.help-table tr:last-child td{border-bottom:none}.help-table tr:hover td{background:var(--surface)}.help-callout{display:flex;gap:14px;padding:16px 18px;border-radius:12px;margin:20px 0;border:1px solid;position:relative;overflow:hidden}.help-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.help-callout-icon{font-size:24px;flex-shrink:0;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff80}.help-callout-content{flex:1;font-size:14px;line-height:1.6}.help-callout-content strong{display:block;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.help-callout-content p{margin:0!important;color:var(--fg)!important}.help-callout-content ul,.help-callout-content .help-list{margin:10px 0 0!important;padding-left:18px!important;list-style:disc!important;background:none!important}.help-callout-content li{margin-bottom:4px;padding:0!important;background:none!important;border:none!important}.help-callout-content li:before{display:none!important}.help-callout-tip{background:linear-gradient(135deg,#22c55e14,#22c55e26);border-color:#22c55e4d}.help-callout-tip:before{background:#22c55e}.help-callout-tip .help-callout-icon{background:#22c55e33}.help-callout-tip .help-callout-content strong{color:#16a34a}.help-callout-info{background:linear-gradient(135deg,#3b82f614,#3b82f626);border-color:#3b82f64d}.help-callout-info:before{background:#3b82f6}.help-callout-info .help-callout-icon{background:#3b82f633}.help-callout-info .help-callout-content strong{color:#2563eb}.help-callout-warning{background:linear-gradient(135deg,#f59e0b14,#f59e0b26);border-color:#f59e0b4d}.help-callout-warning:before{background:#f59e0b}.help-callout-warning .help-callout-icon{background:#f59e0b33}.help-callout-warning .help-callout-content strong{color:#d97706}.help-callout-note{background:linear-gradient(135deg,#8b5cf614,#8b5cf626);border-color:#8b5cf64d}.help-callout-note:before{background:#8b5cf6}.help-callout-note .help-callout-icon{background:#8b5cf633}.help-callout-note .help-callout-content strong{color:#7c3aed}.help-article-video{margin:20px 0;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.help-article-video iframe{width:100%;height:100%}.help-feedback{display:flex;align-items:center;gap:12px;padding:16px 0;margin-top:24px;border-top:1px solid var(--border)}.help-feedback span{font-size:13px;color:var(--text-muted)}.help-feedback button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s ease}.help-feedback button svg{width:14px;height:14px}.help-feedback button:hover{border-color:var(--primary);color:var(--fg)}.help-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.help-chat-messages{flex:1;overflow-y:auto;padding:8px 0}.help-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.help-chat-empty svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:16px}.help-chat-empty p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.help-chat-suggestions{display:flex;flex-direction:column;gap:8px}.help-chat-suggestions button{padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--fg);font-size:13px;cursor:pointer;transition:all .2s ease}.help-chat-suggestions button:hover{border-color:var(--primary);background:var(--surface-hover)}.help-chat-message{margin-bottom:16px;animation:chatFadeIn .3s ease}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.help-chat-message.user .help-chat-message-content{background:var(--primary);color:#fff;margin-left:40px;border-radius:16px 16px 4px}.help-chat-message.assistant .help-chat-message-content{background:var(--surface);border:1px solid var(--border);color:var(--fg);margin-right:40px;border-radius:16px 16px 16px 4px}.help-chat-message-content{padding:12px 16px;font-size:14px;line-height:1.5;white-space:pre-wrap}.help-chat-sources{margin-top:8px;padding:8px 16px;font-size:12px;color:var(--text-muted)}.help-chat-sources span{display:block;margin-bottom:4px}.help-chat-source-link{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 8px;margin-right:6px;margin-top:4px;color:var(--primary);font-size:11px;cursor:pointer;transition:all .2s ease}.help-chat-source-link:hover{border-color:var(--primary)}.help-chat-typing{display:flex;gap:4px;padding:8px 0}.help-chat-typing span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.help-chat-typing span:nth-child(1){animation-delay:-.32s}.help-chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.help-chat-input-area{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.help-chat-input-area input{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:24px;color:var(--fg);font-size:14px;outline:none}.help-chat-input-area input:focus{border-color:var(--primary)}.help-chat-input-area input::placeholder{color:var(--text-muted)}.help-chat-input-area button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%}.help-chat-input-area button svg{width:18px;height:18px}.help-search-results{margin-bottom:20px}.help-search-also{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;margin-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px}.help-search-also button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.help-search-also button:hover{background:rgba(var(--primary-rgb, 59, 130, 246),.1)}.help-search-also button svg{width:14px;height:14px}.help-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.help-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.help-no-results-text{font-size:15px;color:var(--text-muted);margin-bottom:24px}.help-no-results-text strong{color:var(--fg)}.help-ask-ai-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.help-ask-ai-button:hover{opacity:.9;transform:translateY(-1px)}.help-ask-ai-button svg{width:18px;height:18px}.help-clear-search{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px;text-decoration:underline}.help-clear-search:hover{color:var(--fg)}.agent-avatar-bar{display:flex;align-items:center;gap:6px}@media (max-width: 639px){.agent-avatar-bar{display:none}}.agent-avatar{position:relative;cursor:pointer;border-radius:50%;width:30px;height:30px;flex-shrink:0;transition:transform .15s ease}.agent-avatar:hover{transform:scale(1.1)}.agent-avatar__img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.agent-avatar__initials{width:30px;height:30px;border-radius:50%;background:var(--primary, #0073ea);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;user-select:none}.agent-avatar--healthy .agent-avatar__img{box-shadow:0 0 0 2px var(--success, #22c55e)}.agent-avatar--stale .agent-avatar__img{box-shadow:0 0 0 2px var(--warning, #f59e0b)}.agent-avatar--offline .agent-avatar__img{box-shadow:0 0 0 2px var(--fg-dim, #94a3b8)}.agent-avatar--disabled .agent-avatar__img{box-shadow:0 0 0 2px var(--fg-dim, #94a3b8);opacity:.5}.agent-avatar__status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface, #fff)}.agent-avatar--healthy .agent-avatar__status-dot{background:var(--success, #22c55e);animation:pulse-indicator 2s ease-in-out infinite}.agent-avatar--stale .agent-avatar__status-dot{background:var(--warning, #f59e0b);animation:pulse-indicator-fast 1s ease-in-out infinite}.agent-avatar--offline .agent-avatar__status-dot{background:var(--fg-dim, #94a3b8)}.agent-avatar--disabled .agent-avatar__status-dot{background:var(--fg-dim, #94a3b8);opacity:.5}.agent-avatar-bar__popup-anchor{position:relative}.agent-event-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:10010;overflow:hidden;animation:inbox-slide-in .15s ease-out}.agent-event-panel__header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border, #e2e8f0)}.agent-event-panel__header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.agent-event-panel__header-info{flex:1;min-width:0}.agent-event-panel__header-name{font-weight:600;font-size:14px;color:var(--fg, #1e293b);line-height:1.3}.agent-event-panel__header-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-dim, #64748b);margin-top:2px}.agent-event-panel__health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-event-panel__health-dot--healthy{background:var(--success, #22c55e)}.agent-event-panel__health-dot--stale{background:var(--warning, #f59e0b)}.agent-event-panel__health-dot--offline,.agent-event-panel__health-dot--disabled{background:var(--fg-dim, #94a3b8)}.agent-event-panel__list{flex:1;overflow-y:auto;padding:4px 0}.agent-event-panel__item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;transition:background-color .1s ease}.agent-event-panel__item:hover{background:var(--hover, rgba(0, 0, 0, .03))}.agent-event-panel__item-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface, #f1f5f9);color:var(--fg-dim, #64748b)}.agent-event-panel__item-icon svg{width:14px;height:14px}.agent-event-panel__item-content{flex:1;min-width:0}.agent-event-panel__item-type{font-size:12px;font-weight:500;color:var(--fg, #1e293b);display:flex;align-items:center;gap:6px}.agent-event-panel__item-summary{font-size:12px;color:var(--fg-dim, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.agent-event-panel__item-time{font-size:11px;color:var(--fg-dim, #94a3b8);margin-top:2px}.agent-event-panel__delivery-status{flex-shrink:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.agent-event-panel__delivery-status svg{width:12px;height:12px}.agent-event-panel__delivery-status--delivered{color:var(--success, #22c55e)}.agent-event-panel__delivery-status--failed{color:var(--error, #ef4444)}.agent-event-panel__delivery-status--pending,.agent-event-panel__delivery-status--retrying{color:var(--fg-dim, #94a3b8)}.agent-event-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--fg-dim, #94a3b8);text-align:center}.agent-event-panel__empty svg{width:32px;height:32px;margin-bottom:8px;opacity:.5}.agent-event-panel__empty-text{font-size:13px}.app-topbar{position:fixed;top:0;left:var(--app-nav-current-width, var(--sidebar-width, 240px));right:0;height:var(--topbar-height);background:var(--nav-surface, var(--bg));border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;z-index:205;transition:left var(--sidebar-transition, .3s ease),width var(--sidebar-transition, .3s ease)}.app-topbar__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.app-topbar__brand-logo{width:28px;height:28px;flex-shrink:0;color:var(--accent)}.app-topbar__brand-logo svg,.app-topbar__brand-logo img{width:100%;height:100%;object-fit:contain}.app-topbar__brand-text{display:flex;align-items:baseline;gap:6px;font-size:15px;letter-spacing:-.01em}.app-topbar__brand-name{font-weight:700;color:var(--fg)}.app-topbar__brand-tagline{font-weight:400;color:var(--fg-dim)}:root[data-sidebar=collapsed] .app-topbar{left:var(--sidebar-collapsed, 64px)}:root[data-sidebar=expanded] .app-topbar{left:var(--sidebar-expanded, 240px)}.app-topbar__inner{width:100%;display:flex;align-items:center;gap:20px}.app-topbar__left,.app-topbar__center,.app-topbar__right{display:flex;align-items:center;gap:8px}.app-topbar__icon-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--fg-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;position:relative}.app-topbar__icon-btn:hover{background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent)}.app-topbar__icon-btn svg{width:20px;height:20px;stroke-width:1.6}.app-topbar__icon-btn .topbar-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--error, #ef4444);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.app-topbar__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--warning, #f59e0b);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.app-topbar__badge--danger{background:var(--error, #ef4444)}.app-topbar__divider{width:1px;height:24px;background:var(--border);margin:0 4px}.app-topbar__inbox-wrapper{position:relative;display:flex;align-items:center}.app-topbar__icon-btn--inbox.is-active{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent)}.app-topbar__center{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:16px}.app-topbar__hamburger{display:none;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--fg-dim);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.app-topbar__hamburger:hover{background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent)}.app-topbar__hamburger svg{width:20px;height:20px;stroke-width:1.6}.app-topbar__logo{display:none;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.app-topbar__logo-img{height:32px;width:auto;object-fit:contain}.app-topbar__title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar__tenant{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.module-switcher__wrapper{position:relative;display:flex}.module-switcher__wrapper--mobile{display:none}.module-switcher__wrapper--desktop{display:flex}@media (max-width: 960px){.module-switcher__wrapper--desktop{display:none}.module-switcher__wrapper--mobile{display:flex}}.module-switcher{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.module-switcher:hover,.module-switcher:focus-visible{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:0 18px 32px color-mix(in oklab,var(--accent) 16%,transparent);outline:none}.module-switcher:active{transform:scale(.98);outline:none}.module-switcher__icon{width:34px;height:34px;border-radius:12px;background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.module-switcher__icon svg{width:18px;height:18px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.module-switcher__content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.module-switcher__label{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.module-switcher__meta{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.module-switcher__chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);transition:transform .2s ease,color .2s ease}.module-switcher__chevron svg{width:10px;height:10px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.module-switcher.is-open .module-switcher__chevron{transform:rotate(180deg);color:var(--accent)}.module-switcher__dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--nav-shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:220}@media (max-width: 960px){.module-switcher__wrapper--mobile .module-switcher__dropdown{left:auto;right:0}}.module-switcher__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.module-switcher__dropdown-inner{display:flex;flex-direction:column;padding:12px;gap:8px}.module-switcher__list{display:flex;flex-direction:column;gap:6px}.module-switcher__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:none;background:transparent;color:var(--fg);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left}.module-switcher__item:hover,.module-switcher__item:focus-visible{background:color-mix(in oklab,var(--accent) 8%,transparent);transform:translateY(-1px);box-shadow:0 14px 24px color-mix(in oklab,var(--accent) 14%,transparent);outline:none}.module-switcher__item.is-active{background:color-mix(in oklab,var(--accent) 12%,transparent);box-shadow:0 18px 32px color-mix(in oklab,var(--accent) 18%,transparent)}.module-switcher__item-icon{width:28px;height:28px;border-radius:10px;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-switcher__item-icon svg{width:16px;height:16px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.module-switcher__item-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.module-switcher__item-title{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-switcher__item-subtitle{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.module-switcher__item-badge{display:none;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.module-switcher__item.is-active .module-switcher__item-badge{display:inline-flex;align-items:center}.mobile-nav-wrapper{position:relative;display:none}.mobile-nav-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:13px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mobile-nav-pill:hover,.mobile-nav-pill:focus-visible{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:0 18px 32px color-mix(in oklab,var(--accent) 16%,transparent);outline:none}.mobile-nav-pill:active{transform:scale(.98);outline:none}.mobile-nav-pill__icon{width:34px;height:34px;border-radius:12px;background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.mobile-nav-pill__icon svg{width:18px;height:18px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-pill__content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.mobile-nav-pill__label{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.mobile-nav-pill__chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);transition:transform .2s ease,color .2s ease}.mobile-nav-pill__chevron svg{width:10px;height:10px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-pill.is-open .mobile-nav-pill__chevron{transform:rotate(180deg);color:var(--accent)}.mobile-nav-pill__dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:280px;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--nav-shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:220;max-height:calc(100vh - 120px);overflow-y:auto}.mobile-nav-pill__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-nav-pill__dropdown-inner{display:flex;flex-direction:column;padding:12px;gap:8px}.mobile-nav-pill__section{margin-bottom:16px}.mobile-nav-pill__section:last-of-type{margin-bottom:0}.mobile-nav-pill__section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fg);opacity:.9;border-bottom:1px solid var(--border);margin-bottom:4px}.mobile-nav-pill__section-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:.8}.mobile-nav-pill__section-label{flex:1}.mobile-nav-pill__heading{padding:12px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);opacity:.85;margin-top:8px}.mobile-nav-pill__heading:first-child{margin-top:0}.mobile-nav-pill__action{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;width:100%;text-align:left;color:var(--fg)}.mobile-nav-pill__action:hover,.mobile-nav-pill__action:focus-visible{background:color-mix(in oklab,var(--accent) 6%,transparent);outline:none}.mobile-nav-pill__action-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.mobile-nav-pill__action-icon svg{width:18px;height:18px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-pill__avatar{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.mobile-nav-pill__action-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mobile-nav-pill__action-label{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.mobile-nav-pill__action-meta{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.mobile-nav-pill__action--theme .theme-icon{display:none}[data-theme=dark] .mobile-nav-pill__action--theme .theme-icon--moon,[data-theme=light] .mobile-nav-pill__action--theme .theme-icon--sun{display:block}body:not([data-theme]) .mobile-nav-pill__action--theme .theme-icon--sun{display:block}.topbar-profile__wrapper{position:relative;display:flex;align-items:center;gap:8px}.topbar-profile{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:transform .15s ease}.topbar-profile:hover{transform:scale(1.05)}.topbar-profile:active{transform:scale(.95)}.topbar-profile.is-open{transform:scale(1.05)}.topbar-profile__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 30%,transparent);transition:box-shadow .15s ease,transform .15s ease}.topbar-profile:hover .topbar-profile__avatar{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 50%,transparent)}.topbar-profile__text,.topbar-profile__chevron{display:none}.topbar-profile__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--nav-shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:10010}.topbar-profile__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.topbar-profile__dropdown-inner{display:flex;flex-direction:column;padding:12px}.topbar-profile__header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-subtle, rgba(148, 163, 184, .12));margin-bottom:8px}.topbar-profile__avatar-large{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.topbar-profile__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.topbar-profile__name{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-profile__meta{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.topbar-profile__actions{display:flex;flex-direction:column;gap:4px}.topbar-profile__action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:transparent;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;width:100%;text-align:left;color:var(--fg);font-size:13px;font-weight:500}.topbar-profile__action:hover,.topbar-profile__action:focus-visible{background:color-mix(in oklab,var(--accent) 8%,transparent);transform:translateY(-1px);outline:none}.topbar-profile__action svg{width:18px;height:18px;stroke-width:1.6;color:var(--accent);flex-shrink:0}.topbar-profile__action--logout{color:var(--error, #ef4444)}.topbar-profile__action--logout svg{color:var(--error, #ef4444)}.topbar-profile__avatar.has-active-shift{box-shadow:0 0 0 3px var(--success, #22c55e);position:relative}.topbar-profile__shift-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success, #22c55e);border:2px solid var(--surface);border-radius:50%;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.topbar-profile__avatar.has-active-shift.on-break{box-shadow:0 0 0 3px var(--warning, #f59e0b)}.topbar-profile__shift-indicator.on-break{background:var(--warning, #f59e0b);animation:pulse-indicator-fast 1s ease-in-out infinite}@keyframes pulse-indicator-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.topbar-profile__shift-timer{margin:0 -4px 8px}.topbar-profile__action--clock-in{background:color-mix(in oklab,var(--success, #22c55e) 10%,transparent);color:var(--success, #22c55e)}.topbar-profile__action--clock-in:hover{background:color-mix(in oklab,var(--success, #22c55e) 18%,transparent)}.topbar-profile__action--clock-in svg{color:var(--success, #22c55e)}.topbar-profile__action--clock-out{background:color-mix(in oklab,var(--error, #ef4444) 10%,transparent);color:var(--error, #ef4444)}.topbar-profile__action--clock-out:hover{background:color-mix(in oklab,var(--error, #ef4444) 18%,transparent)}.topbar-profile__action--clock-out svg{color:var(--error, #ef4444)}.topbar-profile__action--break{color:var(--warning, #f59e0b)}.topbar-profile__action--break svg{color:var(--warning, #f59e0b)}.topbar-profile__action--break-end{color:var(--warning, #f59e0b);background:color-mix(in oklab,var(--warning, #f59e0b) 10%,transparent)}.topbar-profile__action--break-end:hover{background:color-mix(in oklab,var(--warning, #f59e0b) 18%,transparent)}.topbar-profile__action--break-end svg{color:var(--warning, #f59e0b)}.topbar-profile__divider{height:1px;background:var(--border-subtle, rgba(148, 163, 184, .12));margin:8px 0}@media (max-width: 1023px){.app-topbar{left:0!important;padding-left:18px;padding-right:18px}.app-topbar__hamburger{display:flex;align-items:center;justify-content:center}.app-topbar__logo{display:flex;align-items:center}.app-topbar__left{gap:12px}.app-topbar__center{flex:1}.app-topbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-profile__wrapper{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 640px){.app-topbar{height:auto;min-height:60px;padding:10px 16px}.app-topbar__inner{flex-wrap:nowrap;gap:0;align-items:flex-start}.app-topbar__left{order:1;gap:6px;flex:0 0 auto;flex-shrink:0}.app-topbar__right{order:2;margin-left:auto;flex:0 0 auto;display:flex!important;flex-direction:row;align-items:center;gap:8px;position:relative}.app-topbar__center{display:none}.app-topbar__title{font-size:10px;font-weight:400;color:var(--fg-dim);letter-spacing:.02em;white-space:nowrap}.app-topbar__tenant{position:absolute;bottom:-16px;right:0;font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);opacity:.8;white-space:nowrap}.topbar-profile__wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.module-switcher{padding:8px 12px}.module-switcher__icon{width:30px;height:30px}.mobile-nav-pill{padding:8px 12px}.mobile-nav-pill__icon{width:30px;height:30px}.mobile-nav-pill__label{display:none}.topbar-profile{padding:6px;gap:6px}.topbar-profile__text{display:none}.topbar-profile__chevron{display:flex}}:root{--sidebar-expanded: 260px;--sidebar-collapsed: 64px;--sidebar-transition: .4s cubic-bezier(.4, 0, .2, 1);--sidebar-hover-delay: .2s}.app-nav{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-expanded);background:var(--nav-surface, var(--bg));border-right:1px solid var(--sidebar-border, var(--border));overflow-y:auto;overflow-x:hidden;z-index:209;transition:width var(--sidebar-transition),transform .28s ease,box-shadow var(--sidebar-transition)}.app-nav--collapsed{width:var(--sidebar-collapsed)}.app-nav--collapsed.app-nav--hovered{width:var(--sidebar-expanded);box-shadow:4px 0 24px #0003;z-index:210}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__inner{padding:calc(var(--topbar-height, 64px) + 62px) 0 28px 0}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__brand-text,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-label,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-chevron,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link-label,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-heading,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__footer{opacity:0;width:0;overflow:hidden;white-space:nowrap;transition:opacity .2s ease,width .2s ease}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__header{position:relative;padding:0}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__brand{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section{width:100%;position:relative}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-items{width:100%}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header{width:100%;padding:8px 0;justify-content:center;align-items:center;gap:0;position:relative;overflow:visible}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section--has-active .app-nav__section-header:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--accent);border-radius:0 3px 3px 0;opacity:.9}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section--has-active .app-nav__section-icon{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in oklab,var(--accent) 50%,transparent)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-badges{position:absolute;top:4px;right:4px;display:flex;flex-direction:column;gap:2px}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-badge-dot{width:6px;height:6px;border-radius:50%}.app-nav__section-badge-dot--info{background:var(--info, #3b82f6)}.app-nav__section-badge-dot--warning{background:var(--warning, #f59e0b)}.app-nav__section-badge-dot--error{background:var(--error, #ef4444)}.app-nav__section-badge-dot--success{background:var(--success, #22c55e)}.app-nav__section-badges{display:none}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link{width:100%;padding:8px 16px 8px 0;justify-content:flex-end;align-items:center;gap:0}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link--nested{width:100%;padding:8px 16px 8px 0;justify-content:flex-end}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link-dot{display:none}}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header{position:relative}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link:after,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header:after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) scale(.95);padding:8px 12px;background:var(--bg-elevated, var(--bg-3));border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:13px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 16px #0003,0 1px 4px #0000001a;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link:before,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--border);z-index:1001;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link:hover:after,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);transition:opacity .15s ease .4s,transform .15s ease .4s,visibility 0s linear .4s}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link:hover:before,.app-nav--collapsed:not(.app-nav--hovered) .app-nav__section-header:hover:before{opacity:1;visibility:visible;transition:opacity .15s ease .4s,visibility 0s linear .4s}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__link--nested:after{display:none!important}}.app-nav__scrim{position:fixed;inset:0;background:var(--scrim-bg, rgba(15, 23, 42, .45));opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:208}.app-nav__scrim--visible{opacity:1;pointer-events:auto}.app-nav__inner{flex:1;display:flex;flex-direction:column;padding:calc(var(--topbar-height, 64px) + 16px) 22px 28px;gap:16px;overflow:hidden}.app-nav__container{padding:0;display:flex;flex-direction:column;height:100%}.app-nav__header{display:flex;align-items:center;gap:10px;padding:0 14px;height:64px;border-bottom:1px solid rgba(148,163,184,.08);flex-shrink:0}.app-nav__brand{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:7px;font-weight:600;letter-spacing:.02em;min-width:0}.app-nav__logo{width:32px;height:32px;flex-shrink:0;color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 40%,transparent));animation:navLogoGlow 3s ease-in-out infinite}.app-nav__logo img,.app-nav__logo svg{width:100%;height:100%;object-fit:contain}@keyframes navLogoGlow{0%,to{filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent) 40%,transparent))}50%{filter:drop-shadow(0 0 10px color-mix(in oklab,var(--accent) 60%,transparent))}}.app-nav__brand-text{display:block;line-height:1;white-space:nowrap;overflow:hidden}.app-nav__title{font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;margin-top:-2px}.app-nav__subtitle{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim, var(--muted));opacity:.75}.app-nav__close{display:none}.app-nav__collapse-btn{position:fixed;left:calc(var(--sidebar-expanded) - 10px);top:50%;transform:translateY(-50%);width:20px;height:48px;border-radius:10px;background:var(--surface);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 30%,var(--border));cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:220;transition:left var(--sidebar-transition),background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001a}.app-nav__collapse-btn--collapsed{left:calc(var(--sidebar-collapsed) - 10px)}.app-nav__collapse-btn--collapsed.app-nav__collapse-btn--hovered{left:calc(var(--sidebar-expanded) - 10px)}.app-nav__collapse-btn:hover{background:color-mix(in oklab,var(--accent) 12%,var(--surface));color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent);box-shadow:0 4px 16px #00000026}.app-nav__collapse-btn:active{transform:translateY(-50%) scale(.95)}@media (max-width: 1023px){.app-nav__collapse-btn{display:none}}.app-nav__links{display:flex;flex-direction:column;gap:8px;padding:0 12px;transition:padding var(--sidebar-transition);flex:1;overflow-y:auto}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__links{padding:0;overflow:hidden;width:100%}}.app-nav__section{display:flex;flex-direction:column;gap:4px;padding:0;border-radius:18px;transition:background .2s ease}.app-nav__section-header{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--fg-dim);font-size:12.75px;font-weight:600;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.app-nav__section-header:hover,.app-nav__section-header:focus-visible{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);box-shadow:0 14px 24px color-mix(in oklab,var(--accent) 14%,transparent);outline:none}.app-nav__section--open .app-nav__section-header{color:var(--fg)}.app-nav__section-icon{width:32px;height:32px;border-radius:10px;background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.app-nav__section--open .app-nav__section-icon{background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.app-nav__section-icon svg{width:20px;height:20px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-nav__section-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav__section-chevron{width:10px;height:10px;border-right:1.8px solid var(--fg-dim);border-bottom:1.8px solid var(--fg-dim);transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease;flex-shrink:0}.app-nav__section--open .app-nav__section-chevron{transform:rotate(-135deg);border-color:var(--accent)}.app-nav__section-items{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;max-height:720px;opacity:1;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin .45s cubic-bezier(.4,0,.2,1)}.app-nav__section-items--collapsed{max-height:0;opacity:0;margin-top:-6px;pointer-events:none;overflow:hidden}.app-nav__section-heading{padding:6px 12px 2px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);opacity:.85}.app-nav__link{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:1px solid transparent;color:var(--fg-dim);text-decoration:none;font-size:12.75px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:color .2s ease,transform .2s ease;z-index:1}.app-nav__link:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 6%,transparent),color-mix(in oklab,var(--focus) 6%,transparent));opacity:0;transition:opacity .2s ease,box-shadow .2s ease;z-index:-1}.app-nav__link:hover,.app-nav__link:focus-visible{color:var(--fg);transform:translateY(-1px);outline:none}.app-nav__link:hover:after,.app-nav__link:focus-visible:after{opacity:1;box-shadow:0 18px 28px color-mix(in oklab,var(--accent) 9%,transparent)}.app-nav__link.active{color:var(--fg)}.app-nav__link.active:after{opacity:1;box-shadow:0 20px 38px color-mix(in oklab,var(--accent) 11%,transparent)}.app-nav__link--nested{padding-left:24px;gap:10px;position:relative}.app-nav__link-dot{display:none}@media (min-width: 1024px){.app-nav__link--nested{padding-left:56px}.app-nav__link-dot{display:block;position:absolute;left:40px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--border);opacity:.4;flex-shrink:0;transition:background .2s ease,opacity .2s ease,transform .2s ease;z-index:2}.app-nav__link--nested:hover .app-nav__link-dot{opacity:.8;background:var(--fg)}.app-nav__link--nested.active .app-nav__link-dot{background:var(--accent);opacity:1;transform:translateY(-50%) scale(1.3)}}.app-nav__link--nested:after{border-radius:12px}.app-nav__link--nested.active:after{box-shadow:0 14px 28px color-mix(in oklab,var(--accent) 9%,transparent)}.app-nav__link-icon{width:32px;height:32px;border-radius:12px;background:color-mix(in oklab,var(--accent) 5%,transparent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.app-nav__link-icon--nested{width:26px;height:26px;border-radius:9px}.app-nav__link-icon svg{width:18px;height:18px;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app-nav__link-icon--nested svg{width:14px;height:14px}.app-nav__link:hover .app-nav__link-icon,.app-nav__link:focus-visible .app-nav__link-icon,.app-nav__link.active .app-nav__link-icon{background:color-mix(in oklab,var(--accent) 9%,transparent);color:var(--accent);box-shadow:0 14px 28px color-mix(in oklab,var(--accent) 9%,transparent)}.app-nav__link-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 960px){.app-nav{width:min(280px,75vw);transform:translate(-100%);border-right:none;border-radius:0 16px 16px 0;box-shadow:0 20px 48px #00000059;z-index:209;pointer-events:none;touch-action:none;transition:transform .28s ease,box-shadow .28s ease}.app-nav--open{transform:translate(0);pointer-events:auto;touch-action:auto}.app-nav__close{display:none}.app-nav__inner{padding:26px 22px 32px}.app-nav__section-header{min-height:44px;padding:10px 12px}.app-nav__link{min-height:44px;padding:12px 14px}}@media (min-width: 1024px){.app-nav{transform:translate(0)}}.app-nav::-webkit-scrollbar{width:6px}.app-nav::-webkit-scrollbar-track{background:transparent}.app-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app-nav::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.app-nav__footer{margin-top:auto;padding:12px;border-top:1px solid var(--sidebar-border, var(--border));flex-shrink:0}.app-nav__lock-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--fg-dim);font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.app-nav__lock-toggle:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);color:var(--fg)}.app-nav__lock-toggle--locked,.app-nav__lock-toggle--locked:hover{color:var(--accent)}.app-nav__lock-toggle svg{flex-shrink:0;color:currentColor}.app-nav__lock-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav__container{display:flex;flex-direction:column;min-height:100%}.app-nav__links{flex:1}.app-nav__tenant-logo{height:var(--topbar-height, 64px);padding:12px 16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);box-sizing:border-box;flex-shrink:0}.app-nav__tenant-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__tenant-logo{padding:12px 8px}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__tenant-logo img{max-width:40px}}.app-nav__favorites{padding:0 12px 8px;margin-bottom:8px;border-bottom:1px solid var(--border)}.app-nav__favorites-header{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);opacity:.85;padding:8px 12px 6px}.app-nav__favorites-list{display:flex;flex-direction:column;gap:2px}.app-nav__link--favorite{padding-left:12px}.app-nav__link-icon--favorite{width:24px;height:24px;border-radius:8px;background:color-mix(in oklab,var(--warning, #f59e0b) 15%,transparent);color:var(--warning, #f59e0b)}.app-nav__link-icon--favorite svg{width:12px;height:12px}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__favorites{display:none}}.app-nav__context-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000040;padding:6px;min-width:180px;animation:contextMenuFadeIn .15s ease}.app-nav__context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease;text-align:left}.app-nav__context-menu-item:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.app-nav__context-menu-item svg{color:var(--accent);flex-shrink:0}.app-nav__badges{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.app-nav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;border-radius:6px;line-height:1;text-decoration:none!important;border-bottom:none!important}.app-nav__badge--unassigned{background:color-mix(in oklab,var(--info, #3b82f6) 20%,transparent);color:var(--info, #3b82f6)}.app-nav__badge--pending{background:color-mix(in oklab,var(--warning, #f59e0b) 20%,transparent);color:var(--warning, #f59e0b)}.app-nav__badge--urgent{background:color-mix(in oklab,var(--error, #ef4444) 20%,transparent);color:var(--error, #ef4444)}.app-nav__badge--active{background:color-mix(in oklab,var(--success, #22c55e) 20%,transparent);color:var(--success, #22c55e)}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badges{position:absolute;top:4px;right:4px;flex-direction:column;gap:2px}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badge{width:8px;height:8px;min-width:8px;padding:0;font-size:0;border-radius:50%}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badge--unassigned{background:var(--info, #3b82f6)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badge--pending{background:var(--warning, #f59e0b)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badge--urgent{background:var(--error, #ef4444)}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__badge--active{background:var(--success, #22c55e)}}.app-nav__upgrade{padding:8px 12px 0}.app-nav__upgrade-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;color:var(--accent, #3b82f6);text-decoration:none;transition:background .15s}.app-nav__upgrade-link:hover{background:var(--accent-soft, rgba(59, 130, 246, .08))}.app-nav__user{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.app-nav__user-pill{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--fg-dim);transition:background .2s ease,color .2s ease}.app-nav__user-pill:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);color:var(--fg)}.app-nav__user-pill.active{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--fg)}.app-nav__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.app-nav__user-info{flex:1;min-width:0;overflow:hidden}.app-nav__user-name{font-size:13px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav__user-email{font-size:11px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1024px){.app-nav--collapsed:not(.app-nav--hovered) .app-nav__user{padding:12px 0;display:flex;justify-content:center}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__user-pill{padding:8px;justify-content:center;width:48px}.app-nav--collapsed:not(.app-nav--hovered) .app-nav__user-info{display:none}}.announcement-banners{display:flex;flex-direction:column;width:100%;position:sticky;top:0;z-index:1000}.announcement-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:.875rem;line-height:1.4;animation:announcement-slide-in .3s ease-out}@keyframes announcement-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-banner--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-bottom:1px solid #93c5fd}.announcement-banner--info .announcement-banner__icon{color:#2563eb}.announcement-banner--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-bottom:1px solid #fcd34d}.announcement-banner--warning .announcement-banner__icon{color:#d97706}.announcement-banner--critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-bottom:1px solid #fca5a5}.announcement-banner--critical .announcement-banner__icon{color:#dc2626}.announcement-banner--critical:not(:has(.announcement-banner__dismiss)){background:linear-gradient(135deg,#fca5a5,#f87171);color:#7f1d1d}.announcement-banner__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.announcement-banner__content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.announcement-banner__title{font-weight:600}.announcement-banner__title:after{content:":";margin-right:4px}.announcement-banner__message{flex:1;min-width:200px}.announcement-banner__link{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:2px;opacity:.9;transition:opacity .15s}.announcement-banner__link:hover{opacity:1}.announcement-banner__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:inherit;opacity:.6;cursor:pointer;border-radius:4px;transition:all .15s}.announcement-banner__dismiss:hover{opacity:1;background:#0000001a}.announcement-banner__dismiss:disabled{opacity:.3;cursor:not-allowed}@media (prefers-color-scheme: dark){.announcement-banner--info{background:linear-gradient(135deg,#1e3a5f,#1e40af);color:#bfdbfe;border-bottom-color:#3b82f6}.announcement-banner--info .announcement-banner__icon{color:#60a5fa}.announcement-banner--warning{background:linear-gradient(135deg,#451a03,#78350f);color:#fde68a;border-bottom-color:#d97706}.announcement-banner--warning .announcement-banner__icon{color:#fbbf24}.announcement-banner--critical{background:linear-gradient(135deg,#450a0a,#7f1d1d);color:#fecaca;border-bottom-color:#dc2626}.announcement-banner--critical .announcement-banner__icon{color:#f87171}.announcement-banner--critical:not(:has(.announcement-banner__dismiss)){background:linear-gradient(135deg,#7f1d1d,#b91c1c);color:#fee2e2}}[data-theme=dark] .announcement-banner--info{background:linear-gradient(135deg,#1e3a5f,#1e40af);color:#bfdbfe;border-bottom-color:#3b82f6}[data-theme=dark] .announcement-banner--warning{background:linear-gradient(135deg,#451a03,#78350f);color:#fde68a;border-bottom-color:#d97706}[data-theme=dark] .announcement-banner--critical{background:linear-gradient(135deg,#450a0a,#7f1d1d);color:#fecaca;border-bottom-color:#dc2626}@media (max-width: 640px){.announcement-banner{padding:8px 12px;font-size:.8125rem}.announcement-banner__content{flex-direction:column;align-items:flex-start;gap:2px}.announcement-banner__title:after{content:""}}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-size:13px;line-height:1.4;border-radius:8px;margin-bottom:16px;flex-shrink:0}.trial-banner__content{display:flex;align-items:center;gap:8px;min-width:0}.trial-banner__icon{flex-shrink:0}.trial-banner__text{min-width:0}.trial-banner__btn{flex-shrink:0;padding:4px 14px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s}.trial-banner__btn:hover{opacity:.85}.trial-banner--info{background:var(--accent-soft, rgba(59, 130, 246, .08));color:var(--accent, #3b82f6);border:1px solid var(--accent-border, rgba(59, 130, 246, .15))}.trial-banner__btn--info{background:var(--accent, #3b82f6);color:#fff}.trial-banner--warning{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.2)}[data-theme=dark] .trial-banner--warning{color:#fbbf24}.trial-banner__btn--warning{background:#f59e0b;color:#fff}.trial-banner--expired{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .trial-banner--expired{color:#fca5a5}.trial-banner__btn--urgent{background:#ef4444;color:#fff}@media (max-width: 640px){.trial-banner{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.trial-banner__btn{align-self:flex-end}}.onboarding-banner{background:var(--accent-subtle, rgba(59, 130, 246, .08));border:1px solid var(--primary, #3b82f6);border-radius:10px;padding:18px 22px;margin:24px auto 0;max-width:900px}.onboarding-banner__badge{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary, #3b82f6);margin-bottom:10px}.onboarding-banner__badge-icon{display:flex;align-items:center}.onboarding-banner__badge-icon svg{width:14px;height:14px}.onboarding-banner__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.onboarding-banner__step-info{display:flex;align-items:baseline;gap:10px}.onboarding-banner__step-label{font-size:.75rem;font-weight:600;color:var(--fg-dim);white-space:nowrap}.onboarding-banner__step-title{font-size:1rem;font-weight:600;color:var(--fg)}.onboarding-banner__actions{display:flex;gap:8px;flex-shrink:0}.onboarding-banner__description{font-size:.8125rem;color:var(--fg-dim);margin:0 0 14px;line-height:1.5}.onboarding-banner__footer{display:flex;align-items:center;gap:16px}.onboarding-banner__progress{flex:1;height:4px;background:var(--border, rgba(148, 163, 184, .15));border-radius:2px;overflow:hidden}.onboarding-banner__progress-bar{height:100%;background:var(--primary, #3b82f6);border-radius:2px;transition:width .3s ease}.onboarding-banner__footer-links{display:flex;gap:14px;flex-shrink:0}.onboarding-banner__link{background:none;border:none;padding:0;font-size:.75rem;color:var(--fg-dim);cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.onboarding-banner__link:hover{color:var(--fg)}.onboarding-banner__info-wrap{position:relative;display:flex;align-items:center}.onboarding-banner__info-btn{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;border:none;background:none;color:var(--fg-dim);cursor:pointer;transition:color .15s}.onboarding-banner__info-btn:hover{color:var(--primary, #3b82f6)}.onboarding-banner__info-btn svg{width:15px;height:15px}.onboarding-banner__info-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;padding:12px 14px;background:var(--bg, #1a1a2e);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:200;display:flex;flex-direction:column;gap:4px}.onboarding-banner__info-arrow{position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg, #1a1a2e);border-top:1px solid var(--border);border-left:1px solid var(--border)}.onboarding-banner__info-heading{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);margin-bottom:2px}.onboarding-banner__info-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:5px;border:none;background:none;font-size:.8125rem;color:var(--primary, #3b82f6);cursor:pointer;text-align:left;transition:background .15s}.onboarding-banner__info-link:hover{background:var(--accent-subtle, rgba(59, 130, 246, .08))}.onboarding-banner--compact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;margin:12px auto 0}.onboarding-banner--compact .onboarding-banner__badge{margin-bottom:0}.onboarding-banner__compact-left{display:flex;align-items:center;gap:14px}.onboarding-banner__compact-step{font-size:.8125rem;font-weight:500;color:var(--fg);white-space:nowrap}.onboarding-banner__compact-right{display:flex;align-items:center;gap:12px}.onboarding-banner__progress--compact{width:80px;flex:none}.onboarding-banner--complete{border-color:var(--green, #22c55e);background:#22c55e0f}.onboarding-banner--complete .onboarding-banner__badge{color:var(--green, #22c55e)}.onboarding-banner__complete-text{font-size:.8125rem;color:var(--fg-dim);margin:0 0 14px;line-height:1.5}.onboarding-banner__complete-actions{display:flex;align-items:center;gap:14px}.onboarding-banner--in-settings{margin-left:284px;margin-right:24px}@media (max-width: 768px){.onboarding-banner{padding:14px 16px;margin:12px 12px 0}.onboarding-banner__header{flex-direction:column;align-items:flex-start}.onboarding-banner__actions{width:100%}.onboarding-banner__actions button{flex:1}.onboarding-banner__step-title{font-size:.875rem}.onboarding-banner__footer{flex-direction:column;align-items:stretch;gap:10px}.onboarding-banner__footer-links{justify-content:flex-end}.onboarding-banner--in-settings{margin-left:auto;margin-right:auto}.onboarding-banner--compact{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px;margin:8px 12px 0}.onboarding-banner__compact-right{width:100%;justify-content:space-between}.onboarding-banner__info-popover{left:0;transform:none;width:calc(100vw - 60px);max-width:280px}.onboarding-banner__info-arrow{left:24px;transform:rotate(45deg)}}.page-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative}.page-layout__topnav-spacer{height:var(--topbar-height, 64px);flex-shrink:0}@media (max-width: 640px){.page-layout__topnav-spacer{height:90px}}.page-layout__content{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto;position:relative;z-index:1}@media (min-width: 1024px){body.has-app-sidebar{padding-left:240px}.page-layout--with-sidenav .page-layout__content{margin:0 auto;max-width:1400px}}@media (max-width: 1023px) and (min-width: 768px){.page-layout__content{padding:24px 20px 20px}}@media (max-width: 767px){.page-layout__content{padding:20px 16px 16px}}@media (max-width: 480px){.page-layout__content{padding:16px 12px 12px}}.filter-bar{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-search{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:.9375rem;transition:border-color .2s ease}.filter-search::placeholder{color:var(--fg-dim)}.filter-search:focus{outline:none;border-color:var(--primary)}.filter-dropdown{padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease;min-width:150px}.filter-dropdown:focus{outline:none;border-color:var(--primary)}.filter-dropdown:hover{border-color:var(--fg-dim)}.filter-clear-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg-dim);font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-clear-btn:hover{background:var(--hover);color:var(--fg);border-color:var(--fg-dim)}.filter-clear-btn:active{transform:scale(.98)}.filter-clear-btn svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-search,.filter-dropdown{width:100%;min-width:unset}.filter-clear-btn{justify-content:center}}.status-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-completed{background:#22c55e26;color:#22c55e}.status-running{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--primary);animation:pulse 2s ease-in-out infinite}.status-pending{background:#fbbf2426;color:#fbbf24}.status-queued{background:#8b5cf626;color:#8b5cf6}.status-failed{background:#ef444426;color:#ef4444}.status-cancelled{background:#6b728026;color:#6b7280}.priority-high{background:#ef444426;color:#ef4444}.priority-medium{background:#fbbf2426;color:#fbbf24}.priority-low{background:#6b728026;color:#6b7280}@media (prefers-color-scheme: dark){.status-completed{background:#22c55e33}.status-running{background:color-mix(in oklab,var(--accent) 20%,transparent)}.status-pending{background:#fbbf2433}.status-queued{background:#8b5cf633}.status-failed{background:#ef444433}.status-cancelled,.priority-low{background:#6b728033}.priority-high{background:#ef444433}.priority-medium{background:#fbbf2433}}.status-success{background:#22c55e26;color:#22c55e}.status-default{background:#6b728026;color:#6b7280}.status-blue{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--primary)}.status-purple{background:#8b5cf626;color:#8b5cf6}.status-orange{background:#fb923c26;color:#fb923c}.status-red{background:#ef444426;color:#ef4444}.status-green{background:#22c55e26;color:#22c55e}.status-gray{background:#6b728026;color:#6b7280}.spinner-container{display:inline-flex;flex-direction:column;align-items:center;gap:12px}.spinner-container.spinner-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-label{font-size:14px;color:var(--muted);font-weight:500}.spinner{display:inline-block;animation:rotate 1s linear infinite}.spinner-xs{width:16px;height:16px}.spinner-sm{width:24px;height:24px}.spinner-md{width:32px;height:32px}.spinner-lg{width:48px;height:48px}.spinner-xl{width:64px;height:64px}.spinner-circle{width:100%;height:100%;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%}@keyframes rotate{to{transform:rotate(360deg)}}.spinner-dots{display:flex;align-items:center;gap:6px}.spinner-dot{border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.spinner-xs .spinner-dot{width:4px;height:4px}.spinner-sm .spinner-dot{width:6px;height:6px}.spinner-md .spinner-dot{width:8px;height:8px}.spinner-lg .spinner-dot{width:12px;height:12px}.spinner-xl .spinner-dot{width:16px;height:16px}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.spinner-pulse{position:relative;display:inline-block}.spinner-pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--accent);border-radius:50%;animation:ripple 1.2s cubic-bezier(0,.2,.8,1) infinite}.spinner-pulse-ring:nth-child(2){animation-delay:.6s}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.marker-battlefield{background:none;border:none}.marker-battlefield-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-battlefield-container svg{position:absolute;top:0;left:0}.marker-battlefield-container .marker-main{filter:drop-shadow(0 0 8px var(--marker-color));z-index:3}.marker-battlefield-container .marker-pulse-1{animation:pulseBattlefield 2s ease-out infinite;z-index:1}.marker-battlefield-container .marker-pulse-2{animation:pulseBattlefield 2s ease-out infinite .5s;z-index:2}@keyframes pulseBattlefield{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.8);opacity:0}}.marker-battlefield-container:hover .marker-main{filter:drop-shadow(0 0 16px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-enhanced{background:none;border:none}.marker-enhanced-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-enhanced-container svg{position:absolute;top:0;left:0}.marker-enhanced-container .marker-main{filter:drop-shadow(0 0 10px var(--marker-color)) drop-shadow(0 0 5px var(--marker-color));z-index:5}.marker-enhanced-container .marker-pulse-1{animation:pulseEnhanced 1.7s ease-out infinite;z-index:1}.marker-enhanced-container .marker-pulse-2{animation:pulseEnhanced 1.7s ease-out infinite .28s;z-index:2}.marker-enhanced-container .marker-pulse-3{animation:pulseEnhanced 1.7s ease-out infinite .56s;z-index:3}.marker-enhanced-container .marker-pulse-4{animation:pulseEnhanced 1.7s ease-out infinite .84s;z-index:4}@keyframes pulseEnhanced{0%{transform:scale(.8);opacity:.7}to{transform:scale(2);opacity:0}}.marker-enhanced-container:hover .marker-main{filter:drop-shadow(0 0 20px var(--marker-color)) drop-shadow(0 0 10px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-hexagon{background:none;border:none}.marker-hexagon-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-hexagon-container svg{position:absolute;top:0;left:0}.marker-hexagon-container .marker-main{filter:drop-shadow(0 0 8px var(--marker-color));z-index:3}.marker-hexagon-container .marker-pulse-1{animation:pulseHexagon 2s ease-out infinite;z-index:1}.marker-hexagon-container .marker-pulse-2{animation:pulseHexagon 2s ease-out infinite .5s;z-index:2}@keyframes pulseHexagon{0%{transform:scale(.8) rotate(0);opacity:.6}to{transform:scale(1.8) rotate(30deg);opacity:0}}.marker-hexagon-container:hover .marker-main{filter:drop-shadow(0 0 16px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-circle{background:none;border:none}.marker-circle-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-circle-container svg{position:absolute;top:0;left:0}.marker-circle-container .marker-main{filter:drop-shadow(0 0 8px var(--marker-color));z-index:3}.marker-circle-container .marker-pulse-1{animation:pulseCircle 2s ease-out infinite;z-index:1}.marker-circle-container .marker-pulse-2{animation:pulseCircle 2s ease-out infinite .5s;z-index:2}@keyframes pulseCircle{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.8);opacity:0}}.marker-circle-container:hover .marker-main{filter:drop-shadow(0 0 16px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-pending-job{background:none;border:none}.marker-pending-job-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-pending-job-container svg{position:absolute;top:0;left:0}.marker-pending-job-container .marker-main{filter:drop-shadow(0 0 8px var(--marker-color));z-index:3}.marker-pending-job-container .marker-pulse-1{animation:pulseCircle 2s ease-out infinite;z-index:1}.marker-pending-job-container .marker-pulse-2{animation:pulseCircle 2s ease-out infinite .5s;z-index:2}.marker-pending-job-container:hover .marker-main{filter:drop-shadow(0 0 16px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-count-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;background:#f97316;border:2px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;box-shadow:0 2px 6px #f9731666;z-index:10;line-height:1}.marker-pending-job-container:hover .marker-count-badge{transform:scale(1.15);transition:transform .2s ease}.marker-square{background:none;border:none}.marker-square-container{position:relative;width:50px;height:50px;cursor:pointer}.marker-square-container svg{position:absolute;top:0;left:0}.marker-square-container .marker-main{filter:drop-shadow(0 0 8px var(--marker-color));z-index:3}.marker-square-container .marker-pulse-1{animation:pulseSquare 2s ease-out infinite;z-index:1}.marker-square-container .marker-pulse-2{animation:pulseSquare 2s ease-out infinite .5s;z-index:2}@keyframes pulseSquare{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.8);opacity:0}}.marker-square-container:hover .marker-main{filter:drop-shadow(0 0 16px var(--marker-color));transform:scale(1.1);transition:all .2s ease}.marker-spinning{background:none;border:none;cursor:pointer}.marker-spinning-container{position:relative;width:50px;height:50px}.marker-spin{position:absolute;top:0;left:0;animation:spinDiamond 3s linear infinite;filter:drop-shadow(0 0 8px var(--marker-color))}@keyframes spinDiamond{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marker-spinning-container:hover .marker-spin{filter:drop-shadow(0 0 16px var(--marker-color));animation-duration:2s}.marker-pin{background:none;border:none}.marker-pin svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transition:all .2s ease;cursor:pointer}.marker-pin:hover svg{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.leaflet-popup-content-wrapper,.asset-hover-popup{background:var(--surface, #ffffff);color:var(--fg, #323338);border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid var(--border, #c5c7d0);padding:0}.leaflet-popup-content,.leaflet-tooltip-content{margin:12px 16px;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:14px;line-height:1.5;min-width:180px}.leaflet-popup-tip,.leaflet-tooltip-top:before{background:var(--surface, #ffffff);border:1px solid var(--border, #c5c7d0);box-shadow:0 2px 8px #0000001a}.leaflet-popup-close-button{color:var(--fg-muted, #676879);font-size:20px;font-weight:400;padding:4px 8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.leaflet-popup-close-button:hover{color:var(--fg, #323338);background:var(--hover-bg, rgba(0, 0, 0, .05))}.leaflet-popup-content strong,.leaflet-tooltip-content strong{color:var(--fg, #323338);font-weight:600;display:block;margin-bottom:4px}.leaflet-popup-content p,.leaflet-tooltip-content p{margin:0;color:var(--fg-muted, #676879)}.asset-map-popup{min-width:180px}.asset-popup-name{font-size:16px;font-weight:600;color:var(--fg, #323338);margin:0 0 8px;display:flex;align-items:center;gap:8px}.asset-popup-field{font-size:14px;color:var(--fg, #323338);margin:6px 0;display:flex;align-items:baseline;gap:4px}.asset-popup-label{color:var(--fg-muted, #676879);font-weight:500}.asset-popup-field code{background:#0073ea1a;border:1px solid rgba(0,115,234,.3);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;font-weight:500;color:#0073ea}.asset-status-pill{display:inline-flex;align-items:center;padding:0 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.asset-status-pill.active{background:#00c875;color:#fff;box-shadow:0 0 8px #00c87566}.asset-status-pill.inactive{background:#e44258;color:#fff;box-shadow:0 0 8px #e4425866}@media (prefers-color-scheme: dark){.leaflet-popup-content-wrapper,.asset-hover-popup{background:var(--surface, #2a2e4d);color:var(--fg, #ffffff);border-color:var(--border, #676879);box-shadow:0 4px 16px #00000080}.leaflet-popup-tip,.leaflet-tooltip-top:before{background:var(--surface, #2a2e4d);border-color:var(--border, #676879)}.leaflet-popup-close-button{color:var(--fg-muted, #c5c7d0)}.leaflet-popup-close-button:hover{color:var(--fg, #ffffff);background:var(--hover-bg, rgba(255, 255, 255, .1))}.leaflet-popup-content strong,.leaflet-tooltip-content strong,.asset-popup-name{color:var(--fg, #ffffff)}.leaflet-popup-content p,.leaflet-tooltip-content p{color:var(--fg-muted, #c5c7d0)}.asset-popup-field{color:var(--fg, #ffffff)}.asset-popup-label{color:var(--fg-muted, #c5c7d0)}.asset-popup-field code{background:#0073ea1a;border:1px solid rgba(0,115,234,.3);font-weight:500;color:#0073ea}}.jobs-map-container{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.jobs-map-header{padding:16px;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.jobs-map-header h3{margin:0;font-size:18px;font-weight:600;color:var(--fg)}.jobs-map-title-row{display:flex;align-items:center;gap:12px}.vehicle-toggle-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--fg-3);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.vehicle-toggle-btn svg{width:14px;height:14px}.vehicle-toggle-btn:hover{background:var(--bg-3);border-color:var(--fg-3)}.vehicle-toggle-btn--active{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.vehicle-toggle-btn--active:hover{background:#22c55e26}.vehicle-marker{background:transparent}.vehicle-marker__outer{width:30px;height:30px;border-radius:50%;border:2.5px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;position:relative}.vehicle-marker__inner{display:flex;align-items:center;justify-content:center}.vehicle-marker__direction{position:absolute;top:-18px;left:50%;margin-left:-10px;width:20px;height:20px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));z-index:10}.vehicle-marker__direction svg{width:20px;height:20px}.vehicle-marker--moving .vehicle-marker__outer{animation:vehicle-pulse 2s infinite}@keyframes vehicle-pulse{0%{box-shadow:0 2px 8px #0006,0 0 #22c55e66}70%{box-shadow:0 2px 8px #0006,0 0 0 12px #22c55e00}to{box-shadow:0 2px 8px #0006,0 0 #22c55e00}}.vehicle-tooltip .tooltip-status.status-moving{background:#22c55e26!important;color:#22c55e!important}.vehicle-tooltip .tooltip-status.status-idle{background:#3b82f626!important;color:#3b82f6!important}.vehicle-tooltip .tooltip-status.status-speeding{background:#ef444426!important;color:#ef4444!important}.vehicle-tooltip .tooltip-status.status-offline{background:#6b728026!important;color:#6b7280!important}.vehicle-badge{background:#22c55e26!important;color:#22c55e!important}.map-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--bg-3);border-color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.jobs-map{height:500px;width:100%;position:relative;z-index:1}.map-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;background:var(--bg);padding:32px;border-radius:8px;box-shadow:0 4px 12px #00000026}.map-empty-state p{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--fg)}.map-empty-state span{font-size:14px;color:var(--fg-2)}.custom-marker{background:transparent;border:none}.marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#ef4444;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -15px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.marker-icon{transform:rotate(45deg);font-size:16px}.marker-pulse{width:14px;height:14px;border:2px solid #EF4444;border-radius:50%;position:absolute;left:50%;top:50%;margin:-12px 0 0 -7px;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.job-popup{min-width:220px;font-family:var(--font-base);padding:0}.job-popup-header{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f6f7fb;border-bottom:1px solid #d0d4e4}[data-theme=dark] .job-popup-header{background:#323338;border-bottom-color:#676879}.job-badge{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#323338;padding:4px 8px;border-radius:4px;background:#e6e9ef}[data-theme=dark] .job-badge{color:#fff;background:#676879}.job-popup-cit .job-badge{background:#10b9811a;color:#10b981}.job-popup-security-service .job-badge{background:#3b82f61a;color:#3b82f6}.job-popup-alarm .job-badge{background:#f43f5e1a;color:#f43f5e}.job-status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.job-status-badge.status-pending{background:#f973161a;color:#f97316}.job-status-badge.status-in-progress{background:#3b82f61a;color:#3b82f6}.job-status-badge.status-complete{background:#10b9811a;color:#10b981}.job-popup-body{padding:12px}.job-site-name{font-size:14px;font-weight:600;color:#323338;margin-bottom:6px;line-height:1.3}[data-theme=dark] .job-site-name{color:#fff}.job-site-address{font-size:12px;color:#676879;margin-bottom:6px;line-height:1.4}[data-theme=dark] .job-site-address{color:#c5c7d0}.job-customer{font-size:12px;color:#676879;padding-top:8px;margin-top:8px;border-top:1px solid #d0d4e4;font-weight:500}[data-theme=dark] .job-customer{color:#c5c7d0;border-top-color:#676879}.job-tooltip{font-family:var(--font-base);min-width:180px;max-width:280px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.tooltip-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--fg)}.tooltip-status{font-size:9px;font-weight:600;padding:2px 6px;border-radius:8px;text-transform:uppercase}.tooltip-status.status-pending{background:#f9731626;color:#f97316}.tooltip-status.status-in-progress{background:#3b82f626;color:#3b82f6}.tooltip-site{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:4px}.tooltip-customer{font-size:11px;color:var(--fg-2);margin-bottom:6px}.tooltip-hint{font-size:10px;color:var(--fg-3);font-style:italic;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);text-align:center}.leaflet-tooltip{background:var(--bg-2)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:10px 12px!important;backdrop-filter:blur(8px);color:var(--fg)!important}.leaflet-tooltip-top:before{border-top-color:var(--bg-2)!important}.leaflet-tooltip-bottom:before{border-bottom-color:var(--bg-2)!important}.leaflet-tooltip-left:before{border-left-color:var(--bg-2)!important}.leaflet-tooltip-right:before{border-right-color:var(--bg-2)!important}[data-theme=dark] .leaflet-tooltip,[data-theme=glass] .leaflet-tooltip,[data-theme=sentrac] .leaflet-tooltip,[data-theme=gamer] .leaflet-tooltip{box-shadow:0 4px 16px #0006!important}.leaflet-popup-content-wrapper{background:#fff!important;color:#323338!important;border:1px solid #d0d4e4!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:0!important}.leaflet-popup-content{margin:0!important;padding:0!important;width:auto!important}.leaflet-popup-tip{background:#fff!important;border:1px solid #d0d4e4!important}.leaflet-popup-close-button{color:#676879!important;font-size:18px!important}.leaflet-popup-close-button:hover{color:#323338!important}[data-theme=dark] .leaflet-popup-content-wrapper,html[data-theme=dark] .leaflet-popup-content-wrapper{background:#1f2128!important;color:#fff!important;border-color:#323338!important;box-shadow:0 4px 12px #00000080!important}[data-theme=dark] .leaflet-popup-tip,html[data-theme=dark] .leaflet-popup-tip{background:#1f2128!important;border-color:#323338!important}[data-theme=dark] .leaflet-popup-close-button,html[data-theme=dark] .leaflet-popup-close-button{color:#c5c7d0!important}[data-theme=dark] .leaflet-popup-close-button:hover,html[data-theme=dark] .leaflet-popup-close-button:hover{color:#fff!important}.map-legend{padding:12px 16px;background:var(--bg-2);border-top:1px solid var(--border)}.legend-title{font-size:12px;font-weight:600;color:var(--fg);margin-bottom:8px}.legend-grid{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-2)}.map-filters-collapsible{position:relative}.filters-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--fg);transition:all .2s ease}.filters-toggle:hover{background:var(--bg-3);border-color:var(--primary)}.filter-active-badge{background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.filters-chevron-up{transform:rotate(180deg);transition:transform .2s ease}.filters-chevron-down{transform:rotate(0);transition:transform .2s ease}.filters-expanded .map-filters{position:absolute;top:100%;right:0;margin-top:8px;padding:12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;display:flex;flex-direction:column;gap:8px;min-width:180px;animation:filtersSlideIn .2s ease}@keyframes filtersSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filters-expanded .filter-btn{width:100%;justify-content:flex-start;text-align:left}.map-legend-collapsible{padding:0}.map-legend-collapsible .legend-title{margin-bottom:0}.legend-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-2);border:none;border-top:1px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;color:var(--fg);transition:background .2s ease}.legend-toggle:hover{background:var(--bg-3)}.legend-chevron-up{transform:rotate(180deg);transition:transform .2s ease}.legend-chevron-down{transform:rotate(0);transition:transform .2s ease}.legend-expanded .legend-grid{padding:8px 16px 12px;animation:legendFadeIn .2s ease}@keyframes legendFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.legend-collapsed .legend-grid{display:none}@media (max-width: 768px){.jobs-map{height:400px}.jobs-map-header{flex-direction:column;align-items:flex-start}.map-filters{width:100%}.filter-btn{flex:1;min-width:0;font-size:12px;padding:8px 6px}.legend-grid{grid-template-columns:1fr;gap:8px}}.mini-calendar{width:100%;background:var(--surface);border-radius:12px;padding:16px}.mini-calendar--compact{padding:12px}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:8px 0}.mini-calendar--compact .mini-calendar-header{margin-bottom:12px;padding:4px 0}.mini-calendar-title{font-size:18px;font-weight:600;color:var(--fg);cursor:pointer;user-select:none}.mini-calendar--compact .mini-calendar-title{font-size:16px}.mini-calendar-nav-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mini-calendar--compact .mini-calendar-nav-btn{width:32px;height:32px;font-size:18px}.mini-calendar-nav-btn:hover{background:var(--surface-soft);border-color:var(--accent)}.mini-calendar-nav-btn:active{transform:scale(.95)}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-calendar--compact .mini-calendar-grid{gap:2px}.mini-calendar-day-label{text-align:center;font-size:11px;font-weight:600;color:var(--fg-muted);padding:8px 0;text-transform:uppercase;letter-spacing:.5px}.mini-calendar--compact .mini-calendar-day-label{font-size:10px;padding:6px 0}.mini-calendar-day{aspect-ratio:1;border-radius:8px;border:1px solid var(--border);background:var(--bg);padding:6px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:50px;position:relative;overflow:hidden}.mini-calendar--compact .mini-calendar-day{min-height:40px;padding:4px;border-radius:6px}.mini-calendar-day:hover{background:var(--surface-soft);border-color:var(--accent);transform:scale(1.02)}.mini-calendar-day.other-month{opacity:.3}.mini-calendar-day.other-month:hover{opacity:.5}.mini-calendar-day.today{border-color:#10b981;border-width:2px;background:color-mix(in oklab,#10b981 8%,var(--bg))}.mini-calendar-day.today .mini-calendar-day-number{color:#10b981;font-weight:700}.mini-calendar-day.selected{border-color:var(--accent);border-width:2px;background:color-mix(in oklab,var(--accent) 15%,var(--bg))}.mini-calendar-day.selected .mini-calendar-day-number{color:var(--accent);font-weight:700}.mini-calendar-day-number{font-size:14px;font-weight:500;color:var(--fg);margin-bottom:4px}.mini-calendar--compact .mini-calendar-day-number{font-size:12px;margin-bottom:2px}.mini-calendar-times{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:2px;flex:1}.mini-calendar-time-item{display:flex;align-items:center;gap:3px;font-size:.5625rem;font-weight:500;color:var(--fg);padding:2px 4px;border-left:3px solid var(--accent);background:#ffffff0d;border-radius:0 3px 3px 0;line-height:1.2}.mini-calendar-time-value{font-weight:600;color:var(--fg)}.mini-calendar-time-type{font-weight:500;color:var(--fg-muted);font-size:.5rem}.mini-calendar--compact .mini-calendar-time-item{font-size:.5rem;padding:1px 3px;gap:2px}.mini-calendar--compact .mini-calendar-time-type{font-size:.4375rem}.mini-calendar-count{font-size:9px;font-weight:600;color:var(--fg-muted);text-align:center;padding-top:1px}.mini-calendar--compact .mini-calendar-count{font-size:8px}.mini-calendar-dots{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center;margin-top:auto}.mini-calendar--compact .mini-calendar-dots{gap:2px}.mini-calendar-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 1px 2px #00000026}.mini-calendar--compact .mini-calendar-dot{width:5px;height:5px}.mini-calendar-time{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.mini-calendar--compact .mini-calendar-time{margin-top:12px;padding-top:12px}.mini-calendar-time-label{display:block;font-size:13px;font-weight:500;color:var(--fg);margin-bottom:8px}.mini-calendar-time-inputs{display:flex;gap:12px}.mini-calendar-time-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:14px;color-scheme:dark light}.mini-calendar-time-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}[data-theme=dark] .mini-calendar-time-input{color-scheme:dark}[data-theme=dark] .mini-calendar-time-input::-webkit-calendar-picker-indicator{filter:invert(1)}@media (max-width: 375px){.mini-calendar{padding:12px}.mini-calendar-day{min-height:44px;padding:4px}.mini-calendar-day-number{font-size:12px}.mini-calendar-dot{width:5px;height:5px}}.mini-calendar-cards{display:flex;flex-direction:column;gap:2px;width:100%;overflow:hidden;margin-top:2px}.mini-calendar-card{display:block;padding:2px 4px;background:color-mix(in oklab,var(--card-color) 18%,var(--bg));border-radius:3px;border-left:2px solid var(--card-color);overflow:hidden;max-width:100%;transition:all .15s ease}.mini-calendar-card--clickable{cursor:pointer}.mini-calendar-card--clickable:hover{background:color-mix(in oklab,var(--card-color) 28%,var(--bg));transform:translate(2px);box-shadow:0 1px 3px #00000026}.mini-calendar-card-indicator{display:none}.mini-calendar-card-title{font-size:.5625rem;font-weight:600;color:var(--fg);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mini-calendar-card-subtitle{font-size:.5rem;color:var(--fg-muted);line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:1px}.mini-calendar-cards.cards-1 .mini-calendar-card-subtitle,.mini-calendar-cards.cards-2 .mini-calendar-card-subtitle{display:-webkit-box}.mini-calendar-cards.cards-3 .mini-calendar-card-subtitle,.mini-calendar-cards.cards-4 .mini-calendar-card-subtitle{display:none}.mini-calendar-cards.cards-1 .mini-calendar-card{padding:3px 5px}.mini-calendar-cards.cards-1 .mini-calendar-card-title{font-size:.625rem;-webkit-line-clamp:2}.mini-calendar-cards.cards-1 .mini-calendar-card-subtitle{font-size:.5625rem}.mini-calendar-cards.cards-3 .mini-calendar-card-title,.mini-calendar-cards.cards-4 .mini-calendar-card-title{-webkit-line-clamp:1;font-size:.5rem}.mini-calendar-card-dot{display:none}.mini-calendar-card.overdue,.mini-calendar-card.urgent{background:#ef444433;border-left-color:#ef4444}.mini-calendar-card.overdue .mini-calendar-card-title,.mini-calendar-card.urgent .mini-calendar-card-title{color:#fca5a5}.mini-calendar-card-badge{display:inline-block;font-size:.4375rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:#ef4444;color:#fff;padding:1px 3px;border-radius:2px;margin-right:3px}.mini-calendar-card.stale{background:#f59e0b33;border-left-color:#f59e0b}.mini-calendar-card.stale .mini-calendar-card-title{color:#fcd34d}.mini-calendar-card-badge.stale,.mini-calendar-card-badge.confirm{background:#f59e0b}.mini-calendar-card.completed{opacity:.55;filter:grayscale(30%)}.mini-calendar-card.completed .mini-calendar-card-title{text-decoration:line-through;text-decoration-thickness:1px}.mini-calendar-card-badge.completed{background:#22c55e}.mini-calendar-card.credential{background:color-mix(in oklab,#f59e0b 12%,var(--bg));border-left-color:#f59e0b}.mini-calendar-card.credential .mini-calendar-card-title{color:#fcd34d}.mini-calendar-card.credential-urgent{background:color-mix(in oklab,#ef4444 15%,var(--bg));border-left-color:#ef4444}.mini-calendar-card.credential-urgent .mini-calendar-card-title{color:#fca5a5}.mini-calendar-card-badge.credential{background:#f59e0b}.drawer-icon-rail{display:flex;flex-direction:column;width:48px;background:var(--bg-subtle);padding:8px 0;gap:4px;flex-shrink:0}.icon-rail-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 4px;padding:0;border:none;background:transparent;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .15s ease}.icon-rail-btn:hover{background:var(--surface-soft);color:var(--text)}.icon-rail-btn.active{background:var(--accent-soft, rgba(59, 130, 246, .15));color:var(--accent)}.icon-rail-icon{display:flex;align-items:center;justify-content:center}.icon-rail-icon svg{width:18px;height:18px}.icon-rail-badge{position:absolute;top:2px;right:0;min-width:14px;height:14px;padding:0 3px;background:var(--accent);color:#fff;font-size:9px;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:center;line-height:1}.icon-rail-badge.complete{background:var(--success)}.icon-rail-badge.dot{min-width:8px;width:8px;height:8px;padding:0;top:4px;right:4px}.icon-rail-indicator{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:2px 0 0 2px}.icon-rail-divider{width:24px;height:1px;margin:8px auto;background:var(--border)}.icon-rail-btn.icon-rail-action{color:var(--accent)}.icon-rail-btn.icon-rail-action:hover:not(.disabled){background:var(--accent-soft, rgba(59, 130, 246, .15))}.icon-rail-btn.icon-rail-action.disabled{opacity:.4;cursor:not-allowed}.icon-rail-btn.icon-rail-action.disabled:hover{background:transparent;color:var(--muted)}.side-panel{display:flex;flex-direction:column;width:280px;height:100%;background:var(--card);border-right:1px solid var(--border);flex-shrink:0;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0}.side-panel-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--text)}.side-panel-header h3 svg{width:16px;height:16px;color:var(--muted)}.side-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.side-panel-close:hover{background:var(--surface-soft);color:var(--text)}.side-panel-close svg{width:16px;height:16px}.side-panel-content{flex:1;overflow-y:auto;padding:12px}.side-panel-footer{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.links-loading,.links-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.links-empty-hint{margin-top:8px;font-size:12px;opacity:.7}.links-list{display:flex;flex-direction:column;gap:16px}.links-section{display:flex;flex-direction:column;gap:6px}.links-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 4px;margin-bottom:2px}.link-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.link-item:hover{background:var(--surface-soft);border-color:var(--border-hover, var(--border))}.link-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--muted);font-size:14px}.link-item-icon svg{width:14px;height:14px}.link-item-content{flex:1;min-width:0}.link-item-title{display:block;font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item-subtitle{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;opacity:0;transition:all .15s ease}.link-item:hover .link-item-remove{opacity:1}.link-item-remove:hover{background:var(--danger-soft, rgba(239, 68, 68, .15));color:var(--danger, #ef4444)}.link-item-remove svg{width:12px;height:12px}.link-badge{padding:2px 6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0}.link-badge--blocks{background:#ef444426;color:#ef4444}.link-badge--blocked{background:#f9731626;color:#f97316}.link-badge--duplicate{background:#6b728026;color:#6b7280}.add-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:1px dashed var(--border);background:transparent;color:var(--muted);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.add-link-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .1))}.add-link-btn svg{width:14px;height:14px}.add-link-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease;isolation:isolate}.add-link-modal{width:480px;max-width:90vw;max-height:80vh;background:var(--card, #1e293b);background-color:var(--card, #1e293b);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;animation:slideUp .2s ease;opacity:1}.add-link-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.add-link-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.modal-close:hover{background:var(--surface-soft);color:var(--text)}.add-link-modal-body{flex:1;padding:20px;overflow-y:auto}.link-type-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.link-type-btn{padding:8px 12px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.link-type-btn:hover{border-color:var(--accent);color:var(--accent)}.link-type-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.link-search{position:relative;margin-bottom:12px}.link-search input{width:100%;padding:10px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:13px}.link-search input:focus{outline:none;border-color:var(--accent)}.link-search-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:12px}.link-search-results{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.link-search-item{padding:10px 12px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border)}.link-search-item:last-child{border-bottom:none}.link-search-item:hover{background:var(--bg-subtle)}.link-search-item.selected{background:var(--accent-soft, rgba(59, 130, 246, .15))}.link-search-item-name{font-size:13px;color:var(--text)}.link-search-empty,.link-search-hint,.link-search-loading{padding:20px;text-align:center;color:var(--muted);font-size:13px}.link-search-loading{color:var(--accent)}.link-relationship{margin-bottom:16px}.link-relationship label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}.link-relationship select{width:100%;padding:10px 12px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:13px}.add-link-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.btn-cancel{padding:10px 16px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.btn-cancel:hover{background:var(--surface-soft);color:var(--text)}.btn-add{padding:10px 16px;border:none;background:var(--accent);color:#fff;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.btn-add:hover{background:var(--accent-hover)}.btn-add:disabled{opacity:.5;cursor:not-allowed}.pdf-annotation-overlay{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .9));z-index:50000;display:flex;align-items:center;justify-content:center;animation:pdfFadeIn .2s ease}@keyframes pdfFadeIn{0%{opacity:0}to{opacity:1}}.pdf-annotation-viewer{display:flex;flex-direction:column;width:96vw;height:96vh;max-width:none;max-height:96vh;background:var(--bg-2, #1a1a1a);overflow:hidden;border-radius:12px;box-shadow:var(--shadow, 0 25px 50px -12px rgba(0, 0, 0, .5))}@media (min-width: 1600px){.pdf-annotation-viewer{width:97vw;height:97vh;border-radius:8px}}@media (min-width: 2000px){.pdf-annotation-viewer{width:98vw;height:98vh}}.pdf-viewer-body{display:flex;flex:1;min-height:0;overflow:hidden}.pdf-sidebar{display:flex;flex-direction:column;width:180px;background:var(--bg-alt, #202020);border-right:1px solid var(--border, #333);transition:width .2s ease,opacity .2s ease;overflow:hidden;flex-shrink:0}@media (min-width: 1600px){.pdf-sidebar{width:200px}}@media (min-width: 2000px){.pdf-sidebar{width:220px}}.pdf-sidebar.closed{width:0;border-right:none}.pdf-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-3, #252525);border-bottom:1px solid var(--border, #333);font-size:13px;font-weight:500;color:var(--muted, #999)}.pdf-sidebar-close{display:none}.pdf-sidebar-count{background:var(--bg-3, #333);padding:2px 8px;border-radius:10px;font-size:11px;color:var(--text, #ccc)}.pdf-sidebar-pages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.pdf-sidebar-loading{display:flex;align-items:center;justify-content:center;padding:20px}.pdf-thumbnail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:var(--bg-alt, #2a2a2a);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.pdf-thumbnail:hover{background:var(--bg-3, #333);border-color:var(--border, #444)}.pdf-thumbnail.active{border-color:#3b82f6;background:#3b82f620}.pdf-thumbnail img{max-width:100%;height:auto;border-radius:2px;box-shadow:0 2px 4px #0000004d}.pdf-thumbnail-num{font-size:11px;color:var(--muted, #999)}.pdf-thumbnail.active .pdf-thumbnail-num{color:#3b82f6;font-weight:600}.pdf-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--muted, #999);cursor:pointer;transition:all .15s ease;margin-right:8px}.pdf-sidebar-toggle:hover{background:#ffffff1a;color:var(--text, #fff);border-color:var(--muted, #666)}.pdf-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-3, #252525);border-bottom:1px solid var(--border, #333);flex-shrink:0;min-height:48px;z-index:10}.pdf-viewer-title{display:flex;align-items:center;gap:12px}.pdf-filename{font-size:14px;font-weight:500;color:var(--text, #fff);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-unsaved-badge{font-size:11px;font-weight:600;padding:2px 8px;background:#f59e0b;color:#000;border-radius:10px;text-transform:uppercase}.pdf-viewer-actions{display:flex;align-items:center;gap:4px}.pdf-action-divider{width:1px;height:24px;background:#444;margin:0 8px}.pdf-zoom-label{font-size:12px;color:var(--muted, #999);min-width:48px;text-align:center}.pdf-viewer-header .sqr-btn,.pdf-viewer-header .sqr-btn.ghost{color:var(--text, #333);border-color:var(--border, #ddd);background:var(--bg-3, rgba(0, 0, 0, .05))}.pdf-viewer-header .sqr-btn svg,.pdf-viewer-header .sqr-btn.ghost svg{stroke:var(--text, #333);color:var(--text, #333)}.pdf-viewer-header .sqr-btn:hover:not(:disabled),.pdf-viewer-header .sqr-btn.ghost:hover:not(:disabled){color:var(--text, #000);background:var(--bg-alt, rgba(0, 0, 0, .08));border-color:var(--border, #ccc)}.pdf-viewer-header .sqr-btn:hover svg,.pdf-viewer-header .sqr-btn.ghost:hover svg{stroke:var(--text, #000);color:var(--text, #000)}.pdf-viewer-header .sqr-btn:disabled,.pdf-viewer-header .sqr-btn.ghost:disabled{opacity:.35}.pdf-viewer-header .sqr-btn.primary,.pdf-viewer-header button.sqr-btn:not(.ghost):not(.secondary){color:var(--text, #fff);background:#3b82f6;border-color:#3b82f6}.pdf-viewer-header .sqr-btn.primary svg{stroke:#fff}.pdf-viewer-header .sqr-btn.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.pdf-annotation-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-alt, #2a2a2a);border-bottom:1px solid var(--border, #333);flex-shrink:0;overflow-x:auto;min-height:52px;z-index:10}.pdf-tool-group{display:flex;align-items:center;gap:2px;background:var(--bg-3, #333);border-radius:6px;padding:2px}.pdf-tool-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 10px;background:transparent;border:none;border-radius:4px;color:var(--text, #333);cursor:pointer;transition:all .15s ease;font-size:12px;white-space:nowrap}.pdf-tool-btn:hover{background:var(--bg-3, rgba(0, 0, 0, .1));color:var(--text, #333)}.pdf-tool-btn.active{background:#3b82f6;color:#fff}.pdf-tool-btn svg{width:18px;height:18px;flex-shrink:0}.pdf-tool-divider{width:1px;height:28px;background:var(--border, #ddd);margin:0 4px}.pdf-color-picker{display:flex;align-items:center;gap:4px}.pdf-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.pdf-color-btn:hover{transform:scale(1.1)}.pdf-color-btn.active{border-color:var(--text, #fff);box-shadow:0 0 0 2px #ffffff4d}.pdf-mobile-only{display:none}.pdf-desktop-only,.pdf-hide-mobile{display:flex}.pdf-color-dropdown{position:relative}.pdf-color-trigger{display:flex;align-items:center;gap:4px}.pdf-color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.pdf-color-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--bg-2, #2a2a2a);border:1px solid var(--border, #444);border-radius:8px;padding:8px;z-index:100;min-width:140px;box-shadow:0 4px 20px #0006}.pdf-color-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text, #fff);font-size:13px;text-transform:capitalize}.pdf-color-option:hover{background:#ffffff1a}.pdf-color-option.active{background:#3b82f633}.pdf-color-option .pdf-color-swatch{width:20px;height:20px}.pdf-viewer-content{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px;background:var(--bg-2, #1a1a1a);min-height:0}.pdf-page-container{position:relative;box-shadow:0 4px 20px #00000080;transition:transform .2s ease;max-width:100%;transform-origin:top center}.pdf-tool-mode-indicator{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#000000d9;backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffffe6;z-index:100;pointer-events:none;transition:all .2s ease}.pdf-tool-mode-indicator svg{width:16px;height:16px;opacity:.9}.pdf-tool-mode-indicator.mode-select svg{color:#60a5fa}.pdf-tool-mode-indicator.mode-symbol svg{color:#34d399}.pdf-tool-mode-indicator.mode-connect svg{color:#f59e0b}.pdf-tool-mode-label{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mode-select .pdf-tool-mode-label{color:#60a5fa}.mode-symbol .pdf-tool-mode-label{color:#34d399}.mode-connect .pdf-tool-mode-label{color:#f59e0b}.pdf-tool-mode-hint{color:#fff9;border-left:1px solid rgba(255,255,255,.2);padding-left:8px;font-size:11px}@media (max-width: 768px){.pdf-tool-mode-indicator{bottom:8px;left:8px;padding:6px 10px;font-size:10px}.pdf-tool-mode-hint{display:none}}.pdf-canvas{display:block}.pdf-annotation-canvas{position:absolute;top:0;left:0;touch-action:none}.pdf-text-layer{position:absolute;inset:0;pointer-events:none}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted, #999)}.pdf-loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#3b82f6;border-radius:50%;animation:pdfSpin .8s linear infinite}@keyframes pdfSpin{to{transform:rotate(360deg)}}.pdf-error{display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:14px}.pdf-viewer-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:var(--bg-3, #252525);border-top:1px solid var(--border, #333);flex-shrink:0}.pdf-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #ccc);cursor:pointer;transition:all .15s ease}.pdf-nav-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--muted, #666);color:var(--text, #fff)}.pdf-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-nav-btn svg{width:18px;height:18px}.pdf-page-info{font-size:13px;color:var(--muted, #999);display:flex;align-items:center;gap:8px}.pdf-page-input{width:48px;padding:4px 8px;background:var(--bg-3, #333);border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #fff);font-size:13px;text-align:center}.pdf-page-input:focus{outline:none;border-color:#3b82f6}@media (max-width: 768px){.pdf-annotation-viewer{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.pdf-sidebar{width:120px}.pdf-sidebar.closed{width:0}.pdf-sidebar-header{padding:8px 12px}.pdf-sidebar-pages{padding:8px;gap:6px}.pdf-thumbnail{padding:6px}.pdf-viewer-header{padding:8px 12px;flex-wrap:wrap;gap:8px}.pdf-viewer-title{order:1;flex:1}.pdf-viewer-actions{order:2;flex-wrap:wrap}.pdf-filename{max-width:150px;font-size:13px}.pdf-annotation-toolbar{padding:8px 12px;gap:6px}.pdf-tool-btn{min-width:40px;height:40px}.pdf-tool-btn span{display:none}.pdf-color-btn{width:28px;height:28px}.pdf-viewer-content{padding:10px}.pdf-action-divider{display:none}}@media (hover: none){.pdf-tool-btn:active{background:#fff3}.pdf-nav-btn:active:not(:disabled){background:#ffffff26}}@supports (padding-top: env(safe-area-inset-top)){.pdf-viewer-header{padding-top:calc(8px + env(safe-area-inset-top))}.pdf-viewer-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.pdf-symbol-library{display:flex;flex-direction:column;width:220px;background:var(--bg-alt, #202020);border-left:1px solid #333;overflow:hidden;flex-shrink:0}@media (min-width: 1600px){.pdf-symbol-library{width:260px}}@media (min-width: 2000px){.pdf-symbol-library{width:300px}}.pdf-symbol-library-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-3, #252525);border-bottom:1px solid var(--border, #333);font-size:13px;font-weight:500;color:var(--text, #fff)}.pdf-symbol-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--muted, #999);cursor:pointer;transition:all .15s ease}.pdf-symbol-close:hover{background:#ffffff1a;color:var(--text, #fff)}.pdf-symbol-categories{flex:1;overflow-y:auto;padding:12px}.pdf-symbol-category{margin-bottom:16px}.pdf-symbol-category-header{display:flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border-radius:6px;border-left:none;margin-bottom:6px;font-size:11px;font-weight:600;color:var(--text, #ccc);text-transform:uppercase;letter-spacing:.5px}.pdf-symbol-category-header:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.pdf-symbol-items{display:flex;flex-direction:column;gap:4px}.pdf-symbol-items--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pdf-symbol-items--list{display:flex;flex-direction:column;gap:4px}.pdf-symbol-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;color:var(--text, #ccc)}.pdf-symbol-items--grid .pdf-symbol-item{flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;text-align:center;border-radius:8px;border:1px solid var(--border, #333);background:transparent}.pdf-symbol-item:hover{background:var(--bg-alt, #2a2a2a);border-color:var(--border, #444)}.pdf-symbol-items--grid .pdf-symbol-item:hover{background:#3b82f61a;border-color:#3b82f666}.pdf-symbol-item.selected{background:#3b82f633;border-color:#3b82f6}.pdf-symbol-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0;overflow:hidden}.pdf-symbol-items--grid .pdf-symbol-icon{width:28px;height:28px}.pdf-symbol-icon svg{width:100%;height:100%}.pdf-symbol-icon img{width:100%;height:100%;object-fit:contain}.pdf-symbol-label{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-symbol-items--grid .pdf-symbol-label{font-size:10px;max-width:100%;line-height:1.2}.pdf-symbol-selected{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-3, #252525);border-top:1px solid var(--border, #333);font-size:12px;color:var(--muted, #999)}.pdf-symbol-icon-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;overflow:hidden}.pdf-symbol-icon-small svg{width:100%;height:100%}.pdf-symbol-icon-small img{width:100%;height:100%;object-fit:contain}.pdf-symbol-summary{display:flex;align-items:center;gap:12px;margin-left:auto;padding:6px 12px 6px 16px;border:none;border-left:1px solid #444;background:transparent;cursor:pointer;border-radius:4px;transition:background .15s ease;font-family:inherit}.pdf-symbol-summary:hover{background:#ffffff14}.pdf-symbol-summary.active{background:#3b82f626;border-left-color:#3b82f6}.pdf-symbol-count-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text, #ccc)}.pdf-symbol-count-item.pdf-ai-pending{color:#f59e0b}.pdf-symbol-dot{width:10px;height:10px;border-radius:50%}.pdf-symbol-total{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted, #999);padding-left:8px;border-left:1px solid #444}.pdf-symbol-expand-icon{font-size:10px;opacity:.7;transition:transform .15s ease}.pdf-symbol-summary:hover .pdf-symbol-expand-icon{opacity:1}.pdf-symbol-summary.active .pdf-symbol-expand-icon{color:#3b82f6}@media (max-width: 768px){.pdf-symbol-library{width:180px}.pdf-symbol-category-header{padding:6px 10px;font-size:11px}.pdf-symbol-item{padding:6px 10px}.pdf-symbol-icon{width:24px;height:24px;font-size:14px}.pdf-symbol-label{font-size:11px}.pdf-symbol-summary{display:none}}.pdf-ai-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:var(--text, #fff)!important;position:relative}.pdf-ai-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}.pdf-ai-btn.has-suggestions{animation:pdf-ai-pulse 2s infinite}@keyframes pdf-ai-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 6px #8b5cf600}}.pdf-ai-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:var(--text, #fff);font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.pdf-ai-modal-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:pdfFadeIn .2s ease}.pdf-ai-modal{background:var(--bg-3, #252525);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #00000080;border:1px solid var(--border, #333)}.pdf-ai-modal h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text, #fff)}.pdf-ai-modal-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;color:var(--text, #fff)}.pdf-ai-modal-icon svg{width:32px;height:32px}.pdf-ai-modal-icon.success{background:linear-gradient(135deg,#10b981,#059669);font-size:28px}.pdf-ai-modal-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);font-size:28px}.pdf-ai-modal-desc{color:var(--muted, #999);margin:0 0 8px;font-size:14px}.pdf-ai-modal-cost{color:#8b5cf6;margin:0 0 24px;font-size:13px;font-weight:500}.pdf-ai-modal-success{color:#10b981;margin:0 0 16px;font-size:14px}.pdf-ai-modal-success strong{font-size:24px;display:block;margin-bottom:4px}.pdf-ai-modal-error{color:#ef4444;margin:0 0 24px;font-size:14px}.pdf-ai-modal-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.pdf-ai-modal-summary span{background:var(--bg-3, #333);padding:4px 10px;border-radius:12px;font-size:12px;color:var(--text, #ccc)}.pdf-ai-modal-actions{display:flex;gap:12px;justify-content:center}.pdf-ai-modal-actions .sqr-btn{min-width:120px}.pdf-ai-modal-info{background:#1e1e1e;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:left}.pdf-ai-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.pdf-ai-info-row:not(:last-child){border-bottom:1px solid var(--border, #333)}.pdf-ai-info-label{color:var(--muted, #888);font-size:13px}.pdf-ai-info-value{color:var(--text, #fff);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.pdf-ai-byok-badge{background:#10b981;color:var(--text, #fff);font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.pdf-ai-modal-usage{background:#1e1e1e;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:left}.pdf-ai-usage-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border, #333)}.pdf-ai-usage-header span:first-child{color:var(--muted, #888);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.pdf-ai-usage-total{color:#8b5cf6;font-size:16px;font-weight:600}.pdf-ai-usage-breakdown{display:flex;flex-direction:column;gap:6px}.pdf-ai-usage-row{display:flex;justify-content:space-between;align-items:center}.pdf-ai-usage-feature{color:var(--text, #ccc);font-size:13px;text-transform:capitalize}.pdf-ai-usage-count{color:var(--muted, #888);font-size:12px}.pdf-ai-usage-empty{color:var(--muted, #666);font-size:13px;font-style:italic;margin:0;text-align:center;padding:8px 0}.pdf-ai-modal-categories{background:#1e1e1e;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:left}.pdf-ai-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pdf-ai-categories-header span{color:var(--muted, #888);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.pdf-ai-select-all{background:transparent;border:1px solid var(--border, #444);color:var(--muted, #888);font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.pdf-ai-select-all:hover{background:var(--bg-3, #333);color:var(--text, #fff);border-color:var(--border, #555)}.pdf-ai-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pdf-ai-category-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-3, #252525);border:2px solid #333;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;color:var(--text, #ccc)}.pdf-ai-category-chip:hover{background:var(--bg-alt, #2a2a2a);border-color:var(--border, #444)}.pdf-ai-category-chip.selected{background:color-mix(in srgb,var(--chip-color) 15%,#1e1e1e);border-color:var(--chip-color);color:var(--text, #fff)}.pdf-ai-category-chip input[type=checkbox]{display:none}.pdf-ai-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;opacity:.5;transition:opacity .15s ease}.pdf-ai-category-chip.selected .pdf-ai-chip-dot{opacity:1}.pdf-ai-categories-hint{margin:10px 0 0;font-size:11px;color:var(--muted, #666);text-align:center}.pdf-ai-disclaimer{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;margin:16px 0;font-size:12px;color:#fbbf24;line-height:1.5;text-align:left}.pdf-ai-disclaimer-icon{flex-shrink:0;font-size:14px}.pdf-ai-disclaimer strong{color:#fcd34d}.pdf-ai-mode-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;margin:12px 0 4px;cursor:pointer;user-select:none}.pdf-ai-mode-toggle input[type=checkbox]{accent-color:#8b5cf6;width:16px;height:16px;cursor:pointer}.pdf-ai-mode-toggle-label{font-size:13px;font-weight:600;color:var(--fg, #e0e0e0)}.pdf-ai-mode-toggle-hint{font-size:11px;color:var(--fg-muted, #888);width:100%;padding-left:24px;margin-top:-4px}.pdf-ai-spinner{width:48px;height:48px;border:3px solid #333;border-top-color:#8b5cf6;border-radius:50%;margin:0 auto 16px;animation:pdfSpin .8s linear infinite}.pdf-ai-progress-text{color:var(--muted, #999);margin:0 0 16px;font-size:14px}.pdf-ai-progress-bar{width:100%;height:8px;background:var(--bg-3, #333);border-radius:4px;overflow:hidden}.pdf-ai-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;transition:width .3s ease}.pdf-ai-results-panel{display:flex;flex-direction:column;width:240px;background:var(--bg-alt, #202020);border-left:1px solid #333;overflow:hidden;flex-shrink:0}.pdf-ai-results-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#8b5cf620,#6366f120);border-bottom:1px solid var(--border, #333)}.pdf-ai-results-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text, #fff)}.pdf-ai-results-title svg{width:16px;height:16px;color:#8b5cf6}.pdf-ai-results-actions{display:flex;gap:4px}.pdf-ai-copy-btn,.pdf-ai-export-btn,.pdf-ai-clear-all{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #ccc);cursor:pointer;transition:all .15s ease}.pdf-ai-copy-btn:hover{background:#3b82f6;border-color:#3b82f6;color:var(--text, #fff)}.pdf-ai-export-btn:hover{background:#10b981;border-color:#10b981;color:var(--text, #fff)}.pdf-ai-clear-all:hover{background:#ef4444;border-color:#ef4444;color:var(--text, #fff)}.pdf-ai-copy-btn svg,.pdf-ai-export-btn svg,.pdf-ai-clear-all svg{width:14px;height:14px}.pdf-ai-results-summary{padding:16px;border-bottom:1px solid var(--border, #333)}.pdf-ai-total-count{font-size:14px;color:var(--text, #ccc);margin-bottom:16px;text-align:center;padding:16px;background:linear-gradient(135deg,#8b5cf620,#6366f120);border-radius:8px}.pdf-ai-total-count strong{font-size:36px;color:#8b5cf6;display:block;margin-bottom:4px;font-weight:700}.pdf-ai-total-count span{font-size:12px;color:var(--muted, #999);text-transform:uppercase;letter-spacing:1px}.pdf-ai-category{margin-bottom:12px}.pdf-ai-category-header{font-size:11px;font-weight:600;color:var(--muted, #999);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;background:var(--bg-alt, #2a2a2a);border-left:3px solid;border-radius:4px;margin-bottom:6px}.pdf-ai-type-counts{display:flex;flex-direction:column;gap:8px}.pdf-ai-type-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted, #999)}.pdf-ai-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pdf-ai-type-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-ai-type-count{font-weight:600;color:var(--text, #ccc)}.pdf-ai-page-list{flex:1;overflow-y:auto;padding:12px}.pdf-ai-page-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-alt, #2a2a2a);border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all .15s ease}.pdf-ai-page-row:hover{background:var(--bg-3, #333)}.pdf-ai-page-row.active{background:#8b5cf633;border:1px solid #8b5cf6}.pdf-ai-page-num{font-size:12px;color:var(--text, #ccc);font-weight:500}.pdf-ai-page-count{flex:1;font-size:11px;color:var(--muted, #999);text-align:right}.pdf-ai-accept-page{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b981;border:none;border-radius:4px;color:var(--text, #fff);cursor:pointer;transition:all .15s ease}.pdf-ai-accept-page:hover{background:#059669}.pdf-ai-accept-page svg{width:14px;height:14px}.pdf-ai-page-breakdown{padding:12px;border-bottom:1px solid var(--border, #333)}.pdf-ai-breakdown-header{font-size:11px;font-weight:600;color:var(--muted, #999);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pdf-ai-panel-actions{padding:12px}.pdf-ai-accept-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:var(--text, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.pdf-ai-accept-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.pdf-ai-accept-all-btn svg{width:16px;height:16px}.pdf-ai-help{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--bg-3, #252525);border-top:1px solid var(--border, #333);font-size:11px;color:var(--muted, #666)}@media (max-width: 768px){.pdf-ai-results-panel{width:200px}.pdf-ai-modal{padding:24px}.pdf-ai-modal h3{font-size:18px}.pdf-ai-accept-all span{display:none}}.pdf-tool-panel{display:flex;flex-direction:column;width:280px;max-height:calc(100vh - 120px);background:var(--bg, #1a1a1a);border-left:1px solid var(--border, #333);overflow:hidden;flex-shrink:0}@media (min-width: 1600px){.pdf-tool-panel{width:320px}}@media (max-width: 1200px){.pdf-tool-panel{width:260px}}@media (max-width: 768px){.pdf-tool-panel{width:240px}}.pdf-tool-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#3b82f614,#10b98114);border-bottom:1px solid var(--border, #333);flex-shrink:0}.pdf-tool-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--text, #fff)}.pdf-tool-panel-title svg{width:16px;height:16px;color:#3b82f6}.pdf-tool-panel-close{background:transparent;border:none;color:var(--muted, #888);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.pdf-tool-panel-close:hover{background:var(--bg-3, #333);color:var(--text, #fff)}.pdf-tool-panel-close svg{width:14px;height:14px}.pdf-tool-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.pdf-tool-panel-content .pdf-symbol-categories{padding:8px}.pdf-tool-panel-content .pdf-cable-section{padding:12px 14px}.pdf-tool-panel-content .pdf-cable-help{padding:12px 14px;background:#3b82f60d;margin:12px;border-radius:6px;border:1px solid rgba(59,130,246,.15)}.pdf-tool-panel-content .pdf-cable-help p{margin:4px 0;font-size:12px;color:var(--muted, #888)}.pdf-tool-panel-content .pdf-cable-status{padding:12px 14px;background:#10b9811a;border-bottom:1px solid rgba(16,185,129,.2)}.pdf-takeoff-panel{display:flex;flex-direction:column;width:280px;background:var(--bg-2, #1a1a1a);border-left:1px solid #333;overflow:hidden;flex-shrink:0}@media (min-width: 1600px){.pdf-takeoff-panel{width:320px}}@media (min-width: 2000px){.pdf-takeoff-panel{width:360px}}.pdf-takeoff-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#3b82f610,#10b98110);border-bottom:1px solid var(--border, #333)}.pdf-takeoff-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text, #fff)}.pdf-takeoff-title svg{width:16px;height:16px;color:#3b82f6}.pdf-takeoff-mobile-arrow{display:none;margin-left:auto}.pdf-takeoff-actions{display:flex;gap:4px}.pdf-takeoff-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--muted, #888);cursor:pointer;transition:all .15s ease}.pdf-takeoff-btn:hover{background:#3b82f6;border-color:#3b82f6;color:var(--text, #fff)}.pdf-takeoff-btn svg{width:14px;height:14px}.pdf-export-dropdown{position:relative}.pdf-export-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg, #1a1a1a);border:1px solid var(--border, #333);border-radius:8px;box-shadow:0 4px 20px #0006;z-index:1000;min-width:220px;overflow:hidden}.pdf-export-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--fg, #fff);cursor:pointer;text-align:left;transition:background .15s}.pdf-export-option:hover{background:var(--bg-alt, #252525)}.pdf-export-option:first-child{border-bottom:1px solid var(--border, #333)}.pdf-export-icon{font-size:20px;width:28px;text-align:center}.pdf-export-label{display:flex;flex-direction:column;gap:2px}.pdf-export-label strong{font-size:13px;font-weight:600}.pdf-export-label small{font-size:11px;color:var(--muted, #888)}.pdf-takeoff-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-alt, #202020);border-bottom:1px solid var(--border, #333)}.pdf-takeoff-total{display:flex;align-items:baseline;gap:6px}.pdf-takeoff-total strong{font-size:24px;color:#3b82f6}.pdf-takeoff-total span{font-size:12px;color:var(--muted, #888)}.pdf-takeoff-pending-badge{font-size:11px;font-weight:500;padding:3px 8px;background:#fbbf2433;color:#fbbf24;border-radius:10px}.pdf-takeoff-scroll-area{flex:1;overflow-y:auto;min-height:0}.pdf-takeoff-categories{padding:8px 0}.pdf-takeoff-category{margin-bottom:2px}.pdf-takeoff-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;border-left:3px solid var(--cat-color, #666);color:var(--text, #fff);cursor:pointer;transition:all .15s ease;text-align:left;font-size:13px}.pdf-takeoff-category-header:hover{background:#ffffff0d}.pdf-takeoff-chevron{font-size:10px;color:var(--muted, #666);width:12px}.pdf-takeoff-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pdf-takeoff-cat-label{flex:1;font-weight:500}.pdf-takeoff-cat-count{font-size:12px;font-weight:600;color:var(--muted, #888);padding:2px 6px;background:var(--bg-3, #333);border-radius:10px}.pdf-takeoff-items{padding-left:12px}.pdf-takeoff-type{margin-bottom:1px}.pdf-takeoff-type-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text, #ccc);cursor:pointer;transition:all .15s ease;text-align:left;font-size:12px}.pdf-takeoff-type-header:hover{background:#ffffff08}.pdf-takeoff-type-chevron{font-size:9px;color:#555;width:10px}.pdf-takeoff-type-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;font-weight:600;padding:2px 5px;background:var(--bg-3, #333);border-radius:3px;color:#10b981}.pdf-takeoff-type-label{flex:1;color:#bbb}.pdf-takeoff-type-count{font-size:11px;font-weight:500;color:var(--muted, #666)}.pdf-takeoff-devices{padding-left:24px;padding-bottom:4px}.pdf-takeoff-device{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;margin:2px 0;background:var(--bg-3, #252525);border:1px solid transparent;border-radius:4px;color:var(--muted, #999);position:relative;cursor:pointer;transition:all .15s ease;text-align:left;font-size:11px}.pdf-takeoff-device:hover{background:#2d2d2d;border-color:var(--border, #444);color:var(--text, #fff)}.pdf-takeoff-device.current-page{background:#3b82f626;border-color:#3b82f64d;color:var(--text, #fff)}.pdf-takeoff-device.selected{background:#3b82f640;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.pdf-takeoff-device.related{background:#22c55e26;border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e4d}.pdf-takeoff-device.related:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#22c55e;border-radius:2px 0 0 2px}.pdf-takeoff-device.ai-suggestion{background:#fbbf241a;border-color:#fbbf2433}.pdf-takeoff-device-code{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#3b82f6}.pdf-takeoff-device-name{font-size:10px;color:var(--fg, #e2e8f0);font-style:italic;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-takeoff-device-page{font-size:10px;color:var(--muted, #666)}.pdf-takeoff-device-ai{font-size:9px;font-weight:600;padding:1px 4px;background:#fbbf244d;color:#fbbf24;border-radius:3px}.pdf-takeoff-device-note{font-size:11px;cursor:help;opacity:.9}.pdf-takeoff-device-note:hover{opacity:1;transform:scale(1.1)}.pdf-cable-route-note{font-size:11px;cursor:help;opacity:.9}.pdf-cable-route-note:hover{opacity:1;transform:scale(1.1)}.pdf-takeoff-device-nav{margin-left:auto;color:#555;font-size:12px}.pdf-takeoff-device:hover .pdf-takeoff-device-nav{color:#3b82f6}.pdf-takeoff-ai-actions{display:flex;gap:8px;padding:12px 14px;background:var(--bg-alt, #202020);border-top:1px solid var(--border, #333)}.pdf-takeoff-accept-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 14px;background:#10b981;border:none;border-radius:6px;color:var(--text, #fff);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.pdf-takeoff-accept-btn:hover{background:#059669}.pdf-takeoff-accept-btn svg{width:14px;height:14px}.pdf-takeoff-clear-btn{display:flex;align-items:center;justify-content:center;width:38px;padding:0;background:transparent;border:1px solid var(--border, #444);border-radius:6px;color:var(--muted, #888);cursor:pointer;transition:all .15s ease}.pdf-takeoff-clear-btn:hover{background:#ef4444;border-color:#ef4444;color:var(--text, #fff)}.pdf-takeoff-clear-btn svg{width:14px;height:14px}.pdf-takeoff-help{padding:10px 14px;text-align:center;font-size:11px;color:#555;border-top:1px solid #2a2a2a}@media (max-width: 768px){.pdf-takeoff-panel{width:220px}.pdf-takeoff-accept-btn span{display:none}}.pdf-review-popover{position:fixed;bottom:80px;right:24px;width:320px;background:#1e1e1e;border:1px solid var(--border, #333);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:1000;overflow:hidden;animation:reviewSlideIn .2s ease}@keyframes reviewSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pdf-review-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#8b5cf620,#6366f120);border-bottom:1px solid var(--border, #333)}.pdf-review-progress{font-size:13px;font-weight:600;color:#8b5cf6}.pdf-review-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border, #444);border-radius:6px;color:var(--muted, #888);cursor:pointer;transition:all .15s ease}.pdf-review-close:hover{background:var(--bg-3, #333);color:var(--text, #fff);border-color:var(--border, #555)}.pdf-review-device{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border, #333)}.pdf-review-device-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text, #fff);flex-shrink:0}.pdf-review-device-icon svg{width:28px;height:28px}.pdf-review-device-info{flex:1;min-width:0}.pdf-review-device-name{font-size:15px;font-weight:600;color:var(--text, #fff);margin-bottom:2px}.pdf-review-device-category{font-size:12px;color:var(--muted, #888)}.pdf-review-confidence{font-size:14px;font-weight:600;color:#10b981;background:#10b98126;padding:4px 10px;border-radius:12px}.pdf-review-actions-row{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border, #333)}.pdf-review-edit-btn,.pdf-review-move-btn{flex:1;padding:8px 12px;background:var(--bg-alt, #2a2a2a);border:1px solid var(--border, #444);border-radius:6px;color:var(--text, #ccc);font-size:12px;cursor:pointer;transition:all .15s ease}.pdf-review-edit-btn:hover,.pdf-review-move-btn:hover{background:var(--bg-3, #333);color:var(--text, #fff);border-color:var(--border, #555)}.pdf-review-move-btn{cursor:move}.pdf-review-main-actions{display:flex;gap:8px;padding:16px;border-bottom:1px solid var(--border, #333)}.pdf-review-reject-btn,.pdf-review-skip-btn,.pdf-review-accept-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.pdf-review-reject-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.pdf-review-reject-btn:hover{background:#ef4444;color:var(--text, #fff)}.pdf-review-skip-btn{background:var(--bg-alt, #2a2a2a);color:var(--muted, #888);border:1px solid var(--border, #444)}.pdf-review-skip-btn:hover{background:var(--bg-3, #333);color:var(--text, #fff)}.pdf-review-accept-btn{background:linear-gradient(135deg,#10b981,#059669);color:var(--text, #fff);flex:1.5}.pdf-review-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.pdf-review-accept-btn svg,.pdf-review-reject-btn svg{width:16px;height:16px}.pdf-review-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border, #333)}.pdf-review-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border, #444);border-radius:6px;color:var(--muted, #888);cursor:pointer;transition:all .15s ease}.pdf-review-nav-btn:hover:not(:disabled){background:var(--bg-3, #333);color:var(--text, #fff);border-color:var(--border, #555)}.pdf-review-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-review-page-info{font-size:12px;color:var(--muted, #888)}.pdf-review-shortcuts{display:flex;justify-content:center;gap:16px;padding:10px 16px;background:var(--bg-2, #1a1a1a);font-size:11px;color:var(--muted, #666)}.pdf-review-shortcuts kbd{display:inline-block;padding:2px 6px;background:var(--bg-3, #333);border:1px solid var(--border, #444);border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:10px;color:#aaa;margin-right:4px}.pdf-review-type-dropdown{max-height:300px;overflow-y:auto;border-bottom:1px solid var(--border, #333)}.pdf-review-type-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-3, #252525);border-bottom:1px solid var(--border, #333);font-size:12px;color:var(--muted, #888);position:sticky;top:0}.pdf-review-type-header button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--muted, #666);cursor:pointer}.pdf-review-type-header button:hover{color:var(--text, #fff)}.pdf-review-type-list{padding:8px}.pdf-review-type-category{margin-bottom:8px}.pdf-review-type-cat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;margin-bottom:4px}.pdf-review-type-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text, #ccc);font-size:12px;text-align:left;cursor:pointer;transition:all .15s ease}.pdf-review-type-item:hover{background:var(--bg-alt, #2a2a2a);border-color:var(--border, #444)}.pdf-review-type-item.selected{background:#8b5cf626;border-color:#8b5cf6;color:var(--text, #fff)}.pdf-review-type-item svg{width:18px;height:18px}@media (min-width: 1600px){.pdf-review-popover{width:360px;bottom:100px;right:32px}}@media (min-width: 2000px){.pdf-review-popover{width:400px}}.pdf-annotation-viewer.pdf-dragging-mode,.pdf-annotation-viewer.pdf-dragging-mode *{cursor:move!important}.pdf-annotation-viewer.pdf-dragging-mode .pdf-review-popover{pointer-events:none;opacity:.7}.pdf-annotation-viewer.pdf-dragging-mode .pdf-canvas-container{cursor:move!important}.pdf-review-move-btn:active,.pdf-dragging-mode .pdf-review-move-btn{background:#4a4a4a;color:var(--text, #fff);border-color:var(--muted, #666)}.pdf-context-menu{position:fixed;z-index:60000;background:var(--bg-alt, #2a2a2a);border:1px solid var(--border, #444);border-radius:8px;box-shadow:0 10px 25px #00000080;padding:4px 0;min-width:140px;animation:pdfFadeIn .1s ease}.pdf-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text, #e0e0e0);font-size:14px;text-align:left;cursor:pointer;transition:background .15s}.pdf-context-menu button:hover{background:var(--bg-3, #3a3a3a)}.pdf-context-menu button.danger{color:#ef4444}.pdf-context-menu button.danger:hover{background:#ef444426}.pdf-context-menu button svg{width:16px;height:16px;flex-shrink:0}.pdf-note-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:60001;display:flex;align-items:center;justify-content:center;animation:pdfFadeIn .15s ease}.pdf-note-modal{background:var(--bg-alt, #2a2a2a);border:1px solid var(--border, #444);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 40px #00000080}.pdf-note-modal h3{margin:0 0 16px;color:var(--text, #fff);font-size:18px;font-weight:600}.pdf-note-modal textarea{width:100%;min-height:100px;padding:12px;background:var(--bg-2, #1a1a1a);border:1px solid var(--border, #444);border-radius:8px;color:var(--text, #e0e0e0);font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s}.pdf-note-modal textarea:focus{border-color:#3b82f6}.pdf-note-modal textarea::placeholder{color:var(--muted, #666)}.pdf-note-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.pdf-cable-panel{position:absolute;right:16px;top:70px;width:280px;max-height:calc(100vh - 160px);overflow-y:auto;background:var(--bg-alt, #2a2a2a);border:1px solid var(--border, #3a3a3a);border-radius:12px;box-shadow:0 10px 30px #0006;z-index:100;animation:pdfFadeIn .15s ease}.pdf-cable-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border, #3a3a3a);font-weight:600;color:var(--text, #fff)}.pdf-cable-status{padding:12px 16px;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-bottom:1px solid var(--border, #3a3a3a)}.pdf-cable-from{display:block;font-size:14px;font-weight:600;color:#22c55e;margin-bottom:4px}.pdf-cable-hint{display:block;font-size:12px;color:var(--muted, #999)}.pdf-cable-section{padding:12px 16px;border-bottom:1px solid var(--border, #3a3a3a)}.pdf-cable-section:last-child{border-bottom:none}.pdf-cable-section label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted, #888);margin-bottom:10px}.pdf-cable-types{display:flex;flex-direction:column;gap:6px}.pdf-cable-type-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--bg-3, #333);border:1px solid var(--border, #444);border-radius:8px;color:var(--text, #e0e0e0);text-align:left;cursor:pointer;transition:all .15s}.pdf-cable-type-btn:hover{background:var(--bg-3, #3a3a3a);border-color:var(--border, #555)}.pdf-cable-type-btn.selected{background:#3b82f633;border-color:#3b82f6}.pdf-cable-type-label{font-size:13px;font-weight:500;color:var(--text, #fff)}.pdf-cable-type-desc{font-size:11px;color:var(--muted, #888);margin-top:2px}.pdf-cable-colors{display:flex;gap:8px}.pdf-cable-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.pdf-cable-color-btn:hover{transform:scale(1.1)}.pdf-cable-color-btn.selected{border-color:var(--text, #fff);box-shadow:0 0 0 2px #3b82f6}.pdf-cable-schedule{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.pdf-cable-item{display:flex;flex-direction:column;padding:10px 12px;background:var(--bg-3, #333);border-radius:8px;position:relative}.pdf-cable-route{font-size:13px;font-weight:500;color:var(--text, #fff)}.pdf-cable-info{font-size:11px;color:var(--muted, #888);margin-top:2px}.pdf-cable-delete{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:transparent;border:none;color:var(--muted, #666);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pdf-cable-delete:hover{background:#dc2626;color:var(--text, #fff)}.pdf-cable-help{padding:12px 16px;background:var(--bg-alt, #222)}.pdf-cable-help p{font-size:12px;color:var(--muted, #666);margin:4px 0}.pdf-tool-btn.connecting{background:#22c55e33;border-color:#22c55e;color:#22c55e}.pdf-tool-btn.connecting:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pdfPulse 1s infinite}@keyframes pdfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.pdf-takeoff-connections{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#6b728026;border-radius:8px}.pdf-takeoff-connections strong{font-size:20px;color:#6b7280}.pdf-takeoff-connections span{font-size:11px;color:var(--muted, #888);text-transform:uppercase;letter-spacing:.5px}.pdf-takeoff-cable-section{margin-top:8px}.pdf-takeoff-section-divider{height:1px;background:linear-gradient(to right,transparent,var(--border, #333),transparent);margin:12px 16px 8px}.pdf-takeoff-section-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s;color:var(--text, #fff)}.pdf-takeoff-section-header:hover{background:var(--bg-2, #262626)}.pdf-takeoff-section-header svg{width:16px;height:16px;color:var(--muted, #888)}.pdf-takeoff-section-title{flex:1;font-weight:500;font-size:13px}.pdf-takeoff-section-count{font-size:12px;font-weight:600;color:var(--muted, #888);background:var(--bg-3, #333);padding:2px 8px;border-radius:10px}.pdf-takeoff-section-header.warning{background:#f59e0b1a}.pdf-takeoff-section-header.warning:hover{background:#f59e0b26}.pdf-takeoff-section-header.warning .pdf-takeoff-section-count{background:#f59e0b33;color:#f59e0b}.pdf-takeoff-warning-icon{font-size:14px}.pdf-takeoff-unconnected-section{margin-top:8px}.pdf-takeoff-unconnected-list{padding:4px 8px 8px 16px}.pdf-takeoff-device.unconnected{border-left:3px solid #f59e0b;background:#f59e0b14}.pdf-takeoff-device.unconnected:hover{background:#f59e0b26;border-color:#f59e0b}.pdf-takeoff-device-label{flex:1;font-size:11px;color:var(--muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-cable-items{padding:4px 8px 8px 16px}.pdf-cable-schedule-item{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;margin:2px 0;background:var(--bg-3, #262626);border:1px solid transparent;border-radius:6px;cursor:pointer;position:relative;text-align:left;transition:all .15s;font-size:12px}.pdf-cable-schedule-item:hover{background:var(--bg-2, #333);border-color:var(--border, #444)}.pdf-cable-schedule-item.current-page{background:#3b82f61a;border-color:#3b82f64d}.pdf-cable-schedule-item.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.pdf-cable-schedule-item.related{background:#22c55e26;border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e4d}.pdf-cable-schedule-item.related:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#22c55e;border-radius:2px 0 0 2px}.pdf-cable-schedule-item.hovered{background:#ffffff1a;border-color:#ffffff4d}.pdf-cable-route-from{font-weight:500;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.pdf-cable-route-arrow{color:var(--muted, #666);flex-shrink:0}.pdf-cable-route-to{font-weight:500;color:var(--text, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;flex:1}.pdf-cable-route-page{font-size:10px;color:var(--muted, #888);background:var(--bg, #1a1a1a);padding:2px 6px;border-radius:4px;flex-shrink:0}.pdf-cable-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.pdf-annotation-viewer{width:100vw;height:calc(100vh - 118px - env(safe-area-inset-bottom,0px));max-width:100vw;max-height:calc(100vh - 118px - env(safe-area-inset-bottom,0px));border-radius:0;position:fixed;top:60px;left:0;right:0}.pdf-sidebar{position:absolute;left:0;top:0;bottom:0;z-index:200;width:140px;transition:transform .25s ease,opacity .25s ease;box-shadow:4px 0 20px #00000080}.pdf-sidebar.closed{transform:translate(-100%);opacity:0;pointer-events:none}.pdf-sidebar.open,.pdf-sidebar:not(.closed){transform:translate(0);opacity:1}.pdf-sidebar-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border:none;background:#ffffff1a;border-radius:6px;color:var(--muted, #999);cursor:pointer}.pdf-sidebar-close:hover{background:#fff3;color:#fff}.pdf-sidebar-close svg{width:16px;height:16px}.pdf-sidebar-header{display:flex;align-items:center;gap:8px}.pdf-takeoff-panel{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));width:100%;max-height:calc(60vh - 60px);border-radius:16px 16px 0 0;border-left:none;border-top:1px solid var(--border, #333);box-shadow:0 -4px 20px #0006;z-index:150;transition:max-height .3s ease}.pdf-takeoff-panel:not(.mobile-expanded){max-height:56px;overflow:hidden}.pdf-takeoff-panel.mobile-expanded{max-height:60vh}.pdf-takeoff-mobile-arrow{display:flex;align-items:center;margin-left:8px}.pdf-takeoff-mobile-arrow svg{width:20px;height:20px;color:var(--muted, #888)}.pdf-takeoff-header:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px}.pdf-takeoff-header{position:relative;padding-top:16px;cursor:pointer}.pdf-takeoff-scroll-area{max-height:calc(60vh - 120px);overflow-y:auto}.pdf-toolbar{padding:8px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.pdf-toolbar-group{gap:2px}.pdf-toolbar-btn{width:36px;height:36px;flex-shrink:0}.pdf-color-picker{gap:4px}.pdf-color-btn{width:24px;height:24px}.pdf-symbol-library{position:fixed;inset:0;width:100%;height:100%;border-radius:0;max-height:100vh}.pdf-symbol-library-header{padding:16px}.pdf-symbol-grid{grid-template-columns:repeat(4,1fr)}.pdf-viewer-footer{padding:8px 12px;gap:8px}.pdf-page-input{width:40px;padding:6px 8px;font-size:14px}.pdf-zoom-controls{gap:4px}.pdf-zoom-btn{width:32px;height:32px}.pdf-zoom-text{min-width:50px;font-size:12px}.pdf-review-popover{position:fixed;bottom:60px;left:8px;right:8px;width:auto;max-width:none}.pdf-cable-panel{width:280px;max-width:90vw}.pdf-context-menu{max-width:calc(100vw - 32px)}.pdf-ai-modal{width:100%;height:100%;max-width:100vw;max-height:100vh;border-radius:0}.pdf-tool-mode-indicator{bottom:60px;left:8px;padding:6px 10px;font-size:10px}.pdf-tool-mode-hint{display:none}.pdf-mobile-only{display:flex}.pdf-desktop-only,.pdf-hide-mobile{display:none!important}.pdf-color-dropdown{display:flex}.pdf-color-menu{position:fixed;inset:auto auto 60px 16px;transform:none}}@media (max-width: 480px){.pdf-toolbar-btn{width:32px;height:32px}.pdf-toolbar-btn svg{width:14px;height:14px}.pdf-symbol-grid{grid-template-columns:repeat(3,1fr)}.pdf-takeoff-panel{max-height:60vh}.pdf-takeoff-device{padding:8px}}.pdf-symbol-teach-popup{background:var(--bg, #1e1e2e);border:1px solid var(--border, #333);border-radius:12px;box-shadow:0 12px 40px #00000080;padding:16px;width:310px;color:var(--fg, #e0e0e0);font-size:13px}.pdf-symbol-teach-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pdf-symbol-teach-popup-header strong{font-size:14px}.pdf-symbol-teach-popup-close{background:none;border:none;color:var(--fg, #e0e0e0);cursor:pointer;padding:4px;opacity:.6}.pdf-symbol-teach-popup-close:hover{opacity:1}.pdf-symbol-teach-preview{display:block;max-width:200px;max-height:150px;border:1px solid var(--border, #444);border-radius:6px;margin:0 auto 12px;background:#fff;object-fit:contain}.pdf-symbol-teach-form{display:flex;flex-direction:column;gap:6px}.pdf-symbol-teach-form label{font-size:12px;font-weight:500;color:var(--fg-secondary, #aaa);margin-top:4px}.pdf-symbol-teach-select,.pdf-symbol-teach-input{padding:8px 10px;border-radius:6px;border:1px solid var(--border, #444);background:var(--bg-secondary, #2a2a3e);color:var(--fg, #e0e0e0);font-size:13px;outline:none}.pdf-symbol-teach-select:focus,.pdf-symbol-teach-input:focus{border-color:#3b82f6}.pdf-symbol-teach-select optgroup{font-weight:600;color:var(--fg, #e0e0e0)}.pdf-symbol-teach-actions{display:flex;gap:8px;margin-top:10px}.pdf-symbol-teach-cancel{flex:1;padding:8px;border-radius:6px;border:1px solid var(--border, #444);background:transparent;color:var(--fg, #e0e0e0);cursor:pointer;font-size:13px}.pdf-symbol-teach-cancel:hover{background:var(--bg-secondary, #2a2a3e)}.pdf-symbol-teach-save{flex:1;padding:8px;border-radius:6px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-size:13px;font-weight:500}.pdf-symbol-teach-save:hover{background:#2563eb}.pdf-symbol-teach-save:disabled{opacity:.5;cursor:not-allowed}.pdf-symbol-library-panel{position:fixed;top:56px;right:12px;width:280px;max-height:calc(100vh - 80px);overflow-y:auto;background:var(--bg, #1e1e2e);border:1px solid var(--border, #333);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;padding:12px;color:var(--fg, #e0e0e0);font-size:13px}.pdf-symbol-library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border, #333)}.pdf-symbol-library-header button{background:none;border:none;color:var(--fg, #e0e0e0);cursor:pointer;padding:4px;opacity:.6}.pdf-symbol-library-header button:hover{opacity:1}.pdf-symbol-library-group{margin-bottom:12px}.pdf-symbol-library-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.pdf-symbol-library-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--bg-secondary, #2a2a3e);margin-bottom:4px}.pdf-symbol-library-thumb{width:40px;height:40px;object-fit:contain;border-radius:4px;background:#fff;border:1px solid var(--border, #444);flex-shrink:0}.pdf-symbol-library-item-info{flex:1;min-width:0}.pdf-symbol-library-item-type{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-symbol-library-item-label{display:block;font-size:11px;color:var(--fg-secondary, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-symbol-library-item-delete{background:none;border:none;color:var(--fg, #e0e0e0);cursor:pointer;padding:4px;opacity:.4;flex-shrink:0}.pdf-symbol-library-item-delete:hover{opacity:1;color:#ef4444}.pdf-ai-symbol-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:8px;font-size:13px;color:#93c5fd}.pdf-ai-symbol-info svg{flex-shrink:0;stroke:#60a5fa}.pdf-bulk-actions{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0f172af2;border:1px solid rgba(59,130,246,.4);border-radius:12px;box-shadow:0 8px 32px #00000080;z-index:100;backdrop-filter:blur(8px);animation:pdfFadeIn .15s ease}.pdf-bulk-count{font-size:13px;font-weight:600;color:#93c5fd;padding-right:8px;border-right:1px solid rgba(255,255,255,.15);white-space:nowrap}.pdf-bulk-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e2e8f0;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pdf-bulk-btn:hover{background:#ffffff26;border-color:#ffffff40}.pdf-bulk-btn svg{width:14px;height:14px}.pdf-bulk-delete{color:#fca5a5;border-color:#ef44444d}.pdf-bulk-delete:hover{background:#ef444433;border-color:#ef444480;color:#fecaca}.pdf-bulk-type-picker{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:240px;max-height:320px;overflow-y:auto;background:#0f172afa;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:4px;z-index:101}.pdf-bulk-type-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;border-radius:4px;color:#e2e8f0;font-size:12px;cursor:pointer;text-align:left;transition:background .1s}.pdf-bulk-type-option:hover{background:#ffffff1a}.pdf-group-count{font-size:10px;font-weight:700;padding:1px 6px;background:#8b5cf64d;color:#c4b5fd;border-radius:8px;margin-left:auto;flex-shrink:0}.pdf-group-tooltip{position:fixed;transform:translate(-100%);min-width:160px;max-width:220px;background:#0f172afa;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:8px 10px;z-index:10000;display:flex;flex-direction:column;gap:3px}.pdf-group-tooltip-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text, #ccc);padding:2px 0}.pdf-create-group{border:2px dashed var(--border, #444)!important;opacity:.7}.pdf-create-group:hover{opacity:1;border-color:var(--muted, #666)!important}.pdf-tool-mode-indicator.mode-measure{border-color:#22c55e66;background:#0f172ae6}.pdf-tool-mode-indicator.mode-measure .pdf-tool-mode-label{color:#22c55e}@media (max-width: 768px){.pdf-bulk-actions{bottom:80px;padding:6px 10px;gap:4px;font-size:11px}.pdf-bulk-count{font-size:11px;padding-right:6px}.pdf-bulk-btn{padding:5px 8px;font-size:11px;gap:4px}.pdf-bulk-btn span:not(:first-child){display:none}.pdf-bulk-type-picker{width:200px;max-height:240px}}.iav-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.iav-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg, #1a1a1a);color:var(--text, #e5e5e5)}.iav-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-alt, #2a2a2a);border-bottom:1px solid var(--border, #333);flex-shrink:0;gap:16px}.iav-title{display:flex;align-items:center;gap:12px;min-width:0}.iav-filename{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.iav-unsaved-badge{background:var(--warning, #f59e0b);color:#000;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.iav-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.iav-action-divider{width:1px;height:24px;background:var(--border, #444);margin:0 8px}.iav-zoom-label{font-size:12px;color:var(--text-muted, #999);min-width:40px;text-align:center}.iav-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-alt, #2a2a2a);border-bottom:1px solid var(--border, #333);flex-shrink:0;overflow-x:auto;min-height:52px}.iav-tool-group{display:flex;align-items:center;gap:2px;background:var(--bg-3, #333);border-radius:6px;padding:2px}.iav-tool-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 10px;background:transparent;border:none;border-radius:4px;color:var(--text, #e5e5e5);cursor:pointer;transition:all .15s ease;font-size:12px;white-space:nowrap}.iav-tool-btn:hover{background:#ffffff1a}.iav-tool-btn.active{background:var(--primary, #3b82f6);color:#fff}.iav-tool-btn svg{flex-shrink:0}.iav-tool-divider{width:1px;height:28px;background:var(--border, #444);margin:0 4px}.iav-color-picker{display:flex;align-items:center;gap:4px}.iav-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.iav-color-btn:hover{transform:scale(1.15)}.iav-color-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--primary, #3b82f6)}.iav-body{display:flex;flex:1;min-height:0;overflow:hidden}.iav-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px;background:var(--bg, #1a1a1a)}.iav-canvas-wrapper{position:relative;box-shadow:0 4px 20px #00000080}.iav-canvas{display:block}.iav-annotation-canvas{position:absolute;top:0;left:0}.iav-loading,.iav-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted, #999)}.iav-loading-spinner{width:32px;height:32px;border:3px solid var(--border, #333);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:iav-spin 1s linear infinite}@keyframes iav-spin{to{transform:rotate(360deg)}}.iav-error{color:var(--danger, #ef4444)}.iav-symbol-library{width:280px;background:var(--bg-alt, #2a2a2a);border-left:1px solid var(--border, #333);display:flex;flex-direction:column;flex-shrink:0}.iav-symbol-library-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #333);font-weight:600;font-size:14px}.iav-symbol-close{background:none;border:none;color:var(--text-muted, #999);cursor:pointer;padding:4px;display:flex;border-radius:4px}.iav-symbol-close:hover{background:#ffffff1a;color:var(--text, #e5e5e5)}.iav-symbol-categories{flex:1;overflow-y:auto;padding:8px}.iav-symbol-category{margin-bottom:8px}.iav-symbol-category-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #888);padding:8px 12px;border-left:3px solid;background:#ffffff08;border-radius:4px;margin-bottom:4px}.iav-symbol-items{display:flex;flex-direction:column;gap:2px}.iav-symbol-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text, #e5e5e5);text-align:left;transition:all .15s ease}.iav-symbol-item:hover{background:#ffffff14}.iav-symbol-item.selected{background:var(--primary, #3b82f6);color:#fff}.iav-symbol-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.iav-symbol-icon svg{width:16px;height:16px}.iav-symbol-label{font-size:13px;flex:1}.iav-symbol-selected{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f626;border-top:1px solid var(--border, #333);font-size:13px}.iav-symbol-icon-small{width:16px;height:16px;border-radius:50%}.iav-takeoff-panel{width:260px;background:var(--bg-alt, #2a2a2a);border-left:1px solid var(--border, #333);display:flex;flex-direction:column;flex-shrink:0}.iav-takeoff-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #333)}.iav-takeoff-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.iav-takeoff-title svg{color:var(--text-muted, #888)}.iav-takeoff-actions{display:flex;align-items:center;gap:4px}.iav-takeoff-btn{background:none;border:none;color:var(--text-muted, #888);cursor:pointer;padding:6px;border-radius:4px;display:flex}.iav-takeoff-btn:hover{background:#ffffff1a;color:var(--text, #e5e5e5)}.iav-takeoff-summary{padding:16px;border-bottom:1px solid var(--border, #333)}.iav-takeoff-total{display:flex;flex-direction:column;align-items:center;gap:4px}.iav-takeoff-total strong{font-size:32px;font-weight:700;color:var(--primary, #3b82f6)}.iav-takeoff-total span{font-size:12px;color:var(--text-muted, #888)}.iav-takeoff-categories{flex:1;overflow-y:auto;padding:8px}.iav-takeoff-category{margin-bottom:4px}.iav-takeoff-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#ffffff08;border:none;border-radius:6px;cursor:pointer;color:var(--text, #e5e5e5);font-size:13px;text-align:left}.iav-takeoff-category-header:hover{background:#ffffff0f}.iav-takeoff-chevron{font-size:10px;color:var(--text-muted, #888);width:12px}.iav-takeoff-cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.iav-takeoff-cat-label{flex:1;font-weight:500}.iav-takeoff-cat-count{font-weight:700;color:var(--primary, #3b82f6);background:#3b82f626;padding:2px 8px;border-radius:10px;font-size:12px}.iav-takeoff-items{padding:4px 0 4px 20px}.iav-takeoff-type{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--text-muted, #999)}.iav-takeoff-type-code{font-family:monospace;font-weight:600;color:var(--text, #e5e5e5);min-width:50px}.iav-takeoff-type-label{flex:1}.iav-takeoff-type-count{font-weight:600;color:var(--text, #e5e5e5)}@media (max-width: 768px){.iav-toolbar{padding:8px 12px;gap:6px}.iav-tool-btn{min-width:40px;height:40px}.iav-tool-btn span{display:none}.iav-color-btn{width:28px;height:28px}.iav-symbol-library,.iav-takeoff-panel{position:absolute;right:0;top:0;bottom:0;z-index:10;box-shadow:-4px 0 20px #0000004d}.iav-filename{max-width:150px}.iav-action-divider{display:none}}@media (hover: none){.iav-tool-btn:active{background:#fff3}}@supports (padding-top: env(safe-area-inset-top)){.iav-header{padding-top:calc(12px + env(safe-area-inset-top))}.iav-body{padding-bottom:env(safe-area-inset-bottom)}}.image-lightbox-overlay{position:fixed;inset:0;background:#000000d9;z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px;animation:lightboxFadeIn .2s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.image-lightbox-container{background:var(--card-bg, #fff);border-radius:12px;width:100%;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:lightboxSlideUp .3s ease-out;overflow:hidden}@keyframes lightboxSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #e5e7eb);background:var(--card-bg, #fff);flex-shrink:0}.image-lightbox-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.image-lightbox-filename{font-size:16px;font-weight:600;color:var(--text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-lightbox-counter{font-size:13px;color:var(--muted, #6b7280);background:var(--bg-alt, #f3f4f6);padding:2px 10px;border-radius:12px;white-space:nowrap}.image-lightbox-controls{display:flex;align-items:center;gap:4px}.image-lightbox-controls .sqr-btn{color:#374151;border-color:#d1d5db}.image-lightbox-controls .sqr-btn:hover{color:#111827;background:#f3f4f6}.image-lightbox-controls .sqr-btn svg{color:inherit}.image-lightbox-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--muted, #6b7280);cursor:pointer;transition:all .15s ease}.image-lightbox-btn:hover:not(:disabled){background:var(--bg-alt, #f3f4f6);color:var(--text, #1f2937)}.image-lightbox-btn:disabled{opacity:.3;cursor:not-allowed}.image-lightbox-btn.close-btn:hover{background:#fee2e2;color:#dc2626}.image-lightbox-zoom-label{font-size:13px;color:var(--muted, #6b7280);min-width:48px;text-align:center}.image-lightbox-content{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#525659}.image-lightbox-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px}.image-lightbox-image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;border-radius:4px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease;transform-origin:center center}.image-lightbox-pdf{width:100%;height:100%;border:none;background:#fff}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.image-lightbox-nav:hover:not(:disabled){background:#000c;border-color:#ffffff4d;transform:translateY(-50%) scale(1.1)}.image-lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.image-lightbox-nav-prev{left:16px}.image-lightbox-nav-next{right:16px}.image-lightbox-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 16px;border-top:1px solid var(--border, #e5e7eb);background:var(--card-bg, #fff);color:var(--muted, #6b7280);font-size:13px;flex-shrink:0}@media (max-width: 768px){.image-lightbox-overlay{padding:0}.image-lightbox-container{border-radius:0;height:100vh;max-height:none}.image-lightbox-header{padding:12px}.image-lightbox-filename{font-size:14px;max-width:150px}.image-lightbox-counter{display:none}.image-lightbox-btn{width:32px;height:32px}.image-lightbox-zoom-label{display:none}.image-lightbox-nav{width:40px;height:40px}.image-lightbox-nav-prev{left:8px}.image-lightbox-nav-next{right:8px}.image-lightbox-footer{flex-direction:column;gap:8px;font-size:12px;padding:8px 12px}.image-lightbox-image-wrapper{padding:16px}}[data-theme=dark] .image-lightbox-container,.dark .image-lightbox-container{background:var(--card-bg, #1f2937)}[data-theme=dark] .image-lightbox-header,.dark .image-lightbox-header{background:var(--card-bg, #1f2937);border-color:var(--border, #374151)}[data-theme=dark] .image-lightbox-filename,.dark .image-lightbox-filename{color:var(--text, #f9fafb)}[data-theme=dark] .image-lightbox-counter,.dark .image-lightbox-counter{background:var(--bg-alt, #374151);color:var(--muted, #9ca3af)}[data-theme=dark] .image-lightbox-btn,.dark .image-lightbox-btn{color:var(--muted, #9ca3af)}[data-theme=dark] .image-lightbox-btn:hover:not(:disabled),.dark .image-lightbox-btn:hover:not(:disabled){background:var(--bg-alt, #374151);color:var(--text, #f9fafb)}[data-theme=dark] .image-lightbox-btn.close-btn:hover,.dark .image-lightbox-btn.close-btn:hover{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .image-lightbox-footer,.dark .image-lightbox-footer{background:var(--card-bg, #1f2937);border-color:var(--border, #374151);color:var(--muted, #9ca3af)}[data-theme=dark] .image-lightbox-controls .sqr-btn,[data-theme=sentrac] .image-lightbox-controls .sqr-btn,[data-theme=glass] .image-lightbox-controls .sqr-btn,[data-theme=gamer] .image-lightbox-controls .sqr-btn,[data-theme=retro] .image-lightbox-controls .sqr-btn,[data-theme=christmas] .image-lightbox-controls .sqr-btn{color:#e5e7eb;border-color:#4b5563}[data-theme=dark] .image-lightbox-controls .sqr-btn:hover,[data-theme=sentrac] .image-lightbox-controls .sqr-btn:hover,[data-theme=glass] .image-lightbox-controls .sqr-btn:hover,[data-theme=gamer] .image-lightbox-controls .sqr-btn:hover,[data-theme=retro] .image-lightbox-controls .sqr-btn:hover,[data-theme=christmas] .image-lightbox-controls .sqr-btn:hover{color:#f9fafb;background:#374151}@media (max-width: 768px){.image-lightbox-overlay{top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);bottom:env(safe-area-inset-bottom,0);padding:8px}.image-lightbox-container{height:calc(100% - 16px);max-height:none;border-radius:8px}.image-lightbox-header{padding:10px 12px}.image-lightbox-filename{font-size:14px}.image-lightbox-nav{width:40px;height:40px}.image-lightbox-nav-prev{left:8px}.image-lightbox-nav-next{right:8px}}.capacitor-app .image-lightbox-overlay,.mobile-app .image-lightbox-overlay{position:absolute;inset:0}.mobile-work-item-page .image-lightbox-overlay{position:absolute}.files-loading,.files-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.files-empty-hint{margin-top:8px;font-size:12px;opacity:.7}.files-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;margin-bottom:12px;border:2px dashed var(--border);border-radius:10px;background:var(--bg-subtle);cursor:pointer;transition:all .2s ease}.files-dropzone:hover{border-color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .05))}.files-dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .1));transform:scale(1.02)}.files-dropzone.uploading{pointer-events:none;opacity:.7}.dropzone-icon{display:flex;align-items:center;justify-content:center;color:var(--muted)}.dropzone-icon svg{width:24px;height:24px}.dropzone-text{font-size:12px;color:var(--muted)}.dropzone-input{display:none}.dropzone-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;transition:all .15s ease}.file-item:hover{background:var(--surface-soft);border-color:var(--border-hover, var(--border))}.file-item.previewable{cursor:pointer}.file-item.previewable:hover{border-color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .05))}.file-item.previewable .file-thumbnail{transition:transform .15s ease}.file-item.previewable:hover .file-thumbnail{transform:scale(1.05)}.file-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-soft);border-radius:6px;color:var(--muted);flex-shrink:0;font-size:18px}.file-icon svg{width:18px;height:18px}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:var(--muted)}.file-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.file-item:hover .file-actions{opacity:1}.file-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;text-decoration:none;transition:all .15s ease}.file-action-btn:hover{background:var(--surface-soft);color:var(--text)}.file-action-btn.file-remove:hover{background:var(--danger-soft, rgba(239, 68, 68, .15));color:var(--danger, #ef4444)}.file-action-btn svg{width:14px;height:14px}.people-loading,.people-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}.people-section{margin-bottom:20px}.people-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.people-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.add-person-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed var(--border);background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:all .15s ease}.add-person-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft, rgba(59, 130, 246, .1))}.add-person-btn svg{width:14px;height:14px}.add-watcher-dropdown{margin-bottom:12px;border:1px solid var(--border);border-radius:8px;max-height:200px;overflow-y:auto}.add-watcher-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s ease}.add-watcher-item:last-child{border-bottom:none}.add-watcher-item:hover{background:var(--bg-subtle)}.add-watcher-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}.people-list{display:flex;flex-direction:column;gap:8px}.person-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px}.person-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.person-avatar.small{width:28px;height:28px;font-size:11px}.person-avatar.customer{border:2px solid var(--warning, #f59e0b)}.person-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.person-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-role{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;opacity:0;transition:all .15s ease}.person-item:hover .person-remove{opacity:1}.person-remove:hover{background:var(--danger-soft, rgba(239, 68, 68, .15));color:var(--danger, #ef4444)}.person-remove svg{width:14px;height:14px}.person-badge{padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;flex-shrink:0}.person-badge.customer{background:#f59e0b26;color:#f59e0b}.activity-loading,.activity-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:13px}.activity-empty-hint{margin-top:8px;font-size:12px;opacity:.7}.activity-timeline{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:12px;flex-shrink:0}.activity-icon svg{width:14px;height:14px}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.activity-user{font-size:13px;font-weight:500;color:var(--text)}.activity-time{font-size:11px;color:var(--muted);flex-shrink:0}.activity-action{font-size:12px;color:var(--muted);line-height:1.4}.activity-item[data-action=created] .activity-icon,.activity-item[data-action=resolved] .activity-icon{background:var(--success-soft, rgba(34, 197, 94, .15));color:var(--success, #22c55e);border-color:transparent}.activity-item[data-action=status_changed] .activity-icon{background:var(--accent-soft, rgba(59, 130, 246, .15));color:var(--accent);border-color:transparent}.activity-item[data-action=priority_changed] .activity-icon{background:var(--warning-soft, rgba(245, 158, 11, .15));color:var(--warning, #f59e0b);border-color:transparent}.checklist-panel{display:flex;flex-direction:column;height:100%;width:360px}.checklist-loading{padding:2rem;text-align:center;color:var(--text-muted)}.checklist-progress{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-alt)}.checklist-progress .progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.checklist-progress .progress-fill{height:100%;background:var(--success);border-radius:3px;transition:width .3s ease}.checklist-progress .progress-text{font-size:.75rem;color:var(--text-muted)}.checklist-add{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.checklist-add input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem;background:var(--bg);color:var(--fg)}.checklist-add input:focus{outline:none;border-color:var(--primary)}.checklist-add input::placeholder{color:var(--text-muted)}.checklist-add .add-btn{padding:.5rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.checklist-add .add-btn:hover:not(:disabled){opacity:.9}.checklist-add .add-btn:disabled{opacity:.5;cursor:not-allowed}.checklist-add .add-btn svg{width:16px;height:16px}.checklist-empty{padding:2rem 1rem;text-align:center}.checklist-empty p{margin:0;color:var(--text-muted)}.checklist-empty-hint{font-size:.75rem;margin-top:.5rem!important}.checklist-items{flex:1;overflow-y:auto;padding:.25rem 0}.checklist-item{border-bottom:1px solid var(--border-light, rgba(128, 128, 128, .08));transition:background .15s;padding:.625rem 1rem}.checklist-item:last-child{border-bottom:none}.checklist-item:hover,.checklist-item.expanded{background:var(--bg-alt)}.checklist-item.completed .checklist-title{text-decoration:line-through;color:var(--text-muted)}.checklist-item-title-row{display:flex;align-items:flex-start;gap:.625rem}.checklist-item-actions-row{display:flex;align-items:center;gap:2px;margin-top:6px;margin-left:1.625rem}.checklist-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.checklist-action-btn:hover{background:var(--bg-subtle);border-color:var(--accent);color:var(--accent)}.checklist-action-btn.has-content{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 30%,var(--border))}.checklist-action-btn.overdue{color:#ef4444!important;border-color:#ef44444d!important}.checklist-action-btn .action-label{font-weight:500}.checklist-action-btn.icon-only{padding:4px 6px;opacity:.5}.checklist-action-btn.icon-only:hover{opacity:1}.checklist-action-btn.icon-only.delete:hover{color:var(--danger);border-color:var(--danger);background:#ef444414}.checklist-action-btn.priority-btn.low{color:#64748b}.checklist-action-btn.priority-btn.high,.checklist-action-btn.priority-btn.high.has-content{color:#f97316;border-color:#f973164d}.checklist-action-btn.priority-btn.urgent,.checklist-action-btn.priority-btn.urgent.has-content{color:#ef4444;border-color:#ef44444d}.checklist-item-actions-row .checklist-assignee-wrapper{margin-left:0;display:flex}.checklist-item-main{display:flex;align-items:center;gap:.625rem}.checklist-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;color:#fff}.checklist-checkbox:hover{border-color:var(--success);background:color-mix(in oklab,var(--success) 10%,transparent)}.checklist-checkbox.checked{background:var(--success);border-color:var(--success)}.checklist-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.checklist-icon-btn{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.6;transition:all .15s}.checklist-icon-btn:hover{background:var(--bg-subtle);color:var(--primary);opacity:1}.checklist-icon-btn.has-value{color:var(--primary);opacity:1}.checklist-icon-btn.completed{color:var(--success)}.checklist-icon-btn.delete:hover{background:color-mix(in oklab,var(--danger) 15%,transparent);color:var(--danger)}.checklist-icon-btn.priority-low{color:#94a3b8}.checklist-icon-btn.priority-medium{color:var(--muted)}.checklist-icon-btn.priority-high.has-value{color:#f97316;opacity:1}.checklist-icon-btn.priority-urgent.has-value{color:#ef4444;opacity:1}.checklist-avatar-mini{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;font-weight:600}.checklist-title{font-size:.875rem;flex:1;min-width:0;word-break:break-word;line-height:1.4;cursor:default;color:var(--fg)}.checklist-item-number{color:var(--fg-dim, var(--text-muted));font-size:.8rem;margin-right:5px;font-weight:500;opacity:.7}.checklist-item-meta-row{display:flex;align-items:center;gap:6px;padding:0 0 2px 28px;flex-wrap:wrap}.checklist-meta-tag{display:inline-flex;align-items:center;gap:3px;font-size:.675rem;font-weight:500;color:var(--fg-dim, var(--text-muted));opacity:.7}.checklist-meta-tag.muted{font-family:Courier New,Courier,monospace;opacity:.45;font-weight:400}.checklist-meta-tag.overdue{color:#ef4444;opacity:.85}.checklist-meta-avatar{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:.5rem;font-weight:600;color:#fff;flex-shrink:0}.checklist-mini-toolbar{display:flex;align-items:center;gap:6px;padding:6px 0;margin-bottom:4px;border-bottom:1px solid var(--border)}.checklist-search-wrapper{flex:1;display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--muted)}.checklist-search-input{flex:1;border:none;background:transparent;font-size:.75rem;color:var(--fg);outline:none;min-width:0}.checklist-search-input::placeholder{color:var(--muted);opacity:.6}.checklist-search-clear{background:none;border:none;padding:0;cursor:pointer;color:var(--muted);display:flex;align-items:center}.checklist-search-clear:hover{color:var(--fg)}.checklist-mini-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.7rem;cursor:pointer;transition:all .15s}.checklist-mini-btn:hover{color:var(--fg);border-color:var(--fg-dim, var(--text-muted))}.checklist-mini-btn.active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.checklist-mini-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.625rem;font-weight:600;background:var(--border);color:var(--fg)}.checklist-title-input{flex:1;min-width:0;padding:2px 6px;border:1px solid var(--accent);border-radius:4px;background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;outline:none}.checklist-title-input:focus{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 25%,transparent)}.checklist-icon-btn.edit{opacity:.4}.checklist-item:hover .checklist-icon-btn.edit{opacity:.7}.checklist-icon-btn.edit:hover{opacity:1;color:var(--accent)}.checklist-completed-by{display:block;font-size:.65rem;color:var(--success);opacity:.7;white-space:nowrap;margin-left:1.625rem;margin-top:2px}.checklist-meta-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;margin-left:1.625rem}.checklist-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:color-mix(in oklab,var(--primary) 12%,transparent);border-radius:10px;font-size:.7rem;font-weight:500;color:var(--primary)}.checklist-chip.overdue{background:#ef44441f;color:#ef4444}.checklist-chip.priority.low{background:#64748b1f;color:#64748b}.checklist-chip.priority.medium{background:#3b82f61f;color:#3b82f6}.checklist-chip.priority.high{background:#f973161f;color:#f97316}.checklist-chip.priority.urgent{background:#ef44441f;color:#ef4444}.checklist-icon-btn.priority-btn.low.has-content{color:#64748b}.checklist-icon-btn.priority-btn.high.has-content{color:#f97316}.checklist-icon-btn.priority-btn.urgent.has-content{color:#ef4444}.checklist-icon-btn.overdue{color:#ef4444!important}.checklist-inline-editor{padding-top:.5rem}.checklist-inline-editor label{display:block;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.checklist-date-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.85rem}.checklist-date-input:focus{outline:none;border-color:var(--primary)}.inline-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.inline-editor-actions .clear-btn,.inline-editor-actions .done-btn{padding:6px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s}.inline-editor-actions .clear-btn{background:none;border:1px solid var(--border);color:var(--danger)}.inline-editor-actions .clear-btn:hover{background:#ef44441a;border-color:var(--danger)}.inline-editor-actions .done-btn{background:var(--primary);border:none;color:#fff}.inline-editor-actions .done-btn:hover{opacity:.9}.priority-options{display:flex;flex-direction:column;gap:4px}.priority-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;font-size:.85rem;color:var(--fg);cursor:pointer;transition:all .15s}.priority-option:hover{background:var(--bg-subtle)}.priority-option.selected{background:color-mix(in oklab,var(--primary) 15%,transparent);border-color:var(--primary)}.priority-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.priority-dot.low{background:#64748b}.priority-dot.medium{background:#3b82f6}.priority-dot.high{background:#f97316}.priority-dot.urgent{background:#ef4444}.status-options{display:flex;flex-direction:column;gap:4px}.status-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;font-size:.85rem;color:var(--fg);cursor:pointer;transition:all .15s}.status-option:hover{background:var(--bg-subtle)}.status-option.selected{background:color-mix(in oklab,var(--primary) 15%,transparent);border-color:var(--primary)}.status-options .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.checklist-icon-btn.status-pending{color:#94a3b8}.checklist-icon-btn.status-in_progress{color:#8b5cf6}.checklist-icon-btn.status-complete{color:#10b981}.checklist-icon-btn.status-stuck{color:#ef4444}.checklist-icon-btn.status-on_hold{color:#f59e0b}.checklist-assignee-wrapper{position:relative;flex-shrink:0;margin-left:4px}.checklist-assignee-btn{background:none;border:1px dashed var(--border);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s;opacity:.6}.checklist-assignee-btn:hover{border-color:var(--primary);color:var(--primary);opacity:1}.checklist-assignee-btn.assigned{border:none;padding:0;opacity:1}.checklist-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;font-weight:600}.checklist-avatar.small{width:22px;height:22px;font-size:.6rem}.checklist-assignee-dropdown{position:fixed;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;max-height:280px;overflow-y:auto;z-index:1000}.assignee-dropdown-header{padding:.5rem .75rem;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.assignee-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.8rem;transition:background .15s}.assignee-option:hover{background:var(--bg-alt)}.assignee-option.selected{background:rgba(var(--primary-rgb, 59, 130, 246),.1)}.assignee-option.unassign{color:var(--text-muted);border-bottom:1px solid var(--border)}.assignee-option.unassign:hover{color:var(--danger)}.assignee-option .check-icon{margin-left:auto;color:var(--primary)}.checklist-action-btn{background:none;border:1px solid var(--border);padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;border-radius:4px;transition:all .2s;font-size:.7rem;color:var(--text-muted)}.checklist-action-btn svg{width:12px;height:12px;flex-shrink:0}.checklist-action-btn span{white-space:nowrap}.checklist-action-btn.notes:hover{color:var(--primary);border-color:var(--primary);background:rgba(var(--primary-rgb, 59, 130, 246),.1)}.checklist-action-btn.mark{color:var(--success);border-color:var(--success);background:#22c55e14}.checklist-action-btn.mark:hover{background:var(--success);color:#fff}.checklist-action-btn.unmark{color:var(--warning, #f59e0b);border-color:var(--warning, #f59e0b);background:#f59e0b14}.checklist-action-btn.unmark:hover{background:var(--warning, #f59e0b);color:#fff}.checklist-action-btn.delete{color:var(--text-muted)}.checklist-action-btn.delete:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a}.checklist-item-expanded{padding:0 0 .5rem 1.625rem;margin-top:.375rem}.checklist-description-edit{padding-top:.5rem}.checklist-description-edit textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:4px;font-size:.8rem;font-family:inherit;background:var(--bg);color:var(--fg);resize:vertical;min-height:60px}.checklist-description-edit textarea:focus{outline:none;border-color:var(--primary)}.checklist-description-edit textarea::placeholder{color:var(--text-muted)}.description-edit-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.description-edit-actions .char-count{font-size:.7rem;color:var(--text-muted);margin-right:auto}.description-edit-actions .cancel-btn,.description-edit-actions .save-btn{padding:.35rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.description-edit-actions .cancel-btn{background:none;border:1px solid var(--border);color:var(--fg)}.description-edit-actions .cancel-btn:hover{background:var(--bg-alt)}.description-edit-actions .save-btn{background:var(--primary);border:none;color:#fff}.description-edit-actions .save-btn:hover{opacity:.9}.checklist-description-view{padding-top:.5rem;position:relative}.checklist-description-view p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4;white-space:pre-wrap}.checklist-description-view .edit-description-btn,.checklist-description-view .add-description-btn{background:none;border:none;color:var(--primary);font-size:.75rem;cursor:pointer;padding:0;margin-top:.25rem}.checklist-description-view .edit-description-btn:hover,.checklist-description-view .add-description-btn:hover{text-decoration:underline}.checklist-description-view .collapse-btn{position:absolute;top:.5rem;right:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;opacity:.6}.checklist-description-view .collapse-btn:hover{opacity:1}.checklist-create-options{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-alt);flex-wrap:wrap}.create-option-wrapper{position:relative}.create-option-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.create-option-btn:hover{border-color:var(--primary);color:var(--primary)}.create-option-btn.has-value{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab,var(--primary) 8%,var(--bg))}.create-option-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-assignee-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;max-height:240px;overflow-y:auto;z-index:1001}.create-priority-pills{display:flex;gap:2px}.create-priority-pill{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s}.create-priority-pill:hover{border-color:var(--primary)}.create-priority-pill.selected{color:#fff}.create-priority-pill.low.selected{background:#64748b;border-color:#64748b}.create-priority-pill.medium.selected{background:#3b82f6;border-color:#3b82f6}.create-priority-pill.high.selected{background:#f97316;border-color:#f97316}.create-priority-pill.urgent.selected{background:#ef4444;border-color:#ef4444}.create-priority-pill .priority-dot{width:6px;height:6px}.create-due-input{padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.75rem;max-width:130px}.create-due-input:focus{outline:none;border-color:var(--primary)}.create-due-time{max-width:100px}.create-due-time:disabled{opacity:.4;cursor:not-allowed}.checklist-datetime-row{display:flex;gap:8px}.checklist-datetime-row .checklist-date-input{flex:1;min-width:0}.checklist-datetime-row .checklist-time-input{flex:0 0 110px}.checklist-icon-btn.archive:hover{background:color-mix(in oklab,var(--warning, #f59e0b) 15%,transparent);color:var(--warning, #f59e0b)}.checklist-icon-btn.restore{opacity:.8}.checklist-icon-btn.restore:hover{background:color-mix(in oklab,var(--success) 15%,transparent);color:var(--success);opacity:1}.checklist-item.archived{opacity:.5}.checklist-item.archived .checklist-title{font-style:italic;color:var(--text-muted)}.checklist-item.archived .archived-icon{border:none;color:var(--text-muted);cursor:default}.checklist-item.archived .archived-icon:hover{background:none}.checklist-archive-toggle{padding:.5rem 1rem;border-top:1px solid var(--border-light, rgba(128, 128, 128, .08))}.archive-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:none;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;border-radius:4px;transition:all .15s}.archive-toggle-btn:hover{background:var(--bg-alt);color:var(--fg)}.archive-toggle-btn.active{color:var(--primary)}.archive-count{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;padding:0 4px}.reminder-quick-actions{padding:12px 16px;border-bottom:1px solid var(--border)}.quick-label{font-size:12px;color:var(--fg-dim);margin-bottom:8px;display:block}.quick-buttons{display:flex;flex-wrap:wrap;gap:6px}.quick-btn{padding:6px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;font-size:12px;color:var(--fg);cursor:pointer;transition:all .15s}.quick-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.reminder-add-form{padding:12px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.reminder-form-row{display:flex;gap:8px}.reminder-form-row input[type=date],.reminder-form-row input[type=time]{flex:1;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--fg)}.reminder-message-input{width:100%;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--fg)}.reminder-email-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-dim);cursor:pointer;padding:4px 0}.reminder-email-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.reminder-email-toggle span{user-select:none}.reminder-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.add-reminder-btn{display:flex;align-items:center;gap:6px;margin:12px 16px;padding:8px 12px;background:var(--surface-soft);border:1px dashed var(--border);border-radius:6px;font-size:13px;color:var(--fg-dim);cursor:pointer;transition:all .15s}.add-reminder-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.add-reminder-btn svg{width:14px;height:14px}.reminder-list{padding:8px 0}.reminder-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim);padding:8px 16px 4px}.reminder-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 16px;transition:background .15s}.reminder-item:hover{background:var(--surface-soft)}.reminder-item.past{opacity:.6}.reminder-item-content{flex:1;min-width:0}.reminder-item-time{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--fg)}.reminder-item-time svg{color:var(--primary);flex-shrink:0}.reminder-item.past .reminder-item-time svg{color:var(--success, #10b981)}.reminder-email-badge{display:inline-flex;align-items:center;margin-left:6px;color:var(--fg-dim)}.reminder-item-message{margin-top:4px;font-size:12px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reminder-delete-btn{padding:4px;background:transparent;border:none;color:var(--fg-dim);cursor:pointer;opacity:0;transition:all .15s}.reminder-item:hover .reminder-delete-btn{opacity:1}.reminder-delete-btn:hover{color:var(--danger, #ef4444)}.reminder-delete-btn svg{width:14px;height:14px}.reminder-empty{padding:24px 16px;text-align:center}.reminder-empty p{margin:0;font-size:13px;color:var(--fg-dim)}.reminder-loading{padding:24px 16px;text-align:center;font-size:13px;color:var(--fg-dim)}.plan-markup-panel{width:280px;background:var(--bg-card, #1e293b);border-right:1px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;flex-direction:column;height:100%}.plan-markup-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));flex-shrink:0}.plan-markup-panel .panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary, #fff)}.plan-markup-panel .panel-title svg{color:var(--accent, #3b82f6)}.plan-markup-panel .panel-close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary, #94a3b8);border-radius:4px;display:flex;align-items:center;justify-content:center}.plan-markup-panel .panel-close-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.plan-markup-panel .panel-content{flex:1;overflow-y:auto;padding:16px}.plan-markup-panel .panel-loading,.plan-markup-panel .panel-error{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary, #94a3b8);padding:24px}.plan-markup-panel .panel-error{color:var(--error, #ef4444)}.plan-markup-panel .panel-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;color:var(--text-secondary, #94a3b8)}.plan-markup-panel .empty-icon{margin-bottom:12px}.plan-markup-panel .panel-empty p{margin:0 0 8px;font-weight:500;color:var(--text-primary, #fff)}.plan-markup-panel .empty-hint{font-size:12px;line-height:1.4}.markup-summary{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#3b82f61a;border-radius:8px;margin-bottom:16px}.summary-total{display:flex;flex-direction:column}.total-count{font-size:28px;font-weight:700;color:var(--accent, #3b82f6);line-height:1}.total-label{font-size:11px;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.summary-files{font-size:12px;color:var(--text-secondary, #94a3b8);background:#0003;padding:4px 8px;border-radius:12px}.markup-categories{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.markup-category{background:#0003;border-radius:8px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-left:3px solid;background:#ffffff08}.category-label{font-size:12px;font-weight:600;color:var(--text-primary, #fff);text-transform:uppercase;letter-spacing:.5px}.category-total{font-size:14px;font-weight:700;color:var(--text-primary, #fff)}.category-devices{padding:4px 12px 8px}.device-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-secondary, #94a3b8)}.device-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.device-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-count{font-weight:600;color:var(--text-primary, #fff);min-width:24px;text-align:right}.markup-files{margin-bottom:16px}.files-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #94a3b8);margin-bottom:8px;padding:0 4px}.markup-file-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#0003;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-primary, #fff);font-size:13px;text-align:left;margin-bottom:6px;transition:all .15s ease}.markup-file-btn:hover{background:#3b82f626;border-color:#3b82f64d}.markup-file-btn svg:first-child{color:var(--text-secondary, #94a3b8);flex-shrink:0}.markup-file-btn .file-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.markup-file-btn .file-count{font-size:11px;color:var(--text-secondary, #94a3b8);white-space:nowrap}.markup-file-btn svg:last-child{color:var(--text-secondary, #94a3b8);width:14px;height:14px;flex-shrink:0}.markup-actions{padding-top:8px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.export-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--accent, #3b82f6);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.export-btn:hover{background:var(--accent-hover, #2563eb)}.export-btn svg{flex-shrink:0}.autocomplete{position:relative;width:100%;margin-bottom:16px}.autocomplete.disabled{opacity:.6;pointer-events:none}.autocomplete-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.required-indicator{color:#ef4444;margin-left:4px}.autocomplete-input-wrapper{position:relative}.autocomplete-input{width:100%;min-height:40px;padding:8px 40px 8px 12px;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;outline:none;transition:all .2s ease}.autocomplete-input::placeholder{color:var(--muted)}.autocomplete-input:hover{border-color:var(--accent)}.autocomplete-input:focus,.autocomplete-input.focused{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.autocomplete-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.autocomplete-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--muted);cursor:pointer;border-radius:50%;transition:all .2s ease;font-size:14px;padding:0}.autocomplete-clear-btn:hover{background:#ef444420;color:#ef4444}.autocomplete-dropdown-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--muted);cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:10px;padding:0}.autocomplete-dropdown-toggle:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent)}.autocomplete-dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.autocomplete-dropdown{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 16px #0000001a;max-height:280px;overflow-y:auto;z-index:15001}.autocomplete-loading,.autocomplete-no-results{padding:16px;text-align:center;font-size:13px;color:var(--muted)}.autocomplete-create-btn{display:block;width:100%;margin-top:12px;padding:8px 12px;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.autocomplete-create-btn:hover{opacity:.9;transform:translateY(-1px)}.autocomplete-options{list-style:none;margin:0;padding:4px}.autocomplete-option{padding:10px 12px;font-size:14px;color:var(--text);cursor:pointer;border-radius:6px;transition:all .15s ease;user-select:none}.autocomplete-option:hover,.autocomplete-option.highlighted{background:var(--bg)}.autocomplete-option.selected{background:color-mix(in oklab,var(--accent) 15%,var(--card));color:var(--accent);font-weight:600}.autocomplete-option.selected:after{content:"✓";float:right;font-weight:700}.autocomplete-show-more{width:100%;padding:10px 12px;background:var(--bg);border:none;border-top:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.autocomplete-show-more:hover{background:var(--card);color:var(--accent)}.autocomplete-help{font-size:12px;color:var(--muted);margin-top:4px}.autocomplete-error{font-size:12px;color:#ef4444;margin-top:4px;font-weight:500}.autocomplete.has-error .autocomplete-input{border-color:#ef4444}@media (max-width: 640px){.autocomplete-dropdown{max-height:240px}.autocomplete-option{padding:12px;font-size:15px}}[data-theme=dark] .autocomplete-dropdown{box-shadow:0 8px 16px #0000004d}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--muted)}.form-field{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:16px}.form-label{font-size:13px;font-weight:500;color:var(--text, var(--fg));letter-spacing:0;display:flex;align-items:center;gap:4px}.form-label-required{color:#ef4444;font-size:14px;font-weight:700}.form-input,.form-textarea,.form-select{width:100%;padding:6px 12px;background:var(--card-bg);border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:400;color:var(--text, var(--fg));font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.form-input,.form-select{min-height:32px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.form-select:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.form-select:disabled{background:color-mix(in oklab,var(--card-bg) 75%,transparent)!important;color:color-mix(in oklab,var(--muted) 75%,transparent)!important;cursor:not-allowed;opacity:.6}[data-theme=dark] .form-select,[data-theme=comfort-dark] .form-select,[data-theme=sentinel] .form-select,[data-theme=sentrac] .form-select,[data-theme=glass] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-textarea{padding:8px 12px;resize:vertical;min-height:80px;line-height:1.5}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent);background:color-mix(in oklab,var(--card-bg) 85%,transparent)}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.form-input--error,.form-textarea--error,.form-input--error:focus,.form-textarea--error:focus{border-color:#ef4444!important}.form-input--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #ef44441a!important}.form-field--error .form-label{color:#ef4444}.form-input:disabled,.form-textarea:disabled{background:color-mix(in oklab,var(--card-bg) 75%,transparent)!important;color:color-mix(in oklab,var(--muted) 75%,transparent)!important;cursor:not-allowed;opacity:.6}.form-field--disabled .form-label{color:#9ca3af}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input:disabled::placeholder,.form-textarea:disabled::placeholder{color:#d1d5db}.form-help-text{font-size:12px;font-weight:400;color:var(--muted, var(--fg-dim));line-height:1.4}.form-error-text{font-size:12px;font-weight:500;color:#ef4444;line-height:1.4}.form-char-count{font-size:11px;font-weight:500;color:#9ca3af;text-align:right;align-self:flex-end;margin-top:-4px}.form-field--error .form-char-count{color:#ef4444}.form-input[type=date],.form-input[type=time],.form-input[type=datetime-local]{color:var(--text, var(--fg));color-scheme:dark light;accent-color:var(--accent)}.form-input[type=date]::-webkit-calendar-picker-indicator,.form-input[type=time]::-webkit-calendar-picker-indicator,.form-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--date-picker-icon-filter, none);opacity:.7}.form-input[type=date]::-webkit-calendar-picker-indicator:hover,.form-input[type=time]::-webkit-calendar-picker-indicator:hover,.form-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .form-input[type=date],[data-theme=dark] .form-input[type=time],[data-theme=dark] .form-input[type=datetime-local],[data-theme=sentinel] .form-input[type=date],[data-theme=sentinel] .form-input[type=time],[data-theme=sentinel] .form-input[type=datetime-local],[data-theme=sentrac] .form-input[type=date],[data-theme=sentrac] .form-input[type=time],[data-theme=sentrac] .form-input[type=datetime-local],[data-theme=glass] .form-input[type=date],[data-theme=glass] .form-input[type=time],[data-theme=glass] .form-input[type=datetime-local],[data-theme=comfort-dark] .form-input[type=date],[data-theme=comfort-dark] .form-input[type=time],[data-theme=comfort-dark] .form-input[type=datetime-local]{color-scheme:dark}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=dark] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=sentinel] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=sentinel] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=sentinel] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=sentrac] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=sentrac] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=sentrac] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=glass] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=glass] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=glass] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=comfort-dark] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=comfort-dark] .form-input[type=time]::-webkit-calendar-picker-indicator,[data-theme=comfort-dark] .form-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.form-input,.form-textarea{font-size:16px}.form-input{min-height:40px;padding:8px 12px}.form-textarea{padding:10px 12px}}.site-selector{display:flex;flex-direction:column;gap:12px}.site-selector-search{position:relative;display:flex;align-items:flex-start;gap:8px}.site-selector-search .autocomplete{flex:1}.site-gps-btn{position:absolute;right:40px;top:32px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:4px;transition:all .15s}.site-gps-btn:hover{background:var(--surface-soft);color:var(--accent)}.site-gps-btn.loading{animation:pulse 1s ease-in-out infinite}.site-gps-btn.has-nearby{color:var(--success)}.site-gps-btn svg{width:16px;height:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.site-nearby-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in oklab,var(--success) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--success) 30%,var(--border));border-radius:8px;font-size:14px}.nearby-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--success)}.nearby-icon svg{width:100%;height:100%}.nearby-text{flex:1;display:flex;align-items:center;gap:6px;color:var(--fg)}.nearby-distance{color:var(--fg-muted);font-size:13px}.nearby-accept-btn{padding:6px 14px;background:var(--success);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.nearby-accept-btn:hover{background:color-mix(in oklab,var(--success) 85%,black)}.nearby-dismiss-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:4px;font-size:14px}.nearby-dismiss-btn:hover{background:var(--surface-soft);color:var(--fg)}.site-none-nearby-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in oklab,var(--warning) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--warning) 30%,var(--border));border-radius:8px;font-size:14px}.site-none-nearby-banner .nearby-icon{color:var(--warning)}.nearby-create-btn{padding:6px 14px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.nearby-create-btn:hover{background:color-mix(in oklab,var(--accent) 85%,black)}.site-option-line{display:flex;align-items:baseline;gap:8px;padding:2px 0;flex-wrap:wrap}.site-option-main{font-weight:500;font-size:14px;color:var(--fg)}.site-option-addr{font-size:12px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.site-option-atm-count{font-size:11px;color:var(--accent);background:color-mix(in oklab,var(--accent) 15%,transparent);padding:2px 6px;border-radius:4px;font-weight:500}.site-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.site-no-results>span{color:var(--fg-muted);font-size:13px}.site-create-link{padding:8px 16px;background:transparent;border:1px dashed var(--border);border-radius:6px;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.site-create-link:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:var(--accent);border-style:solid}.site-create-link-always{display:block;width:100%;padding:10px 16px;background:transparent;border:1px dashed var(--border);border-radius:8px;color:var(--accent);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all .15s}.site-create-link-always:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:var(--accent);border-style:solid}.site-inline-create{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.inline-create-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.inline-create-header h4{margin:0;font-size:15px;font-weight:600;color:var(--fg)}.inline-create-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:4px;font-size:16px}.inline-create-close:hover{background:var(--surface);color:var(--fg)}.inline-create-form{display:flex;flex-direction:column;gap:16px;padding:16px}.new-customer-indicator{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:color-mix(in oklab,var(--accent) 12%,var(--surface));border:1px solid color-mix(in oklab,var(--accent) 30%,var(--border));border-radius:6px;font-size:13px;color:var(--fg)}.new-customer-indicator strong{color:var(--accent)}.clear-new-customer{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;border-radius:4px;font-size:12px}.clear-new-customer:hover{background:var(--surface);color:var(--fg)}.inline-create-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}@media (max-width: 480px){.site-nearby-banner{flex-wrap:wrap}.nearby-text{flex:1 1 100%;order:2;margin-top:4px}.nearby-icon{order:1}.nearby-accept-btn{order:3;flex:1}.nearby-dismiss-btn{order:4}.inline-create-actions{flex-direction:column}.inline-create-actions .btn{width:100%}}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:20px 0 0;border-top:1px solid var(--border)}.pagination__info{color:var(--fg-dim);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pagination__info strong{font-weight:600;color:var(--fg)}.pagination__page-size{display:flex;align-items:center;gap:8px;font-size:.875rem}.pagination__page-size label{color:var(--fg-dim);font-weight:500}.pagination__page-size-select{min-height:36px;padding:6px 10px;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text, var(--fg));cursor:pointer;transition:border-color .2s ease}.pagination__page-size-select:hover{border-color:var(--accent)}.pagination__page-size-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.pagination__controls{display:flex;align-items:center;gap:12px}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:all .2s ease;white-space:nowrap}.pagination__btn:hover:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .08));border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #5e6aa61f}.pagination__btn:active:not(:disabled){transform:translateY(0)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__current{padding:8px 16px;color:var(--fg);font-weight:600;font-size:14px;background:var(--surface-soft, rgba(148, 163, 184, .08));border-radius:8px}.pagination__numbers{display:flex;align-items:center;gap:6px}.pagination__number{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:all .2s ease}.pagination__number:hover{background:var(--surface-soft, rgba(148, 163, 184, .08));border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #5e6aa61f}.pagination__number:active{transform:translateY(0)}.pagination__number--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pagination__number--active:hover{background:var(--accent);border-color:var(--accent);transform:none;box-shadow:0 2px 8px #5e6aa633}.pagination__ellipsis{padding:8px 4px;color:var(--fg-dim);font-size:14px;font-weight:600;user-select:none}@media (max-width: 768px){.pagination{flex-direction:column;gap:16px;align-items:stretch}.pagination__info{justify-content:center;text-align:center}.pagination__controls{justify-content:center}.pagination__btn{flex:1;max-width:140px}.pagination__numbers{flex-wrap:wrap;justify-content:center}.pagination__page-size{flex-direction:column;gap:6px}}@media (prefers-reduced-motion: reduce){.pagination__btn,.pagination__number{transition:none}.pagination__btn:hover:not(:disabled),.pagination__number:hover{transform:none}}.invoice-preview-panel{display:flex;flex-direction:column;gap:20px;padding:0;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary)}.preview-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.preview-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--danger);text-align:center}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.preview-header-left{display:flex;flex-direction:column;gap:8px}.preview-back{background:none;border:none;padding:0;color:var(--primary);font-size:13px;cursor:pointer;text-align:left}.preview-back:hover{text-decoration:underline}.preview-title{margin:0;font-size:20px;font-weight:600;color:var(--fg)}.preview-header-right{display:flex;align-items:center;gap:12px}.xero-link-btn{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--primary);font-size:13px;text-decoration:none;transition:all .15s ease}.xero-link-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.preview-meta{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px}.preview-meta-row{display:flex;gap:24px;flex-wrap:wrap}.preview-meta-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.preview-meta-item.full-width{flex:1;min-width:100%}.meta-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.meta-value{font-size:14px;color:var(--fg)}.preview-items h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--fg)}.preview-items-table{width:100%;border-collapse:collapse;font-size:13px}.preview-items-table th{padding:10px 12px;text-align:left;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.preview-items-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.preview-items-table tr:last-child td{border-bottom:none}.col-desc{width:50%}.col-qty{width:10%;text-align:right}.col-unit,.col-amount{width:20%;text-align:right}.preview-items-table th.col-qty,.preview-items-table th.col-unit,.preview-items-table th.col-amount{text-align:right}.no-desc{color:var(--text-secondary);font-style:italic}.item-code{display:inline-block;margin-left:8px;padding:2px 6px;background:var(--bg-secondary);border-radius:4px;font-size:11px;color:var(--text-secondary)}.preview-totals{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary);border-radius:8px;margin-left:auto;width:280px}.preview-totals-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.preview-totals-row.total{padding-top:8px;border-top:1px solid var(--border);font-size:15px;font-weight:600;color:var(--fg)}.preview-totals-row.paid{color:var(--success)}.preview-totals-row.due{font-weight:600;color:var(--fg)}.preview-section{padding:16px;background:var(--bg-secondary);border-radius:8px}.preview-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--fg)}.preview-section p{margin:0;font-size:13px;color:var(--text-secondary);white-space:pre-wrap}@media (max-width: 640px){.invoice-preview-panel{gap:16px}.preview-header{flex-direction:column;gap:12px;position:sticky;top:0;background:var(--bg);padding:12px 0;margin:-12px 0 0;z-index:10;border-bottom:1px solid var(--border)}.preview-back{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;width:100%;justify-content:center}.preview-back:hover{text-decoration:none;background:var(--bg-hover)}.preview-title{font-size:18px;text-align:center}.preview-header-right{width:100%;justify-content:space-between}.xero-link-btn{flex:1;text-align:center}.preview-meta-row{flex-direction:column;gap:12px}.preview-meta-item{min-width:100%}.preview-items-table{font-size:12px}.preview-items-table th,.preview-items-table td{padding:8px 6px}.col-desc{width:40%}.preview-totals{width:100%}}.customer-billing-drawer{padding:0}.billing-summary{padding:16px;background:var(--surface-soft);border-radius:8px;margin-bottom:16px}.billing-summary-header{display:flex;align-items:center;gap:12px}.billing-summary-header h3{margin:0;font-size:18px;font-weight:600}.xero-badge{font-size:11px;padding:2px 8px;background:#0078c1;color:#fff;border-radius:4px;font-weight:500}.billing-summary-abn{margin-top:4px;font-size:13px;color:var(--fg-dim)}.billing-stats{display:flex;gap:16px;margin-bottom:16px}.billing-stat{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center}.billing-stat.highlight{background:var(--success-soft);border-color:var(--success)}.billing-stat-value{display:block;font-size:24px;font-weight:600;color:var(--fg)}.billing-stat.highlight .billing-stat-value{color:var(--success)}.billing-stat-label{display:block;font-size:12px;color:var(--fg-dim);margin-top:4px}.billing-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px;background:var(--surface-soft);border-radius:8px}.billing-filters .filter-group{display:flex;align-items:center;gap:8px}.billing-filters label{font-size:13px;font-weight:500;color:var(--fg-dim)}.filter-buttons{display:flex;gap:4px}.filter-btn{padding:6px 12px;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--fg);cursor:pointer;transition:all .15s}.filter-btn:hover{background:var(--surface-soft)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.date-select{padding:6px 12px;font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--fg)}.billing-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.billing-loading,.billing-empty{padding:48px 24px;text-align:center;color:var(--fg-dim)}.billing-empty svg{margin-bottom:12px;opacity:.5}.billing-empty h4{margin:0 0 8px;color:var(--fg)}.billing-empty p{margin:0}.billing-month-header{position:sticky;top:0;margin:0;padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim);background:var(--surface-soft);border-bottom:1px solid var(--border);z-index:1}.billing-month+.billing-month{border-top:1px solid var(--border)}.billing-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);transition:background .15s}.billing-item:last-child{border-bottom:none}.billing-item:hover{background:var(--surface-soft)}.billing-item.clickable{cursor:pointer}.billing-item.clickable:hover{background:var(--primary-soft, rgba(var(--primary-rgb, 59, 130, 246), .08))}.preview-arrow{font-size:16px;color:var(--fg-dim);opacity:0;transition:opacity .15s,transform .15s}.billing-item.clickable:hover .preview-arrow{opacity:1;transform:translate(2px)}.billing-item-type{display:flex;align-items:center;gap:6px;min-width:80px}.type-icon{font-size:18px}.type-label{font-size:12px;font-weight:500;color:var(--fg-dim)}.billing-item-main{flex:1;min-width:0}.billing-item-ref{font-weight:600;color:var(--fg)}.billing-item-date,.billing-item-site{font-size:12px;color:var(--fg-dim);margin-top:2px}.billing-item-amount{font-size:15px;font-weight:600;color:var(--success);white-space:nowrap}.xero-link{font-size:12px;color:#0078c1;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .15s}.xero-link:hover{background:#0078c11a}@media (max-width: 600px){.billing-stats,.billing-filters{flex-direction:column}.billing-item{flex-wrap:wrap}.billing-item-main{order:1;width:100%}.billing-item-amount{order:2}}.sf-fields-list{display:flex;flex-direction:column;gap:4px}.sf-empty{color:var(--text-muted);font-size:.8rem;padding:8px 0}.sf-field-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:color-mix(in oklab,var(--fg) 4%,transparent)}.sf-field-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, var(--fg));min-width:100px;flex-shrink:0}.sf-field-value{flex:1;font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-masked{color:var(--text-muted);letter-spacing:2px;user-select:none}.sf-revealed{color:var(--fg);font-family:SF Mono,Fira Code,monospace;font-weight:500}.sf-field-actions{display:flex;gap:2px;flex-shrink:0}.sf-btn{border:none;background:none;cursor:pointer;font-size:.8rem;border-radius:4px;transition:background .15s}.sf-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);padding:0}.sf-btn-icon:hover{background:color-mix(in oklab,var(--fg) 10%,transparent);color:var(--fg)}.sf-btn-danger:hover{background:color-mix(in oklab,var(--danger) 15%,transparent);color:var(--danger)}.sf-add-form{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:6px;background:color-mix(in oklab,var(--fg) 4%,transparent);border:1px solid var(--border)}.sf-input{padding:6px 8px;border:1px solid var(--border);border-radius:4px;font-size:.8rem;background:var(--bg);color:var(--fg);outline:none}.sf-input:focus{border-color:var(--primary)}.sf-error{color:var(--danger);font-size:.75rem}.sf-form-actions{display:flex;gap:6px}.sf-btn-primary{padding:4px 12px;background:var(--primary);color:#fff;border-radius:4px;font-weight:500}.sf-btn-primary:hover:not(:disabled){opacity:.9}.sf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sf-btn-secondary{padding:4px 12px;color:var(--text-muted);border-radius:4px}.sf-btn-secondary:hover{background:color-mix(in oklab,var(--fg) 8%,transparent)}.sf-add-btn{display:flex;align-items:center;gap:6px;padding:6px 8px;border:none;background:none;color:var(--primary);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:4px;margin-top:2px}.sf-add-btn:hover{background:color-mix(in oklab,var(--primary) 10%,transparent)}.sf-section-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 0 2px}.sf-show-more{border:none;background:none;color:var(--primary);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;text-align:left}.sf-show-more:hover{background:color-mix(in oklab,var(--primary) 10%,transparent)}.sf-linked-group{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.sf-linked-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 8px 4px}.sf-field-row--inherited{opacity:.85}.sf-field-row--inherited .sf-field-label{font-weight:500}.item-detail-drawer{position:fixed!important;top:64px!important;right:0!important;bottom:0!important;width:1000px;max-width:100vw;background:var(--card);border-left:1px solid var(--border);box-shadow:-8px 0 32px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s ease;overflow:visible}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.drawer-resize-handle{position:absolute;left:-4px;top:0;bottom:0;width:10px;cursor:ew-resize;z-index:1001;background:transparent;transition:background .15s}.drawer-resize-handle:before,.drawer-resize-handle:after{content:"";position:absolute;top:50%;transform:translateY(-50%);height:36px;border-radius:1px;transition:background .15s,height .15s}.drawer-resize-handle:before{left:3px;width:1.5px;background:var(--muted);opacity:.5}.drawer-resize-handle:after{left:6px;width:1.5px;background:var(--muted);opacity:.5}.drawer-resize-handle:hover:before,.drawer-resize-handle:hover:after,.drawer-resize-handle.resizing:before,.drawer-resize-handle.resizing:after{background:var(--primary);opacity:1;height:48px}.drawer-resize-handle:hover,.drawer-resize-handle.resizing{background:color-mix(in oklab,var(--primary) 12%,transparent)}@media (max-width: 768px){.drawer-resize-handle{display:none}}.item-detail-drawer>.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0}.item-detail-drawer .drawer-header-left{display:flex;align-items:center;gap:12px}.drawer-type-badge{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.drawer-type-badge.ticket{background:color-mix(in oklab,#8b5cf6 15%,transparent);color:#8b5cf6}.drawer-type-badge.task{background:color-mix(in oklab,#3b82f6 15%,transparent);color:#3b82f6}.drawer-type-badge.subtask{background:color-mix(in oklab,#06b6d4 15%,transparent);color:#06b6d4}.drawer-type-badge.project{background:color-mix(in oklab,#10b981 15%,transparent);color:#10b981}.drawer-item-number{font-size:14px;font-weight:600;color:var(--muted)}.active-viewers-row{display:flex;align-items:center;gap:8px;margin-left:16px;padding:4px 10px;background:var(--surface-soft, rgba(0, 0, 0, .03));border-radius:20px;cursor:pointer;transition:background .15s ease}.active-viewers-row:hover{background:var(--accent-soft, rgba(59, 130, 246, .1))}.active-viewers-label{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.active-viewers-avatars{display:flex;align-items:center}.active-viewer-avatar{position:relative;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid var(--card);margin-left:-8px}.active-viewer-avatar:first-child{margin-left:0}.active-viewer-avatar.is-self{border-color:var(--accent)}.active-viewer-avatar .online-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;background:#22c55e;border:2px solid var(--card);border-radius:50%}.active-viewer-more{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;background:var(--bg-subtle);color:var(--muted);border:2px solid var(--card);margin-left:-8px}.item-detail-drawer .drawer-header-actions{display:flex;gap:8px}.drawer-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:transparent;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .15s ease}.drawer-action-btn svg{width:18px;height:18px}.drawer-action-btn:hover{border-color:var(--accent);color:var(--text);background:var(--surface-soft)}.drawer-action-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-action-btn--success{border-color:var(--success, #10b981);color:var(--success, #10b981);background:#10b9811a}.drawer-action-btn--success:hover{border-color:var(--success, #10b981);color:var(--success, #10b981);background:#10b98126}.drawer-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .15s ease}.drawer-close-btn svg{width:20px;height:20px}.drawer-close-btn:hover{background:var(--surface-soft);color:var(--danger)}.item-detail-drawer>.item-drawer-body{flex:1;display:flex!important;flex-direction:row!important;overflow:hidden;position:relative;min-height:0}.item-detail-drawer .drawer-panel-left{width:400px!important;min-width:280px;max-width:400px;flex-shrink:1!important;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:var(--card)}.item-detail-drawer .drawer-panel-right{flex:1!important;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.item-title-section{padding:20px;border-bottom:1px solid var(--border)}.item-title-row{display:flex;align-items:flex-start;gap:12px}.item-priority-bar{width:4px;height:100%;min-height:48px;border-radius:4px;flex-shrink:0}.item-priority-bar.urgent{background:#ef4444}.item-priority-bar.high{background:#f59e0b}.item-priority-bar.medium{background:#3b82f6}.item-priority-bar.low{background:#6b7280}.item-title-content{flex:1}.item-title-input{width:100%;padding:8px 0;border:none;background:transparent;font-size:18px;font-weight:600;color:var(--text);line-height:1.3}.item-title-input:focus{outline:none}.item-title-input::placeholder{color:var(--muted)}.item-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.meta-field{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:13px;font-weight:500;color:var(--text)}.meta-select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:13px;cursor:pointer}.meta-select:focus{outline:none;border-color:var(--accent)}.due-date-wrapper{display:flex;flex-direction:column;gap:4px}.due-date-input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:13px;cursor:pointer;font-family:inherit}.due-date-input:focus{outline:none;border-color:var(--accent)}.due-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.due-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.due-time-input{max-width:110px}.due-time-input:disabled{opacity:.4;cursor:not-allowed}.status-select{padding:5px 28px 5px 10px;border-radius:16px;font-size:11px;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;cursor:pointer}.status-select.open{background-color:color-mix(in oklab,#2563eb 20%,transparent);color:#2563eb;border-color:#2563eb;font-weight:700}.status-select.in_progress{background-color:color-mix(in oklab,#f59e0b 15%,transparent);color:#f59e0b;border-color:#f59e0b}.status-select.waiting_customer,.status-select.waiting_internal{background-color:color-mix(in oklab,#8b5cf6 15%,transparent);color:#8b5cf6;border-color:#8b5cf6}.status-select.resolved{background-color:color-mix(in oklab,#10b981 15%,transparent);color:#10b981;border-color:#10b981}.status-select.closed{background-color:color-mix(in oklab,#6b7280 15%,transparent);color:#6b7280;border-color:#6b7280}.status-select.on_hold{background-color:color-mix(in oklab,#ef4444 15%,transparent);color:#ef4444;border-color:#ef4444}.status-select.waiting_approval{background-color:color-mix(in oklab,#f97316 15%,transparent);color:#f97316;border-color:#f97316}.status-select.spam{background-color:color-mix(in oklab,#ef4444 15%,transparent);color:#ef4444;border-color:#ef4444}.status-select.converted{background-color:color-mix(in oklab,#06b6d4 15%,transparent);color:#06b6d4;border-color:#06b6d4}.status-select.cancelled{background-color:color-mix(in oklab,#ef4444 15%,transparent);color:#ef4444;border-color:#ef4444}.status-picker{position:relative}.status-picker-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.status-picker-trigger:hover{border-color:var(--accent)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-picker-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;animation:statusPickerIn .15s ease}@keyframes statusPickerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;font-size:13px;color:var(--fg);cursor:pointer;text-align:left;transition:background .1s ease}.status-picker-item:hover{background:var(--hover-bg)}.status-picker-item.selected{background:color-mix(in oklab,var(--accent) 10%,transparent);font-weight:600}.status-picker-item svg{color:var(--accent)}.linked-job-badge{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;background:color-mix(in oklab,var(--accent) 10%,transparent);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:6px;font-size:12px;font-weight:500;color:var(--accent);text-decoration:none;cursor:pointer;transition:all .15s ease}.linked-job-badge:hover{background:color-mix(in oklab,var(--accent) 18%,transparent);border-color:var(--accent)}.linked-job-badge svg{width:14px;height:14px;flex-shrink:0}.assignee-selector{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);cursor:pointer;transition:all .15s ease}.assignee-selector:hover{border-color:var(--accent)}.assignee-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.assignee-avatar.empty{background:var(--surface-soft);color:var(--muted)}.assignee-avatar.empty svg{width:14px;height:14px}.linked-context-section{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--accent) 3%,var(--bg))}.linked-context-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease;flex:1;min-width:180px}.linked-context-item:hover{border-color:var(--accent);background:var(--bg-subtle)}.linked-context-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-subtle);border-radius:6px;color:var(--muted);font-size:16px;flex-shrink:0}.linked-context-icon svg{width:16px;height:16px}.linked-context-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.linked-context-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.linked-context-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-context-subtitle{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-context-item-row{display:flex;align-items:center;gap:8px}.linked-context-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}.linked-context-action-btn:hover{background:var(--accent-hover, color-mix(in oklab, var(--accent) 85%, black));transform:translateY(-1px)}.linked-context-action-btn:active{transform:translateY(0)}.linked-context-action-btn svg{width:14px;height:14px}.customer-section{padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--accent) 3%,var(--bg))}.customer-info{display:flex;align-items:center;gap:10px}.customer-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.customer-details{flex:1;min-width:0}.customer-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-email{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-badge{padding:3px 8px;background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--accent);border-radius:10px;font-size:10px;font-weight:600;flex-shrink:0}.email-source-section{padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--primary) 5%,var(--bg))}.email-source-info{display:flex;align-items:center;gap:10px}.email-source-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.email-source-details{flex:1;min-width:0}.email-source-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-source-address{font-size:12px;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;display:block}.email-source-address:hover{text-decoration:underline}.email-source-badge{padding:4px 10px;background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary);border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0;display:flex;align-items:center;gap:4px}.email-source-badge svg{width:12px;height:12px}.email-source-edit-btn{padding:6px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.email-source-edit-btn:hover{background:var(--surface);color:var(--primary)}.email-source-edit-btn svg{width:14px;height:14px}.email-source-edit-form{display:flex;flex-direction:column;gap:12px}.email-source-edit-header{display:flex;align-items:center;justify-content:space-between}.email-source-edit-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text)}.email-source-edit-title svg{width:14px;height:14px;color:var(--primary)}.email-source-edit-close{padding:4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.email-source-edit-close:hover{background:var(--surface);color:var(--text)}.email-source-edit-close svg{width:14px;height:14px}.email-source-edit-fields{display:flex;flex-direction:column;gap:10px}.email-source-edit-field{display:flex;flex-direction:column;gap:4px}.email-source-edit-field label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.email-source-edit-field input{padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none;transition:all .15s ease}.email-source-edit-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 20%,transparent)}.email-source-edit-field input:disabled{opacity:.6;cursor:not-allowed}.email-source-edit-actions{display:flex;gap:8px;justify-content:flex-end}.email-source-edit-cancel{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.email-source-edit-cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.email-source-edit-cancel:disabled{opacity:.6;cursor:not-allowed}.email-source-edit-save{padding:6px 16px;background:var(--primary);border:1px solid var(--primary);border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.email-source-edit-save:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.email-source-edit-save:disabled{opacity:.6;cursor:not-allowed}.email-source-edit-note{display:flex;align-items:center;gap:6px;padding:8px 10px;background:color-mix(in oklab,var(--info) 10%,transparent);border-radius:6px;font-size:11px;color:var(--info)}.email-source-edit-note svg{width:14px;height:14px;flex-shrink:0}.email-source-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.email-source-actions .link-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.email-source-actions .link-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.email-source-actions .link-btn svg{width:14px;height:14px}.email-linked-info{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:11px;color:var(--success)}.email-linked-info svg{width:14px;height:14px}.email-linked-info strong{color:var(--text-primary)}.email-unlink-btn{margin-left:auto;padding:2px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}.email-unlink-btn:hover{color:var(--danger);background:var(--bg-tertiary)}.email-unlinked-info{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:11px;color:var(--text-secondary)}.email-unlinked-info svg{width:14px;height:14px;color:var(--text-tertiary)}.email-unlink-btn svg{width:12px;height:12px}.email-source-actions .link-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.email-link-picker{margin-top:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.email-link-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text)}.email-link-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer}.email-link-picker-close:hover{background:var(--bg-hover);color:var(--text)}.email-link-picker-close svg{width:14px;height:14px}.email-link-picker-search{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none}.email-link-picker-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.email-link-picker-results{margin-top:8px;max-height:200px;overflow-y:auto}.email-link-picker-loading,.email-link-picker-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.email-link-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text);font-size:13px;text-align:left;cursor:pointer;transition:all .1s ease}.email-link-picker-item:hover{background:var(--bg-hover)}.email-link-picker-item:disabled{opacity:.5;cursor:not-allowed}.email-link-picker-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-soft);border-radius:6px;color:var(--primary)}.email-link-picker-item-icon svg{width:16px;height:16px}.email-link-picker-item-name{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.email-link-picker-item-sub{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-section{padding:16px 20px;border-bottom:1px solid var(--border)}.description-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.description-label{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.description-label svg{width:14px;height:14px;color:var(--muted)}.description-textarea{width:100%;min-height:120px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-subtle);color:var(--text);font-size:13px;line-height:1.5;resize:vertical}.description-textarea:focus{outline:none;border-color:var(--accent)}.description-textarea::placeholder{color:var(--muted)}.description-format-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease}.description-format-toggle:hover{color:var(--text);border-color:var(--accent)}.description-format-toggle.active{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent)}.description-format-toggle svg{width:12px;height:12px}.description-html{padding:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;line-height:1.6;overflow-x:auto;max-height:400px;overflow-y:auto}.description-html h1,.description-html h2,.description-html h3{margin:.5em 0;color:var(--text)}.description-html p{margin:.5em 0}.description-html a{color:var(--accent)}.description-html table{border-collapse:collapse;width:100%;margin:.5em 0}.description-html th,.description-html td{border:1px solid var(--border);padding:6px 10px;text-align:left}.description-html th{background:var(--bg);font-weight:600}.description-html tr:nth-child(2n){background:var(--bg)}.description-html ul,.description-html ol{margin:.5em 0;padding-left:1.5em}.description-html img{max-width:100%;height:auto;border-radius:4px;margin:.5em 0}.description-html blockquote{margin:.5em 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--bg);font-style:italic}.description-html pre,.description-html code{font-family:SF Mono,Monaco,Inconsolata,monospace;background:var(--bg);padding:2px 4px;border-radius:3px;font-size:12px}.description-html pre{padding:10px;overflow-x:auto}.attachment-indicator{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.attachment-indicator:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.attachment-indicator svg{width:14px;height:14px}.watchers-section{padding:16px 20px;border-bottom:1px solid var(--border)}.watchers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.watchers-label{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.watchers-label svg{width:14px;height:14px;color:var(--muted)}.add-watcher-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px dashed var(--border);background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.add-watcher-btn:hover{border-color:var(--accent);color:var(--accent)}.add-watcher-btn svg{width:12px;height:12px}.watchers-list{display:flex;flex-wrap:wrap;gap:6px}.watcher-chip{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:var(--bg-subtle);border-radius:16px;font-size:12px;color:var(--text)}.watcher-chip .watcher-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff}.watcher-chip .remove-watcher{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:50%;margin-left:2px}.watcher-chip .remove-watcher:hover{background:var(--danger);color:#fff}.watcher-chip .remove-watcher svg{width:10px;height:10px}.watchers-empty{font-size:12px;color:var(--muted);font-style:italic}.active-team-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.active-team-label{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:8px}.active-team-list{display:flex;flex-wrap:wrap;gap:6px}.watcher-chip.active{background:color-mix(in oklab,#10b981 15%,var(--bg-subtle));border:1px solid color-mix(in oklab,#10b981 30%,transparent)}.watcher-chip.active .watcher-avatar{position:relative}.watcher-chip .online-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;background:#10b981;border:2px solid var(--card);border-radius:50%}.watcher-chip.is-self{opacity:.7}.watcher-dropdown{min-width:220px;max-height:240px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026}.watcher-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s ease}.watcher-dropdown-item:hover{background:var(--bg-subtle)}.watcher-dropdown-item .watcher-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.watcher-dropdown-item span{font-size:13px;color:var(--text)}.watcher-dropdown-empty{padding:16px;text-align:center;font-size:12px;color:var(--muted)}.collaborators-section{padding:16px 20px;border-bottom:1px solid var(--border)}.collaborators-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.collaborators-label{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.collaborators-label svg{width:14px;height:14px;color:var(--muted)}.add-collaborator-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px dashed var(--border);background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.add-collaborator-btn:hover{border-color:var(--accent);color:var(--accent)}.add-collaborator-btn svg{width:12px;height:12px}.collaborators-hint{font-size:11px;color:var(--muted);margin:0}.collaborators-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.collaborator-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-secondary);border-radius:8px}.collaborator-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.collaborator-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.collaborator-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collaborator-company{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collaborator-status{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;flex-shrink:0}.collaborator-status.status-active{background:color-mix(in oklab,#22c55e 15%,transparent);color:#22c55e}.collaborator-status.status-pending{background:color-mix(in oklab,#f59e0b 15%,transparent);color:#f59e0b}.collaborator-status.status-suspended,.collaborator-status.status-expired{background:color-mix(in oklab,#ef4444 15%,transparent);color:#ef4444}.collaborator-meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collaborator-meta .status-expired{color:#ef4444;font-weight:500}.collaborator-meta .status-expiring{color:#f59e0b;font-weight:500}.collaborator-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.resend-invite-btn{padding:4px 8px;border:1px solid var(--border);background:transparent;border-radius:4px;font-size:10px;font-weight:500;color:var(--accent, var(--primary));cursor:pointer;transition:all .15s ease}.resend-invite-btn:hover{background:color-mix(in oklab,var(--accent, var(--primary)) 10%,transparent);border-color:var(--accent, var(--primary))}.resend-invite-btn:disabled{opacity:.6;cursor:not-allowed}.delete-collab-btn{padding:2px 6px;border:1px solid var(--border);background:transparent;border-radius:4px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;line-height:1}.delete-collab-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.delete-collab-btn:disabled{opacity:.6;cursor:not-allowed}.invite-collaborator-form{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:10px}.invite-form-field{margin-bottom:8px}.invite-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.invite-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:12px}.invite-input:focus{outline:none;border-color:var(--accent)}.invite-input::placeholder{color:var(--muted)}.invite-form-actions{display:flex;justify-content:flex-end;gap:8px}.invite-cancel-btn{padding:6px 12px;border:1px solid var(--border);background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.invite-cancel-btn:hover{background:var(--surface-soft);color:var(--text)}.invite-send-btn{padding:6px 12px;border:none;background:var(--accent);color:var(--accent-contrast, #fff);border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.invite-send-btn:hover{background:var(--accent-hover)}.invite-send-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-mode-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative}.mode-tab:hover{color:var(--text);background:var(--surface-soft)}.mode-tab.active{color:var(--primary);background:var(--card)}.mode-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary)}.mode-tab svg{width:16px;height:16px}.mode-tab-count{background:var(--primary);color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;min-width:18px;text-align:center}.mode-tab:not(.active) .mode-tab-count{background:var(--surface-soft);color:var(--muted)}.mode-tab-count--email{background:var(--success, #10b981)}.mode-tab:not(.active) .mode-tab-count--email{background:var(--surface-soft);color:var(--muted)}.conversation-section{flex:1 1 0;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.conversation-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.conversation-header h3 svg{width:18px;height:18px;color:var(--accent)}.message-count-badge{background:var(--surface-soft);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:var(--muted)}.conversation-header-left{display:flex;align-items:center;gap:12px}.pin-toggle-btn{width:26px;height:26px;border:none;background:var(--surface-soft);border-radius:6px;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pin-toggle-btn:hover{background:var(--accent-soft, rgba(59, 130, 246, .1));color:var(--accent)}.pin-toggle-btn.active{background:var(--accent);color:#fff}.pinned-message-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border-bottom:1px solid rgba(59,130,246,.2);border-left:3px solid var(--accent)}.pinned-message-icon{display:flex;align-items:center;gap:6px;color:var(--accent);flex-shrink:0}.pinned-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pinned-message-content{flex:1;min-width:0;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-author{font-weight:600;color:var(--text);margin-right:8px}.pinned-text{color:var(--muted)}.pinned-hide-btn{width:20px;height:20px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.pinned-hide-btn:hover{background:var(--surface-soft);color:var(--text)}.message-pin-btn{width:20px;height:20px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:opacity .15s,color .15s;margin-left:auto}.message-item:hover .message-pin-btn{opacity:.6}.message-pin-btn:hover{opacity:1!important}.message-pin-btn.active{color:var(--accent);opacity:1!important}.message-item.pinned{background:linear-gradient(135deg,#3b82f608,#3b82f614);border:1px solid rgba(59,130,246,.15);border-radius:10px}.message-tabs{display:flex;gap:4px}.message-tab{padding:5px 10px;border:none;background:transparent;border-radius:6px;font-size:11px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.message-tab:hover{background:var(--surface-soft);color:var(--text)}.message-tab.active{background:var(--bg-subtle);color:var(--text)}.messages-list{flex:1;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.load-more-messages{display:flex;justify-content:center;padding:8px 0 12px}.load-more-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:12px;color:var(--primary);background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s}.load-more-btn:hover:not(:disabled){background:var(--surface-hover)}.load-more-btn:disabled{opacity:.6;cursor:default}.load-more-btn .spinner-sm{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.message-item{display:flex;gap:12px;padding:12px;background:var(--surface-soft);border-radius:10px;margin-bottom:2px}.message-item:has(.message-body.internal){background:color-mix(in oklab,#f59e0b 8%,var(--surface-soft));border-left:3px solid #f59e0b}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0;align-self:flex-start}.message-avatar.system{background:var(--surface-soft);color:var(--muted)}.message-avatar.system svg{width:16px;height:16px}.message-avatar.ai{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.message-avatar.ai svg{width:16px;height:16px}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.message-author{font-size:13px;font-weight:600;color:var(--text)}.message-role{padding:2px 6px;background:var(--surface-soft);border-radius:4px;font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase}.message-role.internal{background:color-mix(in oklab,#f59e0b 15%,transparent);color:#f59e0b}.message-role.customer{background:color-mix(in oklab,#10b981 15%,transparent);color:#10b981}.message-role.api{background:color-mix(in oklab,#8b5cf6 15%,transparent);color:#8b5cf6}.message-time{font-size:10px;color:var(--muted);margin-left:auto}.message-body{font-size:14px;line-height:1.5;color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;min-width:0}.message-body p{margin:0}.message-body p+p{margin-top:8px}.message-body .mention{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent);padding:1px 4px;border-radius:4px;font-weight:500}.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--muted)}.messages-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.messages-empty p{margin:0;font-size:13px}.reply-section{padding:14px 20px;border-top:1px solid var(--border);background:var(--card);flex-shrink:0}.reply-type-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;background:color-mix(in oklab,#f59e0b 8%,transparent);border:1px solid color-mix(in oklab,#f59e0b 30%,transparent);border-radius:8px;color:#d97706;font-size:13px;font-weight:500}.reply-type-indicator svg{width:14px;height:14px;flex-shrink:0}.reply-type-hint{margin-left:auto;font-weight:400;font-size:12px;opacity:.8}.reply-type-toggle{display:flex;align-items:center;gap:6px;margin-bottom:10px}.reply-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--muted, #64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.reply-toggle-btn svg{width:14px;height:14px}.reply-toggle-btn:hover{background:var(--bg);border-color:var(--primary)}.reply-toggle-btn.active:first-child{background:color-mix(in oklab,#10b981 15%,var(--bg));border-color:#10b981;color:#10b981}.reply-toggle-btn.active:last-of-type{background:color-mix(in oklab,#f59e0b 15%,var(--bg));border-color:#f59e0b;color:#d97706}.reply-input-wrapper{display:flex;gap:10px}.reply-textarea{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:13px;line-height:1.4;resize:none;min-height:70px}.reply-textarea:focus{outline:none;border-color:var(--accent)}.reply-textarea::placeholder{color:var(--muted)}.reply-actions{display:flex;flex-direction:column;gap:6px}.reply-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--accent);color:var(--accent-contrast, #fff);border-radius:10px;cursor:pointer;transition:all .15s ease}.reply-send-btn svg{width:18px;height:18px}.reply-send-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.reply-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:var(--surface-bg);color:var(--fg-muted, var(--muted));border-radius:10px;cursor:pointer;transition:all .15s ease}.attach-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.attach-btn svg{width:18px;height:18px}.pending-images{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--bg-subtle);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0}.pending-image{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.pending-image img{width:100%;height:100%;object-fit:cover}.pending-image.uploading{opacity:.7}.pending-image-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease}.pending-image:hover .pending-image-remove{opacity:1}.pending-image-remove svg{width:12px;height:12px}.pending-image-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006}.upload-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.pending-images+.reply-textarea{border-radius:0 0 12px 12px}.message-content-parsed{line-height:1.5;overflow-x:auto;overflow-wrap:break-word;word-break:break-word;min-width:0}.message-content-parsed table{max-width:100%}.message-content-parsed pre{overflow-x:auto;max-width:100%}.inline-image-wrapper{margin:8px 0}.inline-image{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;border:1px solid var(--border);transition:transform .15s ease,box-shadow .15s ease}.inline-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.inline-image-loading{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:var(--bg-subtle);border-radius:8px;border:1px solid var(--border)}.inline-image-loading .spinner-small{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.inline-image-error{padding:8px 12px;background:var(--bg-subtle);border-radius:6px;font-size:.8125rem;color:var(--text-tertiary);font-style:italic}.mention-btn-wrapper{position:relative}.mention-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:var(--surface-bg);color:var(--accent);border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;transition:all .15s ease}.mention-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.mention-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;z-index:100;overflow:hidden}.mention-dropdown-header{padding:10px;border-bottom:1px solid var(--border)}.mention-dropdown-header input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-bg);font-size:13px;color:var(--fg);outline:none}.mention-dropdown-header input:focus{border-color:var(--accent)}.mention-dropdown-header input::placeholder{color:var(--muted)}.mention-dropdown-list{max-height:240px;overflow-y:auto;padding:6px}.mention-dropdown-empty{text-align:center;padding:20px;color:var(--muted);font-size:13px}.mention-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;color:var(--fg);transition:background .15s ease}.mention-dropdown-item:hover{background:var(--surface-bg)}.mention-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--primary, #6366f1) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.mention-info{flex:1;min-width:0}.mention-name{font-size:13px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-role{font-size:11px;color:var(--muted);text-transform:capitalize}.reply-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:8px;opacity:.7}.drawer-backdrop{position:fixed;top:64px!important;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.drawer-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.drawer-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1600px) and (min-width: 1201px){.item-detail-drawer{width:800px}}@media (max-width: 1024px){.item-detail-drawer{width:100vw}.drawer-panel-left{width:350px}}@media (max-width: 768px){.item-detail-drawer{width:100vw}.drawer-content{flex-direction:column}.drawer-panel-left{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:40vh;overflow-y:auto}.drawer-panel-right{flex:1;min-height:60vh}.item-meta-grid{grid-template-columns:1fr 1fr}.drawer-header,.item-title-section,.description-section,.watchers-section{padding:12px 16px}.conversation-header,.messages-list,.reply-section{padding-left:16px;padding-right:16px}}.work-item-page .drawer-backdrop{display:none}.work-item-page .item-detail-drawer{position:relative;width:100%;max-width:1200px;height:auto;min-height:100vh;margin:0 auto;box-shadow:none;border-left:1px solid var(--border);border-right:1px solid var(--border);animation:none}@media (max-width: 1200px){.work-item-page .item-detail-drawer{border:none}}.item-detail-drawer{width:1048px}.item-drawer-body>.drawer-icon-rail{border-right:1px solid var(--border);border-left:none;position:relative;z-index:10}.drawer-expandable-panels{position:absolute;right:100%;top:56px;bottom:0;display:flex;flex-direction:row;z-index:5;pointer-events:none}.drawer-expandable-panels:not(:empty){pointer-events:auto}.drawer-expandable-panels .side-panel{box-shadow:-4px 0 16px #00000026}.mobile-work-drawer-wrapper .item-detail-drawer{top:0!important;bottom:0!important;height:100vh!important;width:100vw!important;max-width:100vw!important;z-index:9999!important}.mobile-work-drawer-wrapper .drawer-backdrop{z-index:9998!important}@media (max-width: 768px){.mobile-work-drawer-wrapper .drawer-icon-rail{display:none}.mobile-work-drawer-wrapper .item-drawer-body{grid-template-columns:1fr}.mobile-work-drawer-wrapper .drawer-expandable-panels{position:fixed;inset:0;z-index:10000}.mobile-work-drawer-wrapper .drawer-expandable-panels .side-panel{width:100vw;max-width:100vw;box-shadow:none}}.mode-tab-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;margin-left:4px}.email-thread-section{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px;gap:16px;min-height:0}.email-thread-content{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px}.email-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--muted)}.email-thread-empty svg{width:48px;height:48px;opacity:.3;margin-bottom:16px}.email-thread-empty h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text)}.email-thread-empty p{margin:0;font-size:13px}.email-thread-hint{margin-top:12px!important;font-size:12px!important;opacity:.7}.email-message{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:visible;flex-shrink:0}.email-message.inbound{border-left:3px solid var(--primary)}.email-message.outbound{border-left:3px solid var(--success)}.email-message.reply{margin-top:16px}.email-message.reply:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-bottom:16px}.email-message-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.email-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.email-sender-info{flex:1;min-width:0}.email-sender-name{font-size:13px;font-weight:600;color:var(--text)}.email-sender-address{font-size:11px;color:var(--muted)}.email-recipient-line{font-size:10.5px;color:var(--muted);opacity:.8;line-height:1.4}.email-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.email-attachment-indicator{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);cursor:pointer;transition:background .15s ease}.email-attachment-indicator:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.email-attachment-indicator svg{width:12px;height:12px}.email-direction{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px}.email-direction svg{width:12px;height:12px}.email-direction.inbound{background:color-mix(in oklab,var(--primary) 15%,transparent);color:var(--primary)}.email-direction.outbound{background:color-mix(in oklab,var(--success) 15%,transparent);color:var(--success)}.email-time{font-size:11px;color:var(--muted)}.email-message-subject{padding:10px 16px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface)}.email-message-subject strong{color:var(--text)}.email-message-body{padding:16px;overflow-x:auto;overflow-y:visible;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.email-message-body pre{margin:0;font-family:inherit;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text)}.email-html-content{font-size:13px;line-height:1.6;color:var(--text);overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.email-html-content>*{max-width:100%}.email-html-content div{max-width:100%;overflow-wrap:break-word}.email-html-content p{margin:.5em 0}.email-html-content a{color:var(--accent)}.email-html-content img{max-width:100%;height:auto;border-radius:4px;margin:.5em 0}.email-html-content table{border-collapse:collapse;width:auto;max-width:100%;margin:.5em 0;table-layout:auto}.email-html-content th,.email-html-content td{border:1px solid var(--border);padding:6px 10px;text-align:left}.email-html-content ul,.email-html-content ol{margin:.5em 0;padding-left:1.5em}.email-html-content blockquote{margin:.5em 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--bg);font-style:italic}.message-attachments-indicator{display:inline-flex;align-items:center;gap:6px;margin:0 16px 12px;padding:6px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px}.message-attachments-indicator.clickable{cursor:pointer;transition:all .15s ease}.message-attachments-indicator.clickable:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.message-attachments-indicator svg{width:14px;height:14px}.email-quoted-section{border-top:1px dashed var(--border);background:var(--surface-soft)}.email-quote-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 16px;background:none;border:none;color:var(--fg-muted);font-size:12px;cursor:pointer;transition:all .15s ease}.email-quote-toggle:hover{background:var(--hover);color:var(--fg)}.email-quote-toggle svg{width:14px;height:14px;flex-shrink:0}.email-quoted-content{padding:12px 16px;border-top:1px dashed var(--border);background:var(--bg)}.email-quoted-content pre{margin:0;font-family:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--fg-muted);opacity:.8}.email-reply-section{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0}.email-reply-header{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--surface-soft);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text)}.email-mode-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s}.email-mode-btn:hover{background:var(--surface-hover);color:var(--text)}.email-mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.email-mode-btn svg{width:12px;height:12px}.email-reply-to-line{padding:6px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-soft)}.email-forward-note{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:11px;color:var(--muted);background:color-mix(in oklab,var(--primary) 5%,transparent);border-bottom:1px solid var(--border)}.email-forward-note svg{width:12px;height:12px;color:var(--primary);flex-shrink:0}.email-reply-header svg{width:14px;height:14px;color:var(--primary)}.email-reply-header span{flex:1}.cc-bcc-toggle{padding:4px 10px;font-size:11px;font-weight:500;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--muted);cursor:pointer;transition:all .15s ease}.cc-bcc-toggle:hover{background:var(--surface);color:var(--text);border-color:var(--text)}.cc-bcc-fields{padding:12px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.cc-bcc-row{display:flex;align-items:center;gap:10px}.cc-bcc-row label{width:36px;font-size:12px;font-weight:600;color:var(--muted)}.cc-bcc-row input{flex:1;padding:6px 10px;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text)}.cc-bcc-row input:focus{outline:none;border-color:var(--primary)}.cc-bcc-row input::placeholder{color:var(--muted);opacity:.6}.email-reply-textarea{width:100%;padding:12px 16px;border:none;background:transparent;font-size:13px;line-height:1.5;resize:none;color:var(--text)}.email-reply-textarea:focus{outline:none}.email-reply-actions{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface)}.email-send-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.email-send-btn:disabled{opacity:.5;cursor:not-allowed}.email-send-btn svg{width:14px;height:14px}.email-attachment-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 16px 0}.email-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--fg);max-width:200px}.email-attachment-chip svg{width:12px;height:12px;color:var(--accent);flex-shrink:0}.email-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-attachment-chip button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;padding:0;border-radius:50%;flex-shrink:0}.email-attachment-chip button:hover{background:var(--border);color:var(--fg)}.email-attach-wrapper{position:relative}.email-attach-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease;position:relative}.email-attach-btn:hover{color:var(--accent);border-color:var(--accent)}.email-attach-btn.has-attachments{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.email-attach-btn svg{width:14px;height:14px}.email-attach-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.email-attach-dropdown{position:absolute;bottom:40px;left:0;z-index:100;min-width:220px;background:var(--card, var(--surface));border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;overflow:hidden}.email-attach-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--fg);font-size:12px;cursor:pointer;text-align:left}.email-attach-dropdown button:hover{background:var(--surface-soft)}.email-attach-dropdown button svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.email-attach-divider{padding:4px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-top:1px solid var(--border);margin-top:2px}.email-reply-note{font-size:11px;color:var(--muted);font-style:italic}.search-toggle-btn{background:none;border:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border-radius:6px;transition:all .15s}.search-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-toggle-btn.active{background:color-mix(in oklab,var(--accent) 15%,transparent);color:var(--accent)}.search-toggle-btn svg{width:14px;height:14px}.message-search-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.message-search-input-wrapper{display:flex;align-items:center;gap:8px;flex:1;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 12px;transition:border-color .15s}.message-search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.message-search-input-wrapper svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.message-search-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none}.message-search-input::placeholder{color:var(--muted)}.message-search-clear{background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:4px}.message-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.message-search-clear svg{width:12px;height:12px}.message-search-count{font-size:12px;color:var(--muted);white-space:nowrap}.message-highlight{background:color-mix(in oklab,#f59e0b 30%,transparent);color:inherit;border-radius:2px;padding:0 2px}.more-actions-container{position:relative}.more-actions-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1100;overflow:hidden}.more-action-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .15s}.more-action-item:hover{background:var(--bg-hover)}.more-action-item svg{width:16px;height:16px;color:var(--muted)}.more-action-item--danger{color:#ef4444}.more-action-item--danger:hover{background:#ef44441a}.more-action-item--danger svg{color:#ef4444}.more-action-item--disabled{opacity:.5;cursor:not-allowed}.more-action-item--disabled:hover{background:none}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:2000}.convert-job-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;max-height:90vh;background:var(--card);border-radius:12px;box-shadow:0 20px 50px #0000004d;z-index:2001;display:flex;flex-direction:column;overflow:hidden}.convert-job-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.convert-job-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.convert-job-body{padding:20px;overflow-y:auto;flex:1}.convert-job-info{margin:0 0 20px;padding:12px;background:var(--bg-subtle);border-radius:8px;font-size:14px;color:var(--muted)}.convert-field{margin-bottom:16px}.convert-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.convert-field select,.convert-field input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.convert-field select:focus,.convert-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.convert-field select:disabled,.convert-field input:disabled,.convert-field textarea:disabled{opacity:.6;cursor:not-allowed}.convert-field textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);resize:vertical;min-height:60px;font-family:inherit}.convert-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.convert-field-hint{font-size:11px;color:var(--muted);text-align:right;margin-top:4px;display:block}.convert-linked-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:var(--bg-subtle);border-radius:8px;margin-top:16px}.convert-linked-label{font-size:13px;color:var(--muted)}.convert-linked-item{display:inline-flex;align-items:center;padding:4px 10px;background:var(--primary-alpha);color:var(--primary);border-radius:12px;font-size:13px;font-weight:500}.convert-job-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-subtle)}.convert-job-footer .btn-secondary{padding:10px 20px;font-size:14px;font-weight:500;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:background .15s}.convert-job-footer .btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.convert-job-footer .btn-primary{padding:10px 20px;font-size:14px;font-weight:500;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .15s,opacity .15s}.convert-job-footer .btn-primary:hover:not(:disabled){background:var(--primary-hover, #2563eb);filter:brightness(1.1)}.convert-job-footer button:disabled{opacity:.5;cursor:not-allowed}.convert-site-field{margin-bottom:16px}.convert-site-loading{padding:12px;font-size:13px;color:var(--muted);background:var(--bg-subtle);border-radius:8px;text-align:center}.convert-site-customer{margin-top:8px;padding:8px 12px;font-size:12px;color:var(--muted);background:var(--bg-subtle);border-radius:6px}.convert-linked-customer-hint{margin-bottom:8px;padding:8px 12px;font-size:13px;color:var(--fg);background:var(--primary-bg, rgba(59, 130, 246, .1));border:1px solid var(--primary-border, rgba(59, 130, 246, .2));border-radius:6px}.convert-linked-customer-hint strong{color:var(--primary)}.convert-site-no-sites{margin-top:8px;padding:8px 12px;font-size:12px;color:var(--warning, #f59e0b);background:var(--warning-bg, rgba(245, 158, 11, .1));border-radius:6px}.convert-site-no-sites .link-button{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.convert-site-no-sites .link-button:hover{color:var(--primary-hover)}.convert-site-field .site-selector{width:100%}.convert-site-field .site-selector .autocomplete-dropdown{max-height:200px}.idd-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;text-align:center;color:var(--muted)}.idd-error-state svg{color:var(--danger);opacity:.7}.idd-error-state h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.idd-error-state p{margin:0;font-size:14px}.idd-error-close{margin-top:8px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.idd-error-close:hover{opacity:.9}.toggle-wrapper{display:inline-flex;cursor:pointer;user-select:none}.toggle-wrapper.toggle-disabled{opacity:.5;cursor:not-allowed}.toggle-content{display:flex;align-items:center;gap:10px}.toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch{position:relative;display:inline-flex;align-items:center;background:var(--border, #374151);border-radius:999px;transition:background-color .2s ease;flex-shrink:0;box-sizing:border-box}.toggle-switch.toggle-sm{width:36px;height:20px;min-width:36px;min-height:20px}.toggle-switch.toggle-md{width:44px;height:24px;min-width:44px;min-height:24px}.toggle-switch.toggle-lg{width:52px;height:28px;min-width:52px;min-height:28px}.toggle-slider{position:absolute;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0003;box-sizing:border-box}.toggle-sm .toggle-slider{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.toggle-md .toggle-slider{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.toggle-lg .toggle-slider{width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px}.toggle-input:checked+.toggle-switch{background:var(--accent, #8224E3)}.toggle-input:checked+.toggle-switch.toggle-sm .toggle-slider{transform:translate(16px)}.toggle-input:checked+.toggle-switch.toggle-md .toggle-slider{transform:translate(20px)}.toggle-input:checked+.toggle-switch.toggle-lg .toggle-slider{transform:translate(24px)}.toggle-input:focus-visible+.toggle-switch{outline:2px solid var(--accent, #8224E3);outline-offset:2px}.toggle-wrapper:not(.toggle-disabled):hover .toggle-slider{box-shadow:0 2px 8px #00000040}.toggle-labels{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:14px;font-weight:500;color:var(--text, #e5e7eb);line-height:1.2}.toggle-help{font-size:12px;color:var(--muted, #94a3b8)}[data-theme=dark] .toggle-slider,[data-theme=sentrac] .toggle-slider,[data-theme=gamer] .toggle-slider,[data-theme=christmas] .toggle-slider{background:#e5e7eb}[data-theme=retro] .toggle-slider{background:#0f0}[data-theme=retro] .toggle-switch{background:#0d1a0d;border:1px solid #00ff00}[data-theme=retro] .toggle-input:checked+.toggle-switch{background:#030}.create-item-drawer-content{display:flex;flex-direction:column;gap:0}.type-selector{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;border:2px solid var(--border);border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease}.type-option:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 5%,transparent)}.type-option.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.type-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s ease}.type-icon svg{width:24px;height:24px}.type-option.ticket .type-icon{background:color-mix(in oklab,#8b5cf6 15%,transparent);color:#8b5cf6}.type-option.ticket.selected .type-icon{background:#8b5cf6;color:#fff}.type-option.task .type-icon{background:color-mix(in oklab,#3b82f6 15%,transparent);color:#3b82f6}.type-option.task.selected .type-icon{background:#3b82f6;color:#fff}.type-label{font-size:14px;font-weight:600;color:var(--text)}.type-desc{font-size:12px;color:var(--muted);text-align:center}.create-form-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.form-label svg{width:16px;height:16px;color:var(--muted)}.form-label .required{color:var(--danger)}.form-input{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle);color:var(--text);font-size:14px;transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.form-input::placeholder{color:var(--muted)}.form-textarea{min-height:120px;resize:vertical;line-height:1.5}.form-select{padding:12px 40px 12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle);color:var(--text);font-size:14px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.customer-search-section{border:1px solid var(--border);border-radius:12px;overflow:hidden}.customer-search-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-subtle);border-bottom:1px solid var(--border)}.customer-search-header h4{margin:0;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.customer-search-header h4 svg{width:16px;height:16px;color:var(--accent)}.customer-toggle{display:flex;gap:4px}.customer-toggle-btn{padding:4px 10px;border:none;background:transparent;border-radius:4px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.customer-toggle-btn:hover{background:var(--surface-soft);color:var(--text)}.customer-toggle-btn.active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #0000000d}.customer-search-body{padding:16px}.customer-search-input{position:relative}.customer-search-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.customer-search-input input{width:100%;padding:10px 12px 10px 38px}.customer-email-input{margin-top:12px}.customer-email-input label{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;display:block}.selected-customer{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in oklab,var(--accent) 5%,var(--bg));border-radius:8px}.selected-customer-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.selected-customer-info{flex:1}.selected-customer-name{font-size:14px;font-weight:600;color:var(--text)}.selected-customer-email{font-size:12px;color:var(--muted)}.selected-customer-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease}.selected-customer-remove:hover{background:var(--surface-soft);color:var(--danger)}.selected-customer-remove svg{width:16px;height:16px}.customer-results{margin-top:12px;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.customer-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.customer-result-item:last-child{border-bottom:none}.customer-result-item:hover{background:var(--surface-soft)}.customer-result-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.customer-result-info{flex:1}.customer-result-name{font-size:13px;font-weight:600;color:var(--text)}.customer-result-email{font-size:11px;color:var(--muted)}.privacy-toggle-group{margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.privacy-toggle-group .toggle-wrapper{display:flex;width:100%;padding:12px 14px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;transition:border-color .15s ease}.privacy-toggle-group .toggle-wrapper:hover{border-color:var(--accent-muted, #93c5fd)}.privacy-toggle-group .toggle-content{display:flex;align-items:center;width:100%;gap:14px}.privacy-toggle-group .toggle-labels{display:flex;flex-direction:column;justify-content:center;flex:1;gap:2px}.privacy-toggle-group .toggle-label,.privacy-toggle-group .toggle-help{line-height:1.3}.due-datetime-row{display:flex;gap:8px}.due-datetime-row .form-input{flex:1;min-width:0}.due-datetime-row .due-time-input{flex:0 0 120px}.due-datetime-row .due-time-input:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 600px){.type-selector{flex-direction:column}.form-row{grid-template-columns:1fr}.due-datetime-row{flex-direction:column}.due-datetime-row .due-time-input{flex:1}}.signature-pad{display:flex;flex-direction:column;gap:8px}.signature-pad__label{font-size:.875rem;font-weight:600;color:var(--fg, #1a1a2e)}.signature-pad__name-row{display:flex}.signature-pad__name-input{flex:1;padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:6px;background:var(--card, var(--bg-2, #fff));color:var(--fg, #1a1a2e);font-size:.875rem}.signature-pad__name-input:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 2px #6366f126}.signature-pad__canvas-wrap{position:relative;border:2px dashed var(--border, #d1d5db);border-radius:8px;overflow:hidden;background:var(--card, var(--bg-2, #fff));touch-action:none}.signature-pad__canvas{display:block;width:100%;height:150px;cursor:crosshair}.signature-pad__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--fg-dim, #9ca3af);font-size:.875rem;pointer-events:none;user-select:none}.signature-pad__actions{display:flex;gap:8px}.signature-pad__btn{padding:6px 14px;border:1px solid var(--border, #d1d5db);border-radius:6px;background:var(--card, var(--bg-2, #fff));color:var(--fg, #1a1a2e);font-size:.8125rem;cursor:pointer;transition:background .15s,opacity .15s}.signature-pad__btn:disabled{opacity:.4;cursor:not-allowed}.signature-pad__btn--confirm{background:var(--primary, #6366f1);color:#fff;border-color:var(--primary, #6366f1);margin-left:auto}.signature-pad__btn--confirm:hover:not(:disabled){opacity:.9}.signature-pad__btn--undo:hover:not(:disabled),.signature-pad__btn--clear:hover:not(:disabled){background:var(--surface-soft, #f3f4f6)}.barcode-scanner{display:flex;flex-direction:column;gap:10px;background:var(--card, var(--bg-2, #fff));border-radius:10px;padding:12px;border:1px solid var(--border, #d1d5db)}.barcode-scanner__header{display:flex;justify-content:space-between;align-items:center}.barcode-scanner__title{font-weight:600;font-size:.9375rem;color:var(--text, var(--fg, #1a1a2e))}.barcode-scanner__close{background:none;border:none;color:var(--muted, var(--fg-dim, #9ca3af));cursor:pointer;font-size:.8125rem;padding:4px 8px}.barcode-scanner__camera{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.barcode-scanner__video{width:100%;height:100%;object-fit:cover}.barcode-scanner__reticle{position:absolute;top:50%;left:50%;width:60%;height:30%;transform:translate(-50%,-50%);border:2px solid rgba(99,102,241,.7);border-radius:8px;pointer-events:none}.barcode-scanner__scanning-text{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#fff;font-size:.75rem;background:#00000080;padding:3px 10px;border-radius:12px}.barcode-scanner__error{padding:8px 12px;background:color-mix(in oklab,var(--danger, #dc2626) 10%,var(--card, #fff));color:var(--danger, #b91c1c);border-radius:6px;font-size:.8125rem}.barcode-scanner__last-scan{padding:8px 12px;background:var(--surface-soft, rgba(34, 197, 94, .08));border:1px solid color-mix(in oklab,var(--success, #22c55e) 40%,transparent);border-radius:6px;font-size:.8125rem;color:var(--text, var(--fg, #1a1a2e))}.barcode-scanner__manual{display:flex;gap:8px}.barcode-scanner__input{flex:1;padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:6px;background:var(--bg, var(--bg-2, #fff));color:var(--text, var(--fg, #1a1a2e));font-size:.875rem}.barcode-scanner__input:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 2px #6366f126}.barcode-scanner__submit{padding:8px 16px;background:var(--primary, #6366f1);color:var(--accent-contrast, #fff);border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer}.barcode-scanner__submit:disabled{opacity:.4;cursor:not-allowed}.barcode-scanner__toggle{background:none;border:none;color:var(--primary, #6366f1);font-size:.8125rem;cursor:pointer;text-align:center;padding:4px}.barcode-scanner__toggle:hover{text-decoration:underline}.dropdown{display:flex;flex-direction:column;gap:6px;width:100%;position:relative;margin-bottom:16px}.dropdown__label{font-size:13px;font-weight:500;color:var(--text, var(--fg));letter-spacing:0;display:flex;align-items:center;gap:4px}.dropdown__label-required{color:#ef4444;font-size:14px;font-weight:700}.dropdown__container{position:relative;display:flex;align-items:center;gap:8px}.dropdown__select{width:100%;min-height:32px;padding:6px 36px 6px 12px;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:4px;font-size:14px;font-weight:400;color:var(--fg, var(--text));font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}@media (prefers-color-scheme: dark){.dropdown__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaaaaa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}}.dropdown__select option{background:var(--card, var(--card-bg));color:var(--fg, var(--text));padding:8px}.dropdown__select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 12%,transparent)}.dropdown__select:hover:not(:disabled){border-color:var(--border-hover, #9ca3af)}.dropdown__select--error,.dropdown__select--error:focus{border-color:#ef4444!important}.dropdown__select--error:focus{box-shadow:0 0 0 3px #ef44441a!important}.dropdown--error .dropdown__label{color:#ef4444}.dropdown__select:disabled{background:var(--card, var(--card-bg));color:var(--muted, #9ca3af);cursor:not-allowed;opacity:.6}.dropdown--disabled .dropdown__label{color:#9ca3af}.dropdown__custom{position:relative;width:100%}.dropdown__trigger{width:100%;min-height:44px;padding:10px 36px 10px 12px;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:400;color:var(--text, var(--fg));font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.dropdown__trigger:hover:not(:disabled){border-color:var(--border-hover, #9ca3af)}.dropdown__trigger:focus,.dropdown--open .dropdown__trigger{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 15%,transparent)}.dropdown__trigger:disabled{background:var(--card, var(--card-bg));color:var(--muted, #9ca3af);cursor:not-allowed;opacity:.6}.dropdown__trigger-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__trigger-placeholder{flex:1;color:var(--muted, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__arrow{font-size:10px;color:var(--muted, #6b7280);transition:transform .2s ease;flex-shrink:0}.dropdown--open .dropdown__arrow{transform:rotate(180deg)}.dropdown__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.dropdown__clear:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 8%,var(--card));color:var(--text, #111827)}.dropdown__clear:active{transform:translateY(-50%) scale(.95)}.dropdown__clear:disabled{opacity:.4;cursor:not-allowed}.dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card, var(--card-bg));border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.dropdown__search{padding:8px;border-bottom:1px solid var(--border)}.dropdown__search-input{width:100%;padding:8px 12px;background:var(--bg, var(--bg));border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text, var(--fg));outline:none;transition:border-color .2s ease}.dropdown__search-input:focus{border-color:var(--accent)}.dropdown__search-input::placeholder{color:var(--muted, #9ca3af)}.dropdown__list{list-style:none;margin:0;padding:4px;overflow-y:auto;flex:1}.dropdown__option{padding:10px 12px;font-size:14px;color:var(--text, var(--fg));cursor:pointer;border-radius:6px;transition:background .15s ease;display:flex;align-items:center;justify-content:space-between;gap:8px}.dropdown__option:hover{background:color-mix(in oklab,var(--accent) 8%,var(--card))}.dropdown__option--selected{background:var(--accent-light, color-mix(in oklab, var(--accent) 10%, transparent));color:var(--accent);font-weight:500}.dropdown__option--empty{color:var(--muted, #9ca3af);cursor:default;font-style:italic}.dropdown__option--empty:hover{background:transparent}.dropdown__check{font-size:16px;color:var(--accent);flex-shrink:0}.dropdown__help-text{font-size:12px;font-weight:400;color:var(--muted, var(--fg-dim));line-height:1.4}.dropdown__error-text{font-size:12px;font-weight:500;color:#ef4444;line-height:1.4}@media (max-width: 768px){.dropdown__select,.dropdown__trigger{font-size:16px;min-height:48px}.dropdown__menu{max-height:250px}}@media (prefers-contrast: high){.dropdown__select,.dropdown__trigger{border-width:2px}.dropdown__select:focus,.dropdown__trigger:focus{border-width:3px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cit-gps-map{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #c5c7d0);background:var(--primary-background-color, #ffffff)}.cit-gps-map__container{width:100%;position:relative}.cit-gps-map__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px;background:var(--secondary-background-color, #f6f7fb)}.cit-gps-map__empty svg{margin-bottom:12px;color:var(--secondary-text-color, #676879);opacity:.5}.cit-gps-map__empty-text{font-size:14px;color:var(--secondary-text-color, #676879);font-weight:500}.cit-gps-map__summary{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--primary-background-color, #ffffff);border-top:1px solid var(--border-color, #c5c7d0)}.cit-gps-map__stat{display:flex;align-items:center;gap:8px;font-size:13px}.cit-gps-map__stat--pending{justify-content:center;font-style:italic;color:var(--secondary-text-color, #676879)}.cit-gps-map__stat-marker{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d;flex-shrink:0}.cit-gps-map__stat-label{color:var(--secondary-text-color, #676879);font-weight:500}.cit-gps-map__stat-value{color:var(--primary-text-color, #323338);font-weight:600;margin-left:auto}.cit-gps-popup{padding:4px;min-width:150px}.cit-gps-popup__title{font-size:14px;font-weight:600;color:var(--primary-text-color, #323338);margin-bottom:6px}.cit-gps-popup__detail{font-size:13px;color:var(--secondary-text-color, #676879);margin-bottom:4px}.cit-gps-popup__detail strong{color:var(--primary-text-color, #323338)}.cit-gps-popup__meta{font-size:11px;color:var(--secondary-text-color, #676879);opacity:.7;margin-top:6px}@media (max-width: 768px){.cit-gps-map__summary{padding:10px}.cit-gps-map__stat{font-size:12px}.cit-gps-popup{min-width:120px}.cit-gps-popup__title{font-size:13px}.cit-gps-popup__detail{font-size:12px}}@media (prefers-color-scheme: dark){.cit-gps-map{background:var(--primary-background-color, #1c1f3b);border-color:var(--border-color, #3a3f5c)}.cit-gps-map__summary{background:var(--primary-background-color, #1c1f3b);border-top-color:var(--border-color, #3a3f5c)}.cit-gps-map__empty{background:var(--secondary-background-color, #2d3252)}.cit-gps-map__empty svg,.cit-gps-map__empty-text,.cit-gps-map__stat-label{color:var(--secondary-text-color, #c5c7d0)}.cit-gps-map__stat-value,.cit-gps-popup__title,.cit-gps-popup__detail strong{color:var(--primary-text-color, #ffffff)}.cit-gps-popup__detail,.cit-gps-popup__meta{color:var(--secondary-text-color, #c5c7d0)}}.document-viewer-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.document-viewer{background:var(--card-bg, #fff);border-radius:12px;width:100%;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.document-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #fff);flex-shrink:0}.document-viewer-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.document-viewer-title h3{margin:0;font-size:16px;font-weight:600;color:var(--fg, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-page-count{font-size:13px;color:var(--text-muted, #6b7280);background:var(--bg-subtle, #f3f4f6);padding:2px 8px;border-radius:12px;white-space:nowrap}.document-viewer-actions{display:flex;align-items:center;gap:4px}.document-viewer-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .15s ease}.document-viewer-btn:hover{background:var(--bg-subtle, #f3f4f6);color:var(--fg, #1f2937)}.document-viewer-close{margin-left:8px}.document-viewer-close:hover{background:#fee2e2;color:#dc2626}.zoom-level{font-size:13px;color:var(--text-muted, #6b7280);min-width:48px;text-align:center}.document-viewer-content{flex:1;overflow:hidden;position:relative;background:#525659}.document-viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.document-viewer-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.document-viewer-loading p{margin:0;font-size:14px}.document-viewer-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;padding:24px}.document-viewer-error p{margin:0 0 8px}.document-viewer-error .error-detail{font-size:13px;opacity:.7;margin-bottom:16px}.document-viewer-error button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.document-viewer-error button:hover{background:#2563eb}.document-viewer-pdf{width:100%;height:100%;border:none;background:#525659}.document-viewer-image-container{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px}.document-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #0000004d;transition:transform .2s ease;transform-origin:center center}.document-viewer-unsupported{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.document-viewer-unsupported p{margin:0 0 16px}.document-viewer-unsupported button{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.document-viewer-unsupported button:hover{background:#2563eb}.document-viewer-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, #fff);font-size:12px;color:var(--text-muted, #6b7280);flex-shrink:0;gap:12px}.document-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.meta-item{display:inline-flex;align-items:center;font-weight:500;color:var(--fg-muted, #64748b);letter-spacing:.01em}.meta-item:not(:last-child):after{content:"·";margin-left:6px;margin-right:2px;opacity:.4;font-weight:400}.category-badge{text-transform:capitalize;font-weight:500}.category-badge:after{display:none}.platform-badge{background:var(--surface-soft, #f1f5f9);color:var(--fg-muted, #64748b);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border, #e2e8f0)}@media (max-width: 768px){.document-viewer-overlay{padding:0}.document-viewer{border-radius:0;height:100vh;max-height:none}.document-viewer-header{padding:12px}.document-viewer-title h3{font-size:14px;max-width:150px}.document-page-count{display:none}.document-viewer-btn{width:32px;height:32px}.zoom-level{display:none}.document-viewer-footer{flex-direction:column;gap:4px;padding:8px 12px}.document-meta{flex-wrap:wrap;justify-content:center}}@media (prefers-color-scheme: dark){.document-viewer{background:#1f2937}.document-viewer-header{background:#1f2937;border-color:#374151}.document-viewer-title h3{color:#f9fafb}.document-page-count{background:#374151;color:#9ca3af}.document-viewer-btn{color:#9ca3af}.document-viewer-btn:hover{background:#374151;color:#f9fafb}.document-viewer-close:hover{background:#7f1d1d;color:#fca5a5}.document-viewer-footer{background:#1f2937;border-color:#374151;color:#9ca3af}.platform-badge{background:var(--surface-soft, rgba(255, 255, 255, .08));color:var(--fg-muted, #9ca3af);border-color:var(--border, #374151)}}.dark .document-viewer,[data-theme=dark] .document-viewer{background:#1f2937}.dark .document-viewer-header,[data-theme=dark] .document-viewer-header{background:#1f2937;border-color:#374151}.dark .document-viewer-title h3,[data-theme=dark] .document-viewer-title h3{color:#f9fafb}.dark .document-viewer-footer,[data-theme=dark] .document-viewer-footer{background:#1f2937;border-color:#374151;color:#9ca3af}.document-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg, #fff);border:1px solid var(--border, #e2e8f0);border-radius:10px;cursor:pointer;transition:all .15s ease}.document-card:hover{background:var(--surface-soft, #f8fafc);border-color:var(--primary, #3b82f6);box-shadow:0 2px 8px #0000000a}.document-card:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.document-card:active{transform:scale(.995)}.document-card.compact{padding:10px 14px;gap:12px}.document-card.compact .document-card-icon{width:36px;height:36px}.document-card.compact .doc-icon{width:18px;height:18px}.document-card.compact .document-card-name{font-size:13px}.document-card.compact .document-card-meta{margin-top:4px}.document-card-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft, #f1f5f9);border-radius:10px;border:1px solid var(--border, #e2e8f0)}.doc-icon{width:22px;height:22px}.doc-icon.pdf{color:#e11d48}.doc-icon.image{color:#059669}.doc-icon.file{color:#64748b}.doc-icon.book{color:#0284c7}.document-card-content{flex:1;min-width:0}.document-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-card-name{margin:0;font-size:14px;font-weight:600;color:var(--fg, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.document-card-description{margin:4px 0 0;font-size:13px;color:var(--fg-muted, #64748b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.document-card-notes{margin:6px 0 0;font-size:12px;color:var(--fg-muted, #64748b);font-style:italic}.document-card-meta{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.meta-item{font-size:12px;font-weight:500;color:var(--fg-muted, #64748b);letter-spacing:.01em}.meta-item.pages{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--fg-dim, #94a3b8)}.meta-item.pages:before{content:"";display:inline-block;width:4px;height:4px;background:var(--fg-dim, #94a3b8);border-radius:50%;opacity:.5}.meta-item.category{text-transform:capitalize;color:var(--fg-muted, #64748b)}.meta-item:not(:first-child):not(.pages):before{content:"·";margin-right:6px;opacity:.4}.meta-item.pages:first-child:before{display:none}.document-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.document-badge.platform{background:var(--surface-soft, #f1f5f9);color:var(--fg-muted, #64748b);border-color:var(--border, #e2e8f0)}.document-badge.customer{background:color-mix(in srgb,#f59e0b 8%,transparent);color:#b45309;border-color:color-mix(in srgb,#f59e0b 20%,transparent)}.document-badge.site{background:color-mix(in srgb,#10b981 8%,transparent);color:#047857;border-color:color-mix(in srgb,#10b981 20%,transparent)}.document-badge.job{background:color-mix(in srgb,#8b5cf6 8%,transparent);color:#6d28d9;border-color:color-mix(in srgb,#8b5cf6 20%,transparent)}.document-card-arrow{flex-shrink:0;color:var(--fg-dim, #94a3b8);opacity:.4;transition:all .15s ease}.document-card:hover .document-card-arrow{opacity:.8;transform:translate(2px);color:var(--primary, #3b82f6)}.document-list{display:flex;flex-direction:column;gap:8px}.document-list.compact{gap:6px}.document-list-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--fg-muted, #64748b);font-size:14px}.document-list-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border, #e2e8f0);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.document-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--fg-muted, #64748b);font-size:14px;text-align:center}.document-list-empty .doc-icon{width:32px;height:32px;opacity:.4}@media (max-width: 480px){.document-card{padding:12px 14px;gap:12px}.document-card-icon{width:38px;height:38px}.doc-icon{width:20px;height:20px}.document-card-name{font-size:13px}.document-card-meta{gap:6px}.meta-item{font-size:11px}.document-badge{font-size:9px;padding:2px 6px}}[data-theme=dark] .document-card,[data-theme=christmas] .document-card,[data-theme=retro] .document-card,[data-theme=gamer] .document-card,[data-theme=sentrac] .document-card{background:var(--bg, #1e293b);border-color:var(--border, #334155)}[data-theme=dark] .document-card:hover,[data-theme=christmas] .document-card:hover,[data-theme=retro] .document-card:hover,[data-theme=gamer] .document-card:hover,[data-theme=sentrac] .document-card:hover{background:var(--surface-soft, #334155)}[data-theme=dark] .document-card-icon,[data-theme=christmas] .document-card-icon,[data-theme=retro] .document-card-icon,[data-theme=gamer] .document-card-icon,[data-theme=sentrac] .document-card-icon{background:var(--surface-soft, rgba(255, 255, 255, .05));border-color:var(--border, #334155)}[data-theme=dark] .document-badge.platform,[data-theme=christmas] .document-badge.platform,[data-theme=retro] .document-badge.platform,[data-theme=gamer] .document-badge.platform,[data-theme=sentrac] .document-badge.platform{background:var(--surface-soft, rgba(255, 255, 255, .08));color:var(--fg-muted, #94a3b8);border-color:var(--border, #334155)}[data-theme=dark] .document-badge.customer,[data-theme=christmas] .document-badge.customer,[data-theme=retro] .document-badge.customer,[data-theme=gamer] .document-badge.customer,[data-theme=sentrac] .document-badge.customer{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#fcd34d;border-color:color-mix(in srgb,#f59e0b 25%,transparent)}[data-theme=dark] .document-badge.site,[data-theme=christmas] .document-badge.site,[data-theme=retro] .document-badge.site,[data-theme=gamer] .document-badge.site,[data-theme=sentrac] .document-badge.site{background:color-mix(in srgb,#10b981 15%,transparent);color:#6ee7b7;border-color:color-mix(in srgb,#10b981 25%,transparent)}[data-theme=dark] .document-badge.job,[data-theme=christmas] .document-badge.job,[data-theme=retro] .document-badge.job,[data-theme=gamer] .document-badge.job,[data-theme=sentrac] .document-badge.job{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#c4b5fd;border-color:color-mix(in srgb,#8b5cf6 25%,transparent)}.document-qa-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark, #2563eb) 100%);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.document-qa-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.document-qa-trigger svg{opacity:.9}.document-qa{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.document-qa--compact{position:fixed;bottom:80px;right:20px;width:380px;max-width:calc(100vw - 40px);max-height:500px;z-index:1000;box-shadow:0 8px 32px #0003}.document-qa-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.document-qa-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--fg)}.document-qa-title svg{color:var(--primary)}.document-qa-equipment{font-weight:400;color:var(--fg-muted);font-size:12px;padding-left:8px;border-left:1px solid var(--border)}.document-qa-actions{display:flex;gap:4px}.document-qa-clear,.document-qa-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .15s}.document-qa-clear:hover,.document-qa-close:hover{background:var(--surface);color:var(--fg)}.document-qa-messages{flex:1;overflow-y:auto;padding:16px;min-height:200px;max-height:350px;display:flex;flex-direction:column;gap:16px}.document-qa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--fg-muted)}.document-qa-empty-icon{opacity:.4;margin-bottom:12px}.document-qa-empty p{margin:0 0 16px;font-size:14px}.document-qa-suggestions{width:100%}.suggestions-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim);margin-bottom:8px}.suggestions-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.suggestion-chip{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:12px;color:var(--fg);cursor:pointer;transition:all .15s}.suggestion-chip:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.document-qa-message{display:flex}.message-content{display:flex;gap:10px;max-width:100%}.message-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;text-transform:uppercase;background:var(--surface);color:var(--fg-muted);border:1px solid var(--border)}.message-avatar--ai{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark, #2563eb) 100%);color:#fff;border:none}.message-avatar--error{background:var(--error);color:#fff;border:none}.document-qa-message--user .message-content{flex-direction:row-reverse}.document-qa-message--user .message-text{background:var(--primary);color:#fff;border-radius:16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.4}.document-qa-message--assistant .message-body,.document-qa-message--error .message-text{flex:1}.document-qa-message--assistant .message-text{background:var(--surface-soft);border:1px solid var(--border);border-radius:4px 16px 16px;padding:12px 14px;font-size:14px;line-height:1.5;white-space:pre-wrap}.document-qa-message--error .message-text{background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);color:var(--error);border-radius:4px 16px 16px;padding:10px 14px;font-size:14px}.message-content--error{max-width:100%}.message-sources{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.sources-label{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.3px}.source-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--fg);cursor:default;transition:all .15s ease}.source-chip.clickable{cursor:pointer}.source-chip.clickable:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.source-chip.clickable:hover .source-doc-name,.source-chip.clickable:hover .source-page,.source-chip.clickable:hover .source-relevance{color:#fff}.source-doc-name{font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-page{font-weight:600;color:var(--primary);padding:1px 4px;background:color-mix(in srgb,var(--primary) 15%,transparent);border-radius:3px}.source-chip.clickable:hover .source-page{background:#fff3}.source-relevance{font-size:10px;color:var(--fg-muted);opacity:.7}.inline-citation{display:inline;padding:1px 6px;margin:0 1px;background:color-mix(in srgb,var(--primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:4px;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;transition:all .15s ease;vertical-align:baseline;font-family:inherit}.inline-citation:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(var(--primary-rgb),.3)}.inline-citation:active{transform:translateY(0)}.message-meta{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--fg-dim)}.document-qa-message--loading .message-text{padding:10px 14px}.loading-dots{display:inline-flex;gap:2px}.loading-dots span{animation:loadingDot 1.4s infinite;font-size:18px;font-weight:700;color:var(--primary)}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,60%,to{opacity:.3}30%{opacity:1}}.document-qa-input{display:flex;gap:8px;padding:12px 16px;background:var(--surface-soft);border-top:1px solid var(--border)}.document-qa-input input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--fg);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.document-qa-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.document-qa-input input::placeholder{color:var(--fg-dim)}.document-qa-input button{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.document-qa-input button:hover:not(:disabled){background:var(--primary-dark, #2563eb);transform:scale(1.05)}.document-qa-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.document-qa--compact{bottom:70px;right:10px;left:10px;width:auto;max-height:60vh}.document-qa-messages{max-height:45vh}.suggestions-list{flex-direction:column}.suggestion-chip{width:100%;text-align:left}}.job-detail-qa-section{margin-top:16px}.job-detail-qa-section .document-qa{border-radius:8px}.job-detail-qa-section .document-qa-messages{min-height:150px;max-height:280px}.document-qa-history-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .15s;font-size:12px}.document-qa-history-btn:hover{background:var(--surface);color:var(--fg);border-color:var(--border-hover, var(--border))}.history-count{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--primary);color:#fff;border-radius:8px;font-size:10px;font-weight:600}.document-qa-history-panel{border-bottom:1px solid var(--border);background:var(--surface-soft);padding:12px;max-height:200px;overflow-y:auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.3px}.new-chat-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--primary);border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:500;text-transform:none;cursor:pointer;transition:all .15s}.new-chat-btn:hover{background:var(--primary-dark, #2563eb)}.history-loading,.history-empty{padding:16px;text-align:center;color:var(--fg-muted);font-size:13px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.history-item:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--bg))}.history-item.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg))}.history-item-title{font-size:13px;font-weight:500;color:var(--fg);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{font-size:11px;color:var(--fg-muted)}.install-checklist-panel{display:flex;flex-direction:column;gap:12px}.install-checklist-loading,.install-checklist-error{padding:16px;text-align:center;color:var(--fg-muted, #94a3b8);font-size:.8125rem}.install-checklist-error{color:var(--danger, #ef4444)}.icl-progress{display:flex;flex-direction:column;gap:8px}.icl-progress-bar{height:6px;background:var(--surface-soft, rgba(148, 163, 184, .12));border-radius:3px;overflow:hidden}.icl-progress-fill{height:100%;background:#10b981;border-radius:3px;transition:width .3s ease;min-width:0}.icl-progress-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.icl-stat{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--fg-dim, #64748b)}.icl-stat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.icl-stat--total{margin-left:auto;font-weight:600;color:var(--fg, var(--text))}.icl-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.icl-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border, #e2e8f0);border-radius:6px;background:transparent;color:var(--fg-dim, #64748b);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.icl-toggle-btn:hover{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg)}.icl-toggle-btn--active{background:color-mix(in oklab,#06b6d4 10%,transparent);border-color:#06b6d4;color:#06b6d4}.icl-export-btn{margin-left:auto;color:var(--primary, #3b82f6)!important}.icl-export-btn:hover{background:color-mix(in oklab,var(--primary, #3b82f6) 10%,transparent);border-color:color-mix(in oklab,var(--primary, #3b82f6) 30%,var(--border, #e2e8f0))}.icl-export-btn:disabled{opacity:.5;cursor:wait}.icl-view-plan-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px;border:1px solid var(--border, #e2e8f0);border-radius:6px;background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--primary, #3b82f6);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.icl-view-plan-btn:hover{background:color-mix(in oklab,var(--primary, #3b82f6) 12%,transparent);border-color:color-mix(in oklab,var(--primary, #3b82f6) 30%,var(--border, #e2e8f0))}.icl-group{border:1px solid var(--border, #e2e8f0);border-radius:8px;overflow:hidden}.icl-group+.icl-group{margin-top:8px}.icl-group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-soft, rgba(148, 163, 184, .06));cursor:pointer;user-select:none;transition:background .15s}.icl-group-header:hover{background:var(--surface-soft, rgba(148, 163, 184, .12))}.icl-group-header--ungrouped{cursor:default;padding-left:16px}.icl-group-label{font-size:.8125rem;font-weight:600;color:var(--fg, var(--text))}.icl-group-type{font-size:.6875rem;color:var(--fg-muted, #94a3b8);background:var(--surface-soft, rgba(148, 163, 184, .1));padding:1px 6px;border-radius:4px}.icl-group-progress{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--fg-dim, #64748b);flex-shrink:0}.icl-mini-bar{width:40px;height:4px;background:var(--surface-soft, rgba(148, 163, 184, .15));border-radius:2px;overflow:hidden;flex-shrink:0}.icl-mini-bar-fill{height:100%;background:#10b981;border-radius:2px;transition:width .3s ease}.icl-group-items{border-top:1px solid var(--border, #e2e8f0)}.icl-item{padding:8px 12px;transition:background .15s}.icl-item:not(:last-child){border-bottom:1px solid color-mix(in oklab,var(--border, #e2e8f0) 50%,transparent)}.icl-item:hover{background:var(--surface-soft, rgba(148, 163, 184, .04))}.icl-item--updating{opacity:.6;pointer-events:none}.icl-item-main{display:flex;align-items:center;gap:8px;min-height:28px}.icl-item-label{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.icl-device-label{font-size:.8125rem;font-weight:500;color:var(--fg, var(--text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icl-page-badge{font-size:.6875rem;color:var(--fg-muted, #94a3b8);background:var(--surface-soft, rgba(148, 163, 184, .1));padding:1px 5px;border-radius:3px;flex-shrink:0}.icl-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.icl-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;white-space:nowrap}.icl-status-actions{display:flex;gap:4px}.icl-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, #e2e8f0);border-radius:5px;background:transparent;cursor:pointer;transition:all .15s ease;color:var(--fg-dim, #64748b);font-size:13px}.icl-action-btn:disabled{opacity:.4;cursor:wait}.icl-action-btn--installed:hover:not(:disabled){background:color-mix(in oklab,#10b981 15%,transparent);border-color:#10b981;color:#10b981}.icl-action-btn--issue:hover:not(:disabled){background:color-mix(in oklab,#ef4444 15%,transparent);border-color:#ef4444;color:#ef4444}.icl-action-btn--skipped:hover:not(:disabled){background:color-mix(in oklab,#f59e0b 15%,transparent);border-color:#f59e0b;color:#f59e0b}.icl-action-btn--pending:hover:not(:disabled){background:var(--surface-soft, rgba(148, 163, 184, .12));border-color:var(--fg-dim, #64748b)}.icl-item-timestamp{margin-top:3px;font-size:.6875rem;color:#10b981}.icl-item-note-row{display:flex;align-items:flex-start;gap:6px;margin-top:4px;min-height:18px}.icl-item-note{flex:1;font-size:.75rem;color:var(--fg-dim, #64748b);font-style:italic}.icl-note-edit-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--fg-muted, #94a3b8);cursor:pointer;flex-shrink:0;opacity:0;transition:all .15s}.icl-item:hover .icl-note-edit-btn{opacity:1}.icl-note-edit-btn:hover{background:var(--surface-soft, rgba(148, 163, 184, .12));color:var(--primary, #3b82f6)}.icl-note-edit{margin-top:6px;display:flex;flex-direction:column;gap:6px}.icl-note-textarea{width:100%;padding:6px 8px;border-radius:5px;border:1px solid var(--border, #e2e8f0);background:var(--bg, #fff);color:var(--fg);font-size:.75rem;font-family:inherit;resize:vertical}.icl-note-textarea:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary, #3b82f6) 20%,transparent)}.icl-note-actions{display:flex;gap:6px;justify-content:flex-end}.icl-note-btn{padding:3px 10px;border-radius:5px;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .15s}.icl-note-btn--cancel{border:1px solid var(--border, #e2e8f0);background:transparent;color:var(--fg-muted, #94a3b8)}.icl-note-btn--cancel:hover{background:var(--surface-soft, rgba(148, 163, 184, .08))}.icl-note-btn--save{border:none;background:var(--primary, #3b82f6);color:#fff}.icl-note-btn--save:hover{opacity:.9}.icl-note-btn--save:disabled{opacity:.5;cursor:wait}.icl-category-header{padding:5px 12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted, #94a3b8);background:color-mix(in oklab,var(--border, #e2e8f0) 30%,transparent);border-bottom:1px solid color-mix(in oklab,var(--border, #e2e8f0) 50%,transparent)}.icl-item--cable{padding-left:20px}.icl-cable-icon{display:flex;align-items:center;color:#06b6d4;flex-shrink:0}.icl-cable-route{font-size:.6875rem;color:var(--fg-muted, #94a3b8);flex-shrink:0;white-space:nowrap}.install-checklist-panel--compact .icl-item,.install-checklist-panel--compact .icl-group-header{padding:6px 10px}.install-checklist-panel--compact .icl-action-btn{width:24px;height:24px}@media (max-width: 480px){.icl-item-main{flex-wrap:wrap}.icl-item-right{width:100%;justify-content:space-between;margin-top:4px}.icl-progress-stats{gap:8px}.icl-stat--total{margin-left:0;width:100%}}.section-count{margin-left:auto;font-size:.75rem;font-weight:500;background:var(--primary-light, #dbeafe);color:var(--primary, #2563eb);padding:2px 8px;border-radius:12px}.source-ticket-link{display:inline-flex;align-items:center;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.8125rem;background:rgba(var(--accent-rgb),.1);color:var(--accent);padding:2px 8px;border-radius:4px;text-decoration:none;cursor:pointer;transition:all .15s ease}.source-ticket-link:hover{background:rgba(var(--accent-rgb),.2);text-decoration:underline}.source-ticket-link svg{opacity:.7}.service-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;background:color-mix(in oklab,#3b82f6 15%,transparent);color:#60a5fa}.timeline-icon--neutral{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg-dim, #64748b)}.timeline-icon--xero{background:color-mix(in oklab,#13B5EA 15%,transparent);color:#13b5ea}@media (max-width: 480px){.job-detail-dl{grid-template-columns:1fr;gap:4px 0}.job-detail-label{margin-bottom:-2px}.job-detail-value{margin-bottom:8px}.photo-grid{grid-template-columns:repeat(3,1fr)}}.job-detail-ai-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:linear-gradient(135deg,var(--primary) 0%,#2563eb 100%);color:#fff;border:none;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.job-detail-ai-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #2563eb66}.job-detail-ai-btn svg{opacity:.9}.collapse-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--fg-dim, #64748b);cursor:pointer;transition:all .15s ease;margin-right:4px;flex-shrink:0}.collapse-toggle:hover{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg)}.collapse-toggle svg{transition:transform .2s ease}.collapse-toggle.collapsed svg{transform:rotate(-90deg)}.job-detail-section-header.clickable{cursor:pointer;border-radius:6px;margin:-8px;padding:8px;transition:background .15s ease}.job-detail-section-header.clickable:hover{background:var(--surface-soft, rgba(148, 163, 184, .05))}.job-detail-section.collapsed{margin-bottom:12px}.job-detail-qa-section{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.job-detail-section{margin-bottom:28px}.job-detail-section:last-child{margin-bottom:0}.job-detail-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.job-detail-section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--fg, var(--text))}.job-detail-section-icon{width:18px;height:18px;color:var(--fg-dim, #64748b);flex-shrink:0}.job-detail-dl{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;margin:0}.job-detail-label{font-size:.8125rem;color:var(--fg-dim, #64748b);align-self:center}.job-detail-value{font-size:.875rem;color:var(--fg, var(--text));margin:0;align-self:center}.job-detail-value--muted{color:var(--fg-muted, #94a3b8);font-style:italic}.job-detail-value--mono{font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:.8125rem;background:var(--surface-soft, rgba(148, 163, 184, .08));padding:2px 8px;border-radius:4px;display:inline-block}.job-detail-value--strong{font-weight:600}.job-detail-value--success{color:var(--success, #22c55e);font-weight:600}.value-with-action{display:inline-flex;align-items:center;gap:10px}.inline-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg-dim, #64748b);cursor:pointer;transition:all .15s ease;flex-shrink:0;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.inline-action-btn:hover{background:color-mix(in oklab,var(--accent) 15%,transparent);border-color:color-mix(in oklab,var(--accent) 30%,var(--border));color:var(--accent)}.inline-action-btn:active{transform:scale(.97)}.inline-action-btn svg{width:12px;height:12px;flex-shrink:0}.service-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.service-type-badge--fill{background:color-mix(in oklab,#3b82f6 15%,transparent);color:#60a5fa}.service-type-badge--flm{background:color-mix(in oklab,#10b981 15%,transparent);color:#34d399}.service-type-badge--slm{background:color-mix(in oklab,#f59e0b 15%,transparent);color:#fbbf24}.service-type-badge--airside{background:color-mix(in oklab,#8b5cf6 15%,transparent);color:#a78bfa}.service-type-badge--default{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg-dim)}.priority-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.priority-badge--urgent{background:color-mix(in oklab,#ef4444 15%,transparent);color:#f87171}.priority-badge--high{background:color-mix(in oklab,#f59e0b 15%,transparent);color:#fbbf24}.priority-badge--normal{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg-dim)}.priority-badge--low{background:var(--surface-soft, rgba(148, 163, 184, .08));color:var(--fg-muted)}.user-badge{display:inline-flex;align-items:center;gap:8px}.user-badge-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600}.user-badge-name{font-size:.875rem;font-weight:500;color:var(--fg, var(--text))}.info-box{padding:12px 14px;background:var(--surface-soft, rgba(148, 163, 184, .08));border-radius:8px;font-size:.875rem;line-height:1.6;color:var(--fg, var(--text));margin-top:8px}.info-box--empty{color:var(--fg-muted, #94a3b8);font-style:italic}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.photo-item{position:relative;padding-bottom:100%;background:var(--surface-soft);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.photo-item:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000026}.photo-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.cassette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.cassette-card{padding:14px;background:var(--surface-soft, rgba(148, 163, 184, .08));border:1px solid var(--border);border-radius:8px;text-align:center}.cassette-card-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:0 0 8px}.cassette-card-amount{font-size:1.25rem;font-weight:700;color:var(--success, #22c55e);margin:0 0 4px}.cassette-card-seal{font-size:.75rem;font-family:SF Mono,Monaco,monospace;color:var(--fg-dim)}.gps-card{padding:12px 14px;background:color-mix(in oklab,#3b82f6 5%,var(--surface-soft));border:1px solid color-mix(in oklab,#3b82f6 15%,var(--border));border-radius:8px;margin-bottom:10px}.gps-card:last-child{margin-bottom:0}.gps-card-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin:0 0 4px}.gps-coordinates{font-family:SF Mono,Monaco,monospace;font-size:.8125rem;color:var(--accent, #3b82f6)}.distance-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 8%,transparent),color-mix(in oklab,var(--success, #22c55e) 8%,transparent));border:1px solid color-mix(in oklab,var(--accent) 20%,var(--border));border-radius:8px;margin-top:10px}.distance-label{font-size:.875rem;font-weight:500;color:var(--fg-dim)}.distance-value{font-size:1rem;font-weight:600;color:var(--accent)}.timeline{display:flex;flex-direction:column;gap:0;margin-top:4px}.timeline-item{display:flex;gap:12px;padding:14px 0;position:relative}.timeline-item:first-child{padding-top:0}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:42px;bottom:0;width:2px;background:var(--border)}.timeline-item:first-child:not(:last-child):before{top:32px}.timeline-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-icon svg{width:16px;height:16px}.timeline-icon--success{background:color-mix(in oklab,#10b981 15%,transparent);color:#10b981}.timeline-icon--info{background:color-mix(in oklab,#3b82f6 15%,transparent);color:#3b82f6}.timeline-icon--warning{background:color-mix(in oklab,#f59e0b 15%,transparent);color:#f59e0b}.timeline-content{flex:1;padding-top:4px}.timeline-title{font-size:.875rem;font-weight:600;color:var(--fg, var(--text));margin:0 0 2px}.timeline-description{font-size:.8125rem;color:var(--fg-dim, #64748b);margin:0 0 2px}.timeline-time{font-size:.75rem;color:var(--fg-muted, #94a3b8)}@media (max-width: 480px){.job-detail-dl{grid-template-columns:1fr;gap:4px 0}.job-detail-label{margin-bottom:-2px}.job-detail-value{margin-bottom:8px}.cassette-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}}.job-detail--compact .job-detail-section{margin-bottom:20px}.job-detail--compact .job-detail-section-header{margin-bottom:10px}.job-detail--compact .job-detail-section-header h3{font-size:.9375rem}.job-detail--compact .job-detail-dl{grid-template-columns:110px 1fr;gap:8px 12px}.job-detail--compact .job-detail-label{font-size:.75rem}.job-detail--compact .job-detail-value{font-size:.8125rem}.job-detail--compact .timeline-item{padding:10px 0}.job-detail--compact .timeline-icon{width:28px;height:28px}.job-detail--compact .timeline-icon svg{width:14px;height:14px}.job-detail--compact .timeline-title{font-size:.8125rem}.job-detail--compact .timeline-description{font-size:.75rem}.job-detail--compact .cassette-card{padding:10px}.job-detail--compact .cassette-card-amount{font-size:1.125rem}.job-detail--compact .gps-card{padding:10px 12px}.job-detail--compact .photo-grid{grid-template-columns:repeat(4,1fr);gap:8px}.job-detail--compact .photo-item{border-radius:6px}.audit-trail{border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden}.audit-events-list{max-height:400px;overflow-y:auto;padding:12px 0}.audit-event-row{display:flex;gap:12px;padding:6px 16px;position:relative}.audit-event-row:not(:last-child):before{content:"";position:absolute;left:21px;top:22px;bottom:-6px;width:2px;background:var(--border, #e5e7eb)}.audit-event-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%;border:2px solid #6b7280;background:var(--bg, #fff);margin-top:4px;z-index:1}.audit-event-content{flex:1;min-width:0}.audit-event-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.audit-event-label{font-weight:600;font-size:13px}.audit-event-time{font-size:11px;color:var(--text-secondary, #9ca3af);white-space:nowrap}.audit-event-actor{font-size:12px;color:var(--text-secondary, #9ca3af);margin-top:1px}.audit-event-detail{font-size:12px;color:var(--text-primary, #374151);margin-top:2px;line-height:1.4}.audit-event-geo{font-size:11px;color:var(--text-secondary, #9ca3af);margin-top:2px;font-family:monospace}.loading-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loading-marker-container{position:relative;width:100px;height:100px;--marker-color: #0073ea;--pulse-speed: 1.5s}.loading-marker-container svg{position:absolute;top:0;left:0;width:100px;height:100px}.loading-marker-main{filter:drop-shadow(0 0 12px var(--marker-color));z-index:3;animation:markerGlow var(--pulse-speed) ease-in-out infinite}@keyframes markerGlow{0%,to{filter:drop-shadow(0 0 12px var(--marker-color))}50%{filter:drop-shadow(0 0 20px var(--marker-color)) drop-shadow(0 0 8px var(--marker-color))}}.loading-marker-pulse-1{animation:pulseDiamond var(--pulse-speed) ease-out infinite;z-index:1}.loading-marker-pulse-2{animation:pulseDiamond var(--pulse-speed) ease-out infinite calc(var(--pulse-speed) / 4);z-index:2}@keyframes pulseDiamond{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.loading-overlay-message{color:#fff;font-size:16px;font-weight:500;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:messagePulse calc(var(--pulse-speed) * 2) ease-in-out infinite;max-width:280px;padding:0 20px}@keyframes messagePulse{0%,to{opacity:.9}50%{opacity:1}}@media (max-width: 768px){.loading-marker-container{width:80px;height:80px}.loading-marker-container svg{width:80px;height:80px}.loading-overlay-message{font-size:14px}}.parts-used-field{margin-bottom:1rem}.parts-used-field.readonly{pointer-events:none}.parts-used-label{display:block;font-size:.875rem;font-weight:500;color:var(--fg);margin-bottom:.5rem}.parts-used-table-wrapper{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.75rem}.parts-used-table{width:100%;border-collapse:collapse;font-size:.875rem}.parts-used-table th{background:var(--bg-muted, #f8f9fa);padding:.5rem .75rem;text-align:left;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;color:var(--fg-muted, #6b7280);border-bottom:1px solid var(--border)}.parts-used-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-light, #e5e7eb);vertical-align:middle}.parts-used-table tbody tr:last-child td{border-bottom:none}.parts-used-table tbody tr:hover{background:var(--bg-hover, rgba(0,0,0,.02))}.col-description{min-width:200px}.col-qty{width:80px;text-align:center}.col-unit{width:90px}.col-price,.col-total{width:100px;text-align:right}.col-actions{width:40px;text-align:center}.part-input{width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fg);transition:border-color .15s,background .15s}.part-input:hover{background:var(--bg);border-color:var(--border)}.part-input:focus{outline:none;background:var(--bg);border-color:var(--primary, #0ea5e9);box-shadow:0 0 0 2px #0ea5e91a}.part-description{min-width:180px}.part-qty{width:60px;text-align:center}.part-unit{width:80px;padding:.375rem .25rem}.part-price{width:70px;text-align:right;padding-left:.25rem}.price-input-wrapper{display:flex;align-items:center;gap:.125rem}.price-prefix{color:var(--fg-muted, #6b7280);font-size:.875rem}.part-code-badge{display:inline-block;font-size:.625rem;background:var(--bg-muted, #f3f4f6);color:var(--fg-muted, #6b7280);padding:.125rem .375rem;border-radius:4px;margin-left:.5rem;font-family:monospace}.line-total{font-weight:500;color:var(--fg)}.part-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--fg-muted, #9ca3af);border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.part-remove-btn:hover{background:#fee2e2;color:#ef4444}.parts-used-table tfoot td{padding:.75rem;background:var(--bg-muted, #f8f9fa);font-weight:600;border-top:2px solid var(--border)}.total-label{text-align:right;color:var(--fg-muted, #6b7280)}.grand-total{text-align:right;color:var(--fg);font-size:1rem}.parts-used-empty{text-align:center;padding:1.5rem;background:var(--bg-muted, #f8f9fa);border:1px dashed var(--border);border-radius:8px;margin-bottom:.75rem}.parts-used-empty p{margin:0;color:var(--fg-muted, #6b7280);font-size:.875rem}.parts-used-add-section{margin-top:.5rem}.add-part-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--primary, #0ea5e9);background:transparent;border:1px dashed var(--primary, #0ea5e9);border-radius:6px;cursor:pointer;transition:background .15s,border-style .15s}.add-part-btn:hover{background:#0ea5e90d;border-style:solid}.add-part-form{background:var(--bg-muted, #f8f9fa);border:1px solid var(--border);border-radius:8px;padding:1rem}.add-part-row{margin-bottom:.75rem}.add-part-search{width:100%}.add-part-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.add-part-input:focus{outline:none;border-color:var(--primary, #0ea5e9);box-shadow:0 0 0 2px #0ea5e91a}.add-part-description{margin-bottom:.75rem}.selected-part-preview{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem}.selected-part-name{font-weight:500;color:var(--fg)}.add-part-details{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.add-part-qty-group,.add-part-unit-group,.add-part-price-group{display:flex;flex-direction:column;gap:.25rem}.add-part-qty-group label,.add-part-unit-group label,.add-part-price-group label{font-size:.75rem;font-weight:500;color:var(--fg-muted, #6b7280)}.add-part-qty{width:80px}.add-part-unit{width:100px}.add-part-price{width:80px}.add-part-price-group .price-input-wrapper{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding-left:.5rem}.add-part-price-group .price-input-wrapper input{border:none;padding:.5rem .75rem .5rem 0}.add-part-price-group .price-input-wrapper input:focus{box-shadow:none}.add-part-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-part-cancel-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--fg-muted, #6b7280);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s}.add-part-cancel-btn:hover{background:var(--bg)}.add-part-confirm-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--primary, #0ea5e9);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.add-part-confirm-btn:hover:not(:disabled){background:var(--primary-hover, #0284c7)}.add-part-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.catalog-option{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;width:100%}.catalog-option-code{font-family:monospace;font-size:.75rem;background:var(--bg-muted, #f3f4f6);padding:.125rem .375rem;border-radius:4px;color:var(--fg-muted, #6b7280)}.catalog-option-name{flex:1;color:var(--fg)}.catalog-option-price{font-weight:500;color:var(--success, #10b981)}.parts-used-help{font-size:.75rem;color:var(--fg-muted, #6b7280);margin-top:.25rem}@media (max-width: 640px){.parts-used-table-wrapper{overflow-x:auto}.parts-used-table{min-width:500px}.add-part-details{flex-direction:column;gap:.75rem}.add-part-qty-group,.add-part-unit-group,.add-part-price-group{flex-direction:row;align-items:center;gap:.5rem}.add-part-qty-group label,.add-part-unit-group label,.add-part-price-group label{width:80px}.add-part-qty,.add-part-unit,.add-part-price{flex:1}}@media (prefers-color-scheme: dark){.parts-used-table th,.parts-used-table tfoot td,.parts-used-empty,.add-part-form{background:var(--bg-muted, #1f2937)}.part-remove-btn:hover{background:#ef444433}.part-code-badge,.catalog-option-code{background:var(--bg-muted, #374151)}}.reschedule-drawer-content{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.reschedule-user-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.reschedule-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 60%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.reschedule-user-info{flex:1;min-width:0}.reschedule-user-name{font-size:16px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reschedule-user-label{font-size:13px;color:var(--fg-muted);margin-top:2px}.reschedule-unassigned-notice{padding:12px 16px;background:color-mix(in oklab,#f59e0b 10%,var(--bg));border:1px solid #f59e0b;border-radius:8px;color:var(--fg);font-size:14px}.reschedule-calendar-section{background:var(--card-bg);border-radius:12px;border:1px solid var(--border);overflow:hidden}.reschedule-legend{display:flex;gap:16px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);justify-content:center}.reschedule-legend-item{display:flex;align-items:center;gap:6px}.reschedule-legend-dot{width:8px;height:8px;border-radius:50%}.reschedule-legend-label{font-size:12px;color:var(--fg-muted)}.reschedule-day-detail{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden;animation:fadeIn .15s ease}.reschedule-day-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.reschedule-day-header h3{margin:0;font-size:16px;font-weight:600;color:var(--fg)}.reschedule-day-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reschedule-day-close:hover{background:var(--surface-soft);border-color:var(--accent)}.reschedule-day-jobs{padding:16px}.reschedule-day-jobs-label{font-size:12px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.reschedule-day-empty{padding:24px 16px;text-align:center;color:var(--fg-muted);font-size:14px}.reschedule-job-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px;transition:border-color .15s ease}.reschedule-job-card:last-child{margin-bottom:0}.reschedule-job-card:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.reschedule-job-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.reschedule-job-module-badge{font-size:10px;font-weight:700;color:#fff;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.reschedule-job-status-dot{font-size:11px;font-weight:600}.reschedule-job-time{font-size:13px;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}.reschedule-job-card-body{display:flex;flex-direction:column;gap:6px}.reschedule-job-reference{font-size:14px;font-weight:600;color:var(--fg)}.reschedule-job-location{font-size:13px;color:var(--fg-muted);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reschedule-job-reason{font-size:13px;color:var(--fg-secondary, var(--fg-muted));display:flex;align-items:flex-start;gap:6px;line-height:1.4}.reschedule-job-service-type{font-size:11px;font-weight:500;color:var(--fg-muted);text-transform:capitalize;margin-top:2px}.reschedule-job-card--external{border-style:dashed;background:color-mix(in oklab,#4285f4 5%,var(--bg))}.reschedule-time-section{padding:16px;border-top:1px solid var(--border)}.reschedule-time-label{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:12px}.reschedule-time-inputs{display:flex;gap:12px}.reschedule-time-field{flex:1}.reschedule-time-field label{display:block;font-size:12px;font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.reschedule-time-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);-webkit-text-fill-color:var(--fg);font-size:15px;font-family:inherit;font-variant-numeric:tabular-nums;color-scheme:light dark;-webkit-appearance:none;appearance:none}.reschedule-time-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.reschedule-time-input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.reschedule-time-input::-moz-focus-inner{border:0}[data-theme=dark] .reschedule-time-input,[data-theme=glass] .reschedule-time-input,[data-theme=sentrac] .reschedule-time-input,[data-theme=sentinel] .reschedule-time-input,[data-theme=comfort-dark] .reschedule-time-input{color-scheme:dark}.reschedule-selected-summary{padding:16px;background:color-mix(in oklab,var(--accent) 10%,var(--bg));border:1px solid var(--accent);border-radius:12px;cursor:pointer;transition:all .15s ease}.reschedule-selected-summary:hover{background:color-mix(in oklab,var(--accent) 15%,var(--bg))}.reschedule-selected-date{font-size:16px;font-weight:600;color:var(--fg);margin-bottom:4px}.reschedule-selected-time{font-size:14px;color:var(--fg-muted)}.reschedule-tap-hint{font-size:12px;color:var(--accent);margin-top:8px}.reschedule-footer{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 480px){.reschedule-user-header{padding:12px}.reschedule-user-avatar{width:40px;height:40px;font-size:16px}.reschedule-user-name{font-size:15px}.reschedule-legend{flex-wrap:wrap;gap:12px}.reschedule-day-header h3{font-size:14px}.reschedule-time-inputs{flex-direction:column;gap:12px}}.storeio-insights-panel{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:12px}.storeio-insights-panel--loading{padding:0}.storeio-insights-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--cc-border, rgba(255, 255, 255, .06));flex-shrink:0}.storeio-insights-header-icon{color:var(--accent, #8b5cf6)}.storeio-insights-header-title{font-size:.8rem;font-weight:600;color:var(--fg, #ffffff);flex:1}.storeio-insights-header-period{font-size:.7rem;font-weight:500;color:var(--accent, #8b5cf6);background:#8b5cf61a;padding:3px 8px;border-radius:4px}.storeio-insights-section{background:var(--cc-surface, var(--bg-secondary, #1a1a2e));border-radius:10px;border:1px solid var(--cc-border, rgba(255, 255, 255, .06));padding:12px}.storeio-insights-section--movements{flex:1;overflow:hidden;display:flex;flex-direction:column}.storeio-insights-title{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:var(--fg-dim, #a0a0a0);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.storeio-insights-title svg{color:var(--accent, #8b5cf6);opacity:.8}.storeio-summary-grid{display:flex;flex-direction:column;gap:8px}.storeio-summary-row{display:flex;gap:8px}.storeio-tile{flex:1;display:flex;align-items:flex-start;gap:8px;padding:10px;background:#0003;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.storeio-tile:hover{background:#0000004d}.storeio-tile--wide{flex-direction:row;align-items:center;justify-content:flex-start}.storeio-tile--wide .storeio-tile-content{flex-direction:row;align-items:center;gap:8px}.storeio-tile--wide .storeio-tile-label{margin-right:4px}.storeio-tile-qty{margin-left:auto;font-size:.7rem;font-weight:500;color:var(--fg-dim, #a0a0a0);background:#ffffff0d;padding:4px 8px;border-radius:4px}.storeio-tile--issues{border-color:#10b98133}.storeio-tile--issues .storeio-tile-icon{background:#10b98126;color:#10b981}.storeio-tile--returns{border-color:#f59e0b33}.storeio-tile--returns .storeio-tile-icon{background:#f59e0b26;color:#f59e0b}.storeio-tile--net{border-color:#3b82f633}.storeio-tile--net .storeio-tile-icon{background:#3b82f626;color:#3b82f6}.storeio-tile-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storeio-tile-content{display:flex;flex-direction:column;gap:2px;min-width:0}.storeio-tile-label{font-size:.65rem;font-weight:500;color:var(--fg-dim, #a0a0a0);text-transform:uppercase;letter-spacing:.3px}.storeio-tile-value{font-size:1rem;font-weight:700;color:var(--fg, #ffffff);line-height:1.2}.storeio-tile-meta{font-size:.65rem;color:var(--fg-dim, #a0a0a0);opacity:.8}.storeio-cc-list{display:flex;flex-direction:column;gap:8px}.storeio-cc-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.storeio-cc-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.storeio-cc-name{font-size:.75rem;font-weight:500;color:var(--fg, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storeio-cc-value{font-size:.7rem;font-weight:600;color:var(--fg-dim, #a0a0a0);white-space:nowrap}.storeio-cc-bar-bg{grid-column:1 / -1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.storeio-cc-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:2px;transition:width .3s ease}.storeio-cc-percent{font-size:.65rem;font-weight:600;color:var(--fg-dim, #a0a0a0);min-width:32px;text-align:right}.storeio-movements-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1}.storeio-movement-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#00000026;border-radius:6px;transition:background .15s ease}.storeio-movement-item:hover{background:#00000040}.storeio-movement-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storeio-movement-icon--issue{background:#10b98126;color:#10b981}.storeio-movement-icon--return{background:#f59e0b26;color:#f59e0b}.storeio-movement-content{flex:1;min-width:0}.storeio-movement-main{display:flex;align-items:baseline;gap:6px}.storeio-movement-type{font-size:.7rem;font-weight:600;color:var(--fg, #ffffff)}.storeio-movement-items{font-size:.7rem;color:var(--fg-dim, #a0a0a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storeio-movement-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.storeio-movement-cc{font-size:.6rem;font-weight:500;color:var(--accent, #8b5cf6);background:#8b5cf61a;padding:1px 5px;border-radius:3px}.storeio-movement-time{font-size:.6rem;color:var(--fg-dim, #a0a0a0);opacity:.7}.storeio-section-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 12px;color:var(--fg-dim, #a0a0a0);background:#0000001a;border-radius:6px}.storeio-section-empty svg{opacity:.4}.storeio-section-empty span{font-size:.75rem;opacity:.7}.storeio-insights-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--fg-dim, #a0a0a0)}.storeio-insights-empty svg{opacity:.3}.storeio-insights-empty p{margin:0;font-size:.8rem}.storeio-insights-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-tiles{display:flex;gap:8px}.skeleton-tile{flex:1;height:70px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-section{height:120px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.cc-container{--cc-bg: var(--bg);--cc-card-bg: var(--card-bg);--cc-surface: var(--surface, var(--card-bg));--cc-surface-hover: var(--surface-hover, color-mix(in oklab, var(--accent) 10%, var(--card-bg)));--cc-text: var(--fg);--cc-text-muted: var(--muted);--cc-border: var(--border);--cc-accent: var(--accent);--cc-critical: #ef4444;--cc-critical-bg: rgba(239, 68, 68, .12);--cc-warning: #f59e0b;--cc-warning-bg: rgba(245, 158, 11, .1);--cc-success: #10b981;--cc-info: #3b82f6;--cc-radius: 12px;--cc-radius-sm: 8px;--cc-transition: .2s cubic-bezier(.4, 0, .2, 1);--cc-shadow: 0 1px 3px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05)}.cc-container{min-height:100vh;background:var(--cc-bg);color:var(--cc-text);padding:0 24px 24px}.page-layout__content:has(.cc-container){max-width:100%!important;padding:0!important}.cc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:var(--cc-text-muted)}.cc-spin{animation:cc-spin 1s linear infinite}@keyframes cc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cc-content-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--cc-bg);z-index:10}.cc-content-loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:var(--cc-card-bg);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);color:var(--cc-text-muted)}.cc-content-loading-inner span{font-size:.9rem;font-weight:500}.cc-loading-logo{width:64px;height:64px;color:var(--accent, var(--primary));animation:cc-logo-pulse 1.5s ease-in-out infinite}@keyframes cc-logo-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.cc-fullscreen-map-overlay{position:fixed;top:var(--topnav-height, 56px);left:var(--sidebar-width, 240px);right:0;bottom:0;z-index:100;background:var(--cc-bg);display:flex;flex-direction:column}.sidebar-collapsed .cc-fullscreen-map-overlay{left:var(--sidebar-collapsed-width, 64px)}@media (max-width: 768px){.cc-fullscreen-map-overlay{top:var(--topnav-height, 56px);left:0}}.cc-fullscreen-map-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--cc-card-bg);border-bottom:1px solid var(--cc-border);flex-shrink:0;position:relative;z-index:1001}.cc-fullscreen-map-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:var(--cc-text)}.cc-fullscreen-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--cc-surface);border-radius:8px;cursor:pointer;color:var(--cc-text-muted);transition:all var(--cc-transition);position:relative;z-index:10}.cc-fullscreen-close-btn:hover{background:var(--cc-surface-hover);color:var(--cc-text)}.cc-fullscreen-map-content{flex:1;position:relative;overflow:hidden}.cc-fullscreen-map-content .jobs-map-container{height:100%;border-radius:0;border:none}.cc-fullscreen-map-content .jobs-map{height:calc(100vh - var(--topnav-height, 56px) - 80px)!important}.cc-panel-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:auto;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--cc-text-muted);transition:all var(--cc-transition);opacity:.6}.cc-panel-expand-btn:hover{background:var(--cc-surface);color:var(--cc-text);opacity:1}.cc-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--cc-border);margin-bottom:20px}.cc-header-left h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.cc-timestamp{font-size:.75rem;color:var(--cc-text-muted);margin-top:2px}.cc-header-actions{display:flex;gap:8px;align-items:center}.cc-header-layout-controls{display:flex;gap:8px;margin-right:8px}.cc-grid-container{position:relative;min-height:calc(100vh - 140px);width:100%}.cc-grid-layout{min-height:calc(100vh - 140px)}.cc-grid-layout--editing{background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(var(--accent-rgb, 59, 130, 246),.03) 30px)}.cc-grid-item{height:100%}.cc-grid-panel{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--cc-shadow);height:100%}.cc-grid-panel-body{flex:1;min-height:0;overflow-y:auto}.cc-drag-handle{cursor:grab}.cc-drag-handle:active{cursor:grabbing}.cc-drag-icon{color:var(--cc-text-muted);opacity:.5;margin-right:4px}.cc-grid-layout--editing .cc-grid-panel{border-color:rgba(var(--accent-rgb, 59, 130, 246),.3)}.cc-grid-layout--editing .cc-drag-handle{background:rgba(var(--accent-rgb, 59, 130, 246),.05)}.react-grid-item.react-grid-placeholder{background:rgba(var(--accent-rgb, 59, 130, 246),.15);border-radius:var(--cc-radius);border:2px dashed rgba(var(--accent-rgb, 59, 130, 246),.4)}.react-grid-item>.react-resizable-handle{background:transparent}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid var(--cc-text-muted);border-bottom:2px solid var(--cc-text-muted);opacity:.4}.cc-grid-layout--editing .react-grid-item>.react-resizable-handle:after{opacity:.8;border-color:var(--cc-accent)}.cc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--cc-text-muted);font-size:.6875rem;gap:6px;height:100%}.cc-panel-header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--cc-border);font-size:.75rem;font-weight:600}.cc-panel-header--small{padding:8px 12px;font-size:.6875rem}.cc-panel-header--clickable{cursor:pointer;user-select:none;transition:background var(--cc-transition)}.cc-panel-header--clickable:hover{background:#ffffff0a}.cc-section-toggle{color:var(--cc-text-muted);display:flex;align-items:center;margin-left:auto;transition:transform .2s ease}.cc-section-toggle--open{transform:rotate(180deg)}.cc-section--collapsed{flex:0 0 auto!important}.cc-panel-header--highlight{background:#3b82f61f;border-bottom-color:#3b82f64d}.cc-clear-date-btn{background:#ffffff1a;border:none;padding:4px;cursor:pointer;color:var(--cc-text-muted);border-radius:4px;transition:all var(--cc-transition);display:flex;align-items:center;justify-content:center;margin-left:4px}.cc-clear-date-btn:hover{background:#fff3;color:var(--cc-text)}.cc-panel-icon{color:var(--cc-info);flex-shrink:0}.cc-panel-icon--attention{color:var(--cc-warning)}.cc-panel-title{flex:1}.cc-panel-badge{font-size:.6875rem;font-weight:600;background:#3b82f626;color:var(--cc-info);padding:2px 8px;border-radius:10px}.cc-left-column{display:flex;flex-direction:column;gap:12px;min-height:0}.cc-left-column--collapsed{width:48px}.cc-my-tickets-panel{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);flex-shrink:0}.cc-panel-icon--tickets{color:#8b5cf6}.cc-panel-badge--tickets{background:#8b5cf626;color:#8b5cf6}.cc-my-tickets-content{padding:4px;overflow-y:auto;flex:1;min-height:0}.cc-my-tickets-empty{padding:12px;text-align:center;color:var(--cc-text-muted);font-size:.6875rem}.cc-ticket-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background var(--cc-transition);position:relative}.cc-ticket-item:hover{background:var(--cc-surface-hover)}.cc-ticket-priority-bar{width:3px;min-height:28px;align-self:stretch;border-radius:2px;flex-shrink:0}.cc-ticket-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cc-ticket-top-row{display:flex;align-items:center;gap:6px}.cc-ticket-number{font-size:.625rem;font-weight:600;color:var(--cc-text-muted);letter-spacing:.02em}.cc-ticket-status{font-size:.5625rem;font-weight:500;padding:1px 5px;border-radius:3px;background:#ffffff0f;color:var(--cc-text-muted);white-space:nowrap}.cc-ticket-status--open{background:#3b82f61f;color:#60a5fa}.cc-ticket-status--in_progress{background:#f59e0b1f;color:#fbbf24}.cc-ticket-status--waiting_customer{background:#8b5cf61f;color:#a78bfa}.cc-ticket-status--waiting_internal{background:#ec48991f;color:#f472b6}.cc-ticket-needs-response{width:7px;height:7px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:cc-needs-response-pulse 2s ease-in-out infinite}@keyframes cc-needs-response-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cc-ticket-title{font-size:.6875rem;font-weight:500;color:var(--cc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ticket-customer{font-size:.5625rem;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ticket-time{flex-shrink:0;font-size:.5625rem;color:var(--cc-text-muted);opacity:.7;margin-top:2px}.cc-my-tickets-footer{padding:6px 12px;border-top:1px solid var(--cc-border);display:flex;justify-content:flex-end}.cc-my-tickets-view-all{font-size:.625rem;color:var(--cc-accent);text-decoration:none;display:flex;align-items:center;gap:4px;opacity:.8;transition:opacity var(--cc-transition)}.cc-my-tickets-view-all:hover{opacity:1}.cc-recent-activity-panel{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);flex-shrink:0}.cc-panel-icon--activity{color:#10b981}.cc-panel-badge--activity{background:#10b98126;color:#10b981}.cc-recent-activity-content{padding:6px;max-height:180px;overflow-y:auto}.cc-recent-activity-empty{padding:12px;text-align:center;color:var(--cc-text-muted);font-size:.6875rem}.cc-activity-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background var(--cc-transition)}.cc-activity-item:hover{background:var(--cc-surface-hover)}.cc-activity-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffff0d}.cc-activity-content{flex:1;min-width:0;display:flex;flex-direction:column}.cc-activity-title{font-size:.6875rem;font-weight:500;color:var(--cc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-activity-subtitle{font-size:.5625rem;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-activity-time{flex-shrink:0;font-size:.5625rem;color:var(--cc-text-muted);opacity:.7}.cc-map-panel{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--cc-shadow);transition:all var(--cc-transition);flex:1;min-height:0}.cc-map-panel--collapsed{width:48px}.cc-map-panel--collapsed .cc-panel-header{padding:12px 8px;flex-direction:column;gap:4px}.cc-map-panel--collapsed .cc-panel-title,.cc-map-panel--collapsed .cc-panel-badge{display:none}.cc-expand-btn{background:#ffffff0d;border:none;padding:5px;cursor:pointer;color:var(--cc-text-muted);border-radius:4px;transition:all var(--cc-transition);display:flex;align-items:center;justify-content:center}.cc-expand-btn:hover{background:#ffffff1a;color:var(--cc-info)}.cc-collapse-btn{background:#ffffff0d;border:none;padding:6px;cursor:pointer;color:var(--cc-text-muted);border-radius:4px;transition:all var(--cc-transition);display:flex;align-items:center;justify-content:center;margin-left:auto}.cc-collapse-btn:hover{background:#ffffff1a;color:var(--cc-text)}.cc-map-panel--collapsed .cc-collapse-btn{margin-left:0}.cc-map-content{flex:1;min-height:0}.cc-map-content .jobs-map{height:100%!important}.cc-map-content .jobs-map-container{height:100%;border:none;border-radius:0}.cc-calendar-panel{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--cc-shadow)}.cc-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-bottom:1px solid var(--cc-border);background:#ffffff05}.cc-filter-tab{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff08;border:1px solid var(--cc-border);border-radius:16px;font-size:.6875rem;font-weight:500;color:var(--cc-text-muted);cursor:pointer;transition:all var(--cc-transition)}.cc-filter-tab:hover{background:#ffffff0f;border-color:var(--tab-color, var(--cc-border))}.cc-filter-tab--active{background:color-mix(in oklab,var(--tab-color, var(--cc-info)) 15%,transparent);border-color:var(--tab-color, var(--cc-info));color:var(--cc-text)}.cc-filter-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cc-filter-tab-label{white-space:nowrap}.cc-filter-tab-count{font-size:.5625rem;font-weight:600;background:#ffffff1a;padding:1px 4px;border-radius:6px}.cc-filter-tab--active .cc-filter-tab-count{background:#fff3}.cc-calendar-wrapper{padding:8px 12px;flex-shrink:0}.cc-calendar-wrapper .mini-calendar{background:transparent;border:none;box-shadow:none;padding:8px}.cc-calendar-wrapper .mini-calendar-grid{gap:4px}.cc-calendar-wrapper .mini-calendar-day{aspect-ratio:unset!important;min-height:130px;padding:5px 6px;align-items:flex-start;justify-content:flex-start;overflow:hidden}.cc-calendar-wrapper .mini-calendar-day-number{font-size:.75rem;font-weight:600;margin-bottom:3px;flex-shrink:0}.cc-calendar-wrapper .mini-calendar-header{padding:4px 0;margin-bottom:6px}.cc-calendar-wrapper .mini-calendar-day-label{font-size:.5625rem;padding:3px 0}.cc-calendar-wrapper .mini-calendar-nav-btn{width:26px;height:26px;font-size:14px}.cc-calendar-wrapper .mini-calendar-title{font-size:.875rem}.cc-calendar-wrapper .mini-calendar-dots{margin-top:auto}.cc-calendar-wrapper .mini-calendar-cards{gap:4px;flex:1;min-height:0}.cc-calendar-wrapper .mini-calendar-card{padding:4px 6px}.cc-calendar-wrapper .mini-calendar-card-title{font-size:.6875rem;-webkit-line-clamp:2}.cc-calendar-wrapper .mini-calendar-card-subtitle{font-size:.625rem}.cc-calendar-wrapper .mini-calendar-cards.cards-1 .mini-calendar-card{padding:5px 8px}.cc-calendar-wrapper .mini-calendar-cards.cards-1 .mini-calendar-card-title{font-size:.75rem}.cc-calendar-wrapper .mini-calendar-cards.cards-1 .mini-calendar-card-subtitle,.cc-calendar-wrapper .mini-calendar-cards.cards-2 .mini-calendar-card-title{font-size:.6875rem}.cc-calendar-wrapper .mini-calendar-cards.cards-3 .mini-calendar-card-title,.cc-calendar-wrapper .mini-calendar-cards.cards-4 .mini-calendar-card-title{-webkit-line-clamp:1;font-size:.625rem}.cc-calendar-legend{display:flex;flex-wrap:wrap;gap:10px;padding:0 12px 8px;border-bottom:1px solid var(--cc-border)}.cc-legend-item{display:flex;align-items:center;gap:4px;font-size:.625rem;color:var(--cc-text-muted)}.cc-legend-dot{width:6px;height:6px;border-radius:50%}.cc-calendar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cc-border);cursor:pointer;transition:all var(--cc-transition);position:relative}.cc-calendar-item:last-child{border-bottom:none}.cc-calendar-item:hover{background:#ffffff08}.cc-calendar-item-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--item-color, var(--cc-info))}.cc-calendar-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--item-color, var(--cc-info)) 15%,transparent);border-radius:8px;color:var(--item-color, var(--cc-info));flex-shrink:0}.cc-calendar-item-content{flex:1;min-width:0}.cc-calendar-item-title{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-calendar-item-subtitle{font-size:.75rem;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cc-calendar-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cc-calendar-item-status{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffffff1a}.cc-calendar-item-status--pending{background:#6b728033;color:#9ca3af}.cc-calendar-item-status--in-progress{background:#3b82f633;color:#60a5fa}.cc-calendar-item-status--open{background:#f59e0b33;color:#fbbf24}.cc-calendar-item-arrow{color:var(--cc-text-muted);opacity:0;transform:translate(-4px);transition:all var(--cc-transition);flex-shrink:0}.cc-calendar-item:hover .cc-calendar-item-arrow{opacity:1;transform:translate(0)}.cc-calendar-item--external{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(66,133,244,.08) 4px,rgba(66,133,244,.08) 8px);border-left:3px solid #4285f4;cursor:pointer}.cc-calendar-item--external:hover{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(66,133,244,.12) 4px,rgba(66,133,244,.12) 8px)}.cc-calendar-item--external .cc-calendar-item-title{font-style:normal}.cc-external-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;color:#4285f4;background:#4285f426;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:500}.cc-right-panel{display:flex;flex-direction:column;gap:16px}.cc-compliance-section{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden}.cc-compliance-chart{padding:14px}.cc-compliance-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--cc-border)}.cc-compliance-bar-segment{transition:width .4s ease}.cc-compliance-bar--compliant{background:var(--cc-success)}.cc-compliance-bar--expiring{background:var(--cc-warning)}.cc-compliance-bar--expired{background:var(--cc-critical)}.cc-compliance-bar--unverified{background:#8b5cf6}.cc-compliance-legend{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;gap:6px}.cc-compliance-legend-item{display:flex;align-items:center;gap:4px;font-size:.625rem;font-weight:500;color:var(--cc-text-muted)}.cc-compliance-dot{width:6px;height:6px;border-radius:50%}.cc-compliance-dot--compliant{background:var(--cc-success)}.cc-compliance-dot--expiring{background:var(--cc-warning)}.cc-compliance-dot--expired{background:var(--cc-critical)}.cc-compliance-dot--unverified{background:#8b5cf6}.cc-attention-section{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);flex:1;display:flex;flex-direction:column;overflow:hidden}.cc-attention-count{background:var(--cc-critical);color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:8px;animation:cc-pulse 2s infinite}@keyframes cc-pulse{0%,to{opacity:1}50%{opacity:.7}}.cc-attention-body{flex:1;overflow-y:auto}.cc-attention-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--cc-success);gap:8px}.cc-attention-empty span{font-size:.8125rem;font-weight:500}.cc-attention-item{border-bottom:1px solid var(--cc-border)}.cc-attention-item:last-child{border-bottom:none}.cc-attention-row{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;border-left:3px solid var(--attn-color, var(--cc-critical));background:color-mix(in oklab,var(--attn-color, var(--cc-critical)) 8%,transparent);transition:all var(--cc-transition)}.cc-attention-row:hover{background:color-mix(in oklab,var(--attn-color, var(--cc-critical)) 12%,transparent)}.cc-attention-row--expanded{background:color-mix(in oklab,var(--attn-color, var(--cc-critical)) 14%,transparent)}.cc-attention-row-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:6px;flex-shrink:0;color:var(--attn-color, var(--cc-critical))}.cc-attention-row-count{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:24px;color:var(--attn-color, var(--cc-critical))}.cc-attention-row-title{font-size:.8125rem;font-weight:500;flex:1}.cc-attention-expand-icon{color:var(--cc-text-muted);display:flex;transition:transform .2s ease}.cc-attention-expand-icon--open{transform:rotate(180deg)}.cc-attention-preview{background:#0000001f;border-top:1px solid var(--cc-border)}.cc-attention-preview-item{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 20px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,.05);transition:all var(--cc-transition)}.cc-attention-preview-item:last-child{border-bottom:none}.cc-attention-preview-item:hover{background:#ffffff0a}.cc-attention-preview-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cc-attention-preview-content{flex:1;min-width:0}.cc-attention-preview-title{display:block;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-attention-preview-subtitle{display:block;font-size:.6875rem;color:var(--cc-text-muted);margin-top:2px}.cc-attention-preview-arrow{color:var(--cc-text-muted);opacity:0;transform:translate(-4px);transition:all var(--cc-transition);flex-shrink:0}.cc-attention-preview-item:hover .cc-attention-preview-arrow{opacity:1;transform:translate(0)}.cc-attention-preview-more{display:block;padding:10px 14px 10px 20px;text-align:center;font-size:.6875rem;font-weight:500;color:var(--primary);text-decoration:none;background:#3b82f614;transition:background var(--cc-transition)}.cc-attention-preview-more:hover{background:#3b82f626}.cc-selected-section{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden;max-height:300px;display:flex;flex-direction:column}.cc-selected-items{flex:1;overflow-y:auto}.cc-selected-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--cc-border);cursor:pointer;transition:background var(--cc-transition);position:relative}.cc-selected-item:last-child{border-bottom:none}.cc-selected-item:hover{background:#ffffff08}.cc-selected-item--overdue,.cc-selected-item--urgent{background:var(--cc-critical-bg)}.cc-selected-item--overdue:hover,.cc-selected-item--urgent:hover{background:#ef44442e}.cc-urgent-badge,.cc-stale-badge,.cc-confirm-badge{background:#f59e0b}.cc-selected-date-panel{min-height:120px}.cc-selected-item--external{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(66,133,244,.06) 4px,rgba(66,133,244,.06) 8px);cursor:pointer}.cc-selected-item--external:hover{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(66,133,244,.1) 4px,rgba(66,133,244,.1) 8px)}.cc-selected-item--external .cc-selected-item-title{font-style:normal}.cc-overdue-section{background:var(--cc-card-bg);border:1px solid var(--cc-critical);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden;margin-bottom:12px}.cc-panel-header--critical{background:var(--cc-critical-bg);border-bottom-color:#ef44444d}.cc-panel-header--critical .cc-panel-icon{color:var(--cc-critical)}.cc-panel-header--critical .cc-panel-title{color:#fca5a5}.cc-panel-badge--critical{background:var(--cc-critical)!important;color:#fff!important}.cc-panel-badge--stale{background:#f59e0b!important;color:#fff!important}.cc-selected-item--stale{--item-color: #f59e0b}.cc-selected-item--stale .cc-selected-item-indicator{background:#f59e0b}.cc-selected-item--stale .cc-selected-item-subtitle{color:#f59e0b}.cc-stale-divider{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b}.cc-stale-divider:before,.cc-stale-divider:after{content:"";flex:1;height:1px;background:color-mix(in oklab,#f59e0b 30%,transparent)}.cc-overdue-more{padding:8px 12px;font-size:.6875rem;color:var(--cc-critical);text-align:center;cursor:pointer;border-top:1px solid var(--cc-border)}.cc-overdue-more:hover{background:var(--cc-critical-bg)}.cc-overdue-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-top:1px solid var(--cc-border);background:#ef44440d}.cc-overdue-page-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(239,68,68,.3);border-radius:4px;background:transparent;color:var(--cc-critical);cursor:pointer;transition:all var(--cc-transition)}.cc-overdue-page-btn:hover:not(:disabled){background:var(--cc-critical-bg);border-color:var(--cc-critical)}.cc-overdue-page-btn:disabled{opacity:.3;cursor:not-allowed}.cc-overdue-page-info{font-size:.6875rem;font-weight:600;color:var(--cc-critical);min-width:40px;text-align:center}.cc-aging-section{background:var(--cc-card-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden}.cc-panel-header--aging{background:#f59e0b1a;border-bottom-color:#f59e0b33}.cc-panel-header--aging .cc-panel-icon{color:#f59e0b}.cc-panel-badge--aging{background:#f59e0b33!important;color:#f59e0b!important}.cc-aging-buckets{display:flex;flex-direction:column}.cc-aging-bucket{border-bottom:1px solid var(--cc-border);padding:10px 12px;background:color-mix(in oklab,var(--bucket-color, #64748b) 5%,transparent);border-left:3px solid var(--bucket-color, #64748b)}.cc-aging-bucket:last-child{border-bottom:none}.cc-aging-bucket--warning{background:#f59e0b0f}.cc-aging-bucket--stale{background:#f9731614}.cc-aging-bucket--attention{background:#ef444414}.cc-aging-bucket--critical{background:#b91c1c1a}.cc-aging-bucket-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cc-aging-bucket-count{font-size:1rem;font-weight:700;color:var(--bucket-color, var(--cc-text));min-width:24px}.cc-aging-bucket-label{font-size:.6875rem;font-weight:600;color:var(--bucket-color, var(--cc-text-muted));text-transform:uppercase;letter-spacing:.02em}.cc-aging-bucket-items{display:flex;flex-direction:column;gap:4px}.cc-aging-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffffff0a;border-radius:6px;cursor:pointer;transition:all var(--cc-transition);position:relative}.cc-aging-item:hover{background:#ffffff14}.cc-aging-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:4px;color:var(--cc-text-muted);flex-shrink:0}.cc-aging-item-content{flex:1;min-width:0}.cc-aging-item-title{font-size:.6875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-aging-item-subtitle{display:block;font-size:.625rem;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cc-aging-item-desc{display:block;font-size:.5625rem;color:var(--cc-text-tertiary, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cc-aging-item-days{font-size:.625rem;font-weight:600;color:var(--bucket-color, var(--cc-text-muted));background:#ffffff14;padding:2px 5px;border-radius:4px;flex-shrink:0}.cc-aging-bucket-more{font-size:.625rem;color:var(--bucket-color, var(--cc-text-muted));padding:4px 8px;text-align:center;cursor:pointer}.cc-aging-bucket-more:hover{text-decoration:underline}.cc-selected-item-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--item-color, var(--cc-info))}.cc-selected-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--item-color, var(--cc-info)) 15%,transparent);border-radius:6px;color:var(--item-color, var(--cc-info));flex-shrink:0}.cc-selected-item-content{flex:1;min-width:0}.cc-selected-item-title{font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-selected-item-subtitle{font-size:.6875rem;color:var(--cc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cc-overdue-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;background:var(--cc-critical);color:#fff;padding:2px 6px;border-radius:4px;flex-shrink:0}.cc-selected-item-arrow{color:var(--cc-text-muted);opacity:0;transform:translate(-4px);transition:all var(--cc-transition);flex-shrink:0}.cc-selected-item:hover .cc-selected-item-arrow{opacity:1;transform:translate(0)}.cc-selected-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;color:var(--cc-text-muted)}.cc-selected-empty span{font-size:.75rem}@media (max-width: 1400px){.cc-dashboard-grid{grid-template-columns:240px 1fr 280px}.cc-dashboard-grid--map-expanded{grid-template-columns:1fr 1fr 280px}.cc-dashboard-grid--no-map{grid-template-columns:1fr 280px}}@media (max-width: 1200px){.cc-dashboard-grid,.cc-dashboard-grid--map-expanded{grid-template-columns:1fr 280px}.cc-map-panel{display:none}.cc-map-panel--expanded{display:flex;position:fixed;inset:80px 320px 24px 80px;z-index:100;border-radius:var(--cc-radius);box-shadow:0 4px 24px #0000004d}}@media (max-width: 900px){.cc-dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto}.cc-right-panel{flex-direction:row}.cc-compliance-section,.cc-attention-section{flex:1}}@media (max-width: 600px){.cc-container{padding:0 16px 16px}.cc-header{padding:16px 0;margin-bottom:16px}.cc-header-left h1{font-size:1.25rem}.cc-right-panel{flex-direction:column}.cc-filter-tabs{gap:6px;padding:10px 12px}.cc-filter-tab{padding:5px 10px}.cc-filter-tab-label{display:none}}.cc-drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:var(--cc-text-muted)}.cc-drawer-loading span{font-size:.875rem}@media (prefers-reduced-motion: reduce){.cc-spin,.cc-attention-count{animation:none!important}.cc-calendar-item,.cc-attention-row,.cc-filter-tab{transition:none!important}}@media print{.cc-container{background:#fff;color:#000}.cc-map-panel{display:none}}.cc-period-filter{display:flex;gap:4px;margin-right:12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;padding:3px}.cc-period-btn{padding:6px 12px;background:transparent;border:none;border-radius:5px;color:var(--cc-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cc-period-btn:hover{background:#ffffff0f;color:var(--cc-text)}.cc-period-btn--active{background:var(--cc-accent);color:#fff;font-weight:600}.cc-period-btn--active:hover{background:var(--cc-accent);color:#fff}.cc-storeio-left-panel{background:var(--cc-surface, var(--bg-secondary, #1a1a2e));border-radius:var(--cc-radius);border:1px solid var(--cc-border);overflow:hidden;display:flex;flex-direction:column;height:100%}.cc-storeio-left-panel .storeio-insights-panel{height:100%;padding:0}.cc-storeio-left-panel .storeio-insights-section{background:#0000001a}.cc-quick-actions{display:flex;gap:6px;margin-right:12px}.cc-quick-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cc-quick-action-btn:hover{background:var(--cc-surface-hover);border-color:var(--cc-accent);color:var(--cc-accent)}.cc-quick-action-btn:active{transform:scale(.97)}.cc-quick-action-btn svg{flex-shrink:0}@media (max-width: 768px){.cc-quick-action-btn span{display:none}.cc-quick-action-btn{padding:8px}}.cc-context-menu{position:fixed;z-index:1000;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:8px;box-shadow:0 8px 24px #0000004d;min-width:180px;padding:4px;animation:cc-context-menu-in .15s ease}@keyframes cc-context-menu-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.cc-context-menu-header{padding:8px 12px;font-size:.7rem;font-weight:600;color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--cc-border);margin-bottom:4px}.cc-context-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:6px;color:var(--cc-text);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:background .1s ease}.cc-context-menu button:hover{background:var(--cc-surface-hover)}.cc-context-menu button svg{color:var(--cc-text-muted)}.cc-context-menu button:hover svg{color:var(--cc-accent)}.cc-external-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:cc-modal-overlay-in .2s ease}@keyframes cc-modal-overlay-in{0%{opacity:0}to{opacity:1}}.cc-external-modal{background:var(--cc-card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;animation:cc-modal-in .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes cc-modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cc-external-modal-header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--cc-border)}.cc-external-modal-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cc-external-modal-title-section{flex:1;min-width:0}.cc-external-modal-title-section h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--cc-text);line-height:1.3}.cc-external-modal-source{font-size:.75rem;color:#4285f4;font-weight:500}.cc-external-modal-close{background:none;border:none;padding:8px;margin:-8px -8px 0 0;border-radius:8px;color:var(--cc-text-muted);cursor:pointer;transition:all .15s ease}.cc-external-modal-close:hover{background:var(--cc-surface-hover);color:var(--cc-text)}.cc-external-modal-body{padding:16px 20px 20px}.cc-external-modal-row{display:flex;align-items:center;gap:12px;padding:8px 0;color:var(--cc-text);font-size:.875rem}.cc-external-modal-row svg{color:var(--cc-text-muted);flex-shrink:0}.cc-external-modal-row span{line-height:1.4}.cc-external-modal-description{margin-top:16px;padding-top:16px;border-top:1px solid var(--cc-border)}.cc-external-modal-description strong{display:block;font-size:.75rem;font-weight:600;color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cc-external-modal-description p{margin:0;font-size:.875rem;color:var(--cc-text);line-height:1.5;white-space:pre-wrap}.cc-preview-popup{position:fixed;transform:translate(-50%,calc(-100% - 10px));background:var(--bg-panel, var(--cc-surface));border:1px solid var(--border, var(--cc-border));border-radius:10px;box-shadow:0 12px 32px #0003,0 2px 8px #0000001a;z-index:10000;pointer-events:none;min-width:240px;max-width:320px;overflow:hidden;animation:ccPopupIn .15s ease}@keyframes ccPopupIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}.cc-preview-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-panel, var(--cc-surface));filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.cc-preview-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--preview-accent, var(--primary));gap:8px}.cc-preview-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;opacity:.95}.cc-preview-time{font-size:11px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;opacity:.9}.cc-preview-title{font-size:13px;font-weight:600;color:var(--fg);padding:8px 12px 2px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-preview-sub{font-size:11px;color:var(--fg-muted);padding:0 12px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-preview-details{padding:4px 12px 8px;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--border, var(--cc-border));margin-top:4px}.cc-preview-detail{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-secondary, var(--fg-muted));line-height:1.4}.cc-preview-detail-icon{display:flex;align-items:center;color:var(--fg-muted);flex-shrink:0;opacity:.6}.cc-preview-detail--warn{color:#f59e0b}.cc-preview-detail--warn .cc-preview-detail-icon{color:#f59e0b;opacity:1}.cc-preview-detail--urgent{color:#ef4444}.cc-preview-detail--urgent .cc-preview-detail-icon{color:#ef4444;opacity:1}.cc-job-preview{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #00000040;z-index:10000;pointer-events:none;min-width:220px;max-width:300px;animation:ccPopupIn .15s ease}.cc-job-preview--fixed{position:fixed;transform:translate(-50%,calc(-100% - 12px))}.cc-job-preview--fixed:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--cc-border)}.cc-job-preview--fixed:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--cc-surface);margin-top:-1px;z-index:1}.cc-preview-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0;font-size:.8125rem}.cc-preview-row:first-child{padding-top:0}.cc-preview-row:last-child{padding-bottom:0}.cc-preview-label{color:var(--cc-text-muted);font-weight:500;white-space:nowrap;flex-shrink:0}.cc-preview-value{color:var(--cc-text);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cc-day-detail-drawer{padding:0}.cc-day-detail-summary{padding:12px 16px;font-size:14px;color:var(--cc-text-muted);border-bottom:1px solid var(--cc-border);background:var(--cc-surface)}.cc-day-detail-cards{display:flex;flex-direction:column;gap:12px;padding:16px}.cc-day-card{position:relative;overflow:hidden;background:color-mix(in oklab,var(--fg) 5%,var(--card-bg, var(--surface)));border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--card-accent, #64748b);padding:14px 16px 14px 56px;cursor:pointer;transition:border-color .3s ease,transform .2s ease,box-shadow .3s ease,background .3s ease}.cc-day-card:hover{border-color:color-mix(in srgb,var(--card-accent) 50%,var(--border));border-left-color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 4%,var(--card-bg, var(--surface)));transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.cc-day-card-bg-icon{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:60px;height:60px;pointer-events:none;color:color-mix(in srgb,var(--card-bg, var(--surface)) 78%,black);transition:color .4s ease,filter .4s ease;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--card-accent) 10%,transparent))}.cc-day-card-bg-icon svg{width:100%;height:100%;stroke-width:1!important}.cc-day-card:hover .cc-day-card-bg-icon{color:color-mix(in srgb,var(--card-accent) 22%,var(--card-bg, var(--surface)));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--card-accent) 25%,transparent))}.cc-day-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cc-day-card-header{display:flex;align-items:center;gap:8px}.cc-day-card-title{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--fg);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cc-day-card-ref{margin-left:8px;color:var(--primary, #0073ea);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:500}.cc-day-card-module-badge{flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;color:#fff;border-radius:4px}.cc-day-card-badge{flex-shrink:0;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cc-day-card-badge--red{background:#ef444426;color:#f87171}.cc-day-card-badge--amber{background:#f59e0b26;color:#fbbf24}.cc-day-card-details{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted, var(--text-secondary));font-weight:500;flex-wrap:wrap}.cc-day-card-sep{opacity:.4}.cc-day-card-summary{font-size:12px;color:var(--text-muted, var(--text-secondary));line-height:1.4;margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 480px){.cc-day-detail-cards{padding:12px;gap:10px}.cc-day-card{padding:12px 14px 12px 48px}.cc-day-card-bg-icon{width:48px;height:48px;left:-8px}.cc-day-card-action{font-size:12px}.cc-day-card-title{font-size:13px}.cc-day-card-details{font-size:11px}}.cc-vehicle-quick-info{display:flex;flex-direction:column;gap:20px;padding:4px}.cc-vehicle-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-soft, var(--bg-2));border-radius:10px}.cc-vehicle-rego{font-size:24px;font-weight:700;color:var(--fg);letter-spacing:.5px}.cc-vehicle-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.cc-vehicle-status--available{background:#10b9811f;color:#10b981}.cc-vehicle-status--in_use{background:#3b82f61f;color:#3b82f6}.cc-vehicle-status--maintenance{background:#f59e0b1f;color:#f59e0b}.cc-vehicle-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cc-vehicle-info-item{display:flex;flex-direction:column;gap:4px}.cc-vehicle-info-label{font-size:11px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.5px}.cc-vehicle-info-value{font-size:14px;color:var(--fg)}.cc-vehicle-compliance{padding:16px;background:var(--bg-2);border-radius:10px;border-left:3px solid var(--cc-warning)}.cc-vehicle-compliance-title{font-size:12px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.cc-vehicle-compliance-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg);padding:6px 0}.cc-vehicle-compliance-item svg{color:var(--fg-3);flex-shrink:0}.cc-vehicle-notes{padding:16px;background:var(--bg-2);border-radius:10px}.cc-vehicle-notes-title{font-size:12px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cc-vehicle-notes p{margin:0;font-size:14px;color:var(--fg);line-height:1.5;white-space:pre-wrap}.cc-vehicle-actions{margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.cc-vehicle-actions button{justify-content:center;gap:8px}.cc-whats-next-panel{display:flex;flex-direction:column}.cc-whats-next-toggle{display:flex;gap:2px;margin-left:auto;background:var(--bg-secondary);border-radius:6px;padding:2px}.cc-toggle-btn{padding:4px 10px;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--fg-muted);border-radius:4px;cursor:pointer;transition:all .15s ease}.cc-toggle-btn:hover{color:var(--fg);background:var(--bg-tertiary)}.cc-toggle-btn--active{background:var(--primary);color:#fff}.cc-toggle-btn--active:hover{background:var(--primary);color:#fff;filter:brightness(1.1)}.cc-whats-next-body{overflow-y:auto;flex:1}.cc-whats-next-list{display:flex;flex-direction:column;padding:6px 10px 10px 32px;position:relative}.cc-whats-next-rail{position:absolute;left:14px;top:8px;bottom:8px;width:1.5px;background:var(--border);z-index:0}.cc-whats-next-day{display:flex;flex-direction:column;position:relative}.cc-whats-next-day-header{font-size:10px;font-weight:700;color:var(--fg-muted);padding:8px 0 4px;text-transform:uppercase;letter-spacing:.8px;position:sticky;top:0;background:var(--bg-panel);z-index:1}.cc-whats-next-day-header:before{content:"";position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--border);border:1.5px solid var(--bg-panel);box-sizing:border-box}.cc-whats-next-day-header--today{color:var(--primary)}.cc-whats-next-day-header--today:before{background:var(--bg-panel);border:2px solid var(--primary);box-shadow:none}.cc-whats-next-item{position:relative;display:flex;flex-direction:column;gap:2px;padding:7px 10px 7px 12px;margin:3px 0;border-radius:8px;cursor:pointer;transition:all .15s ease;background:var(--bg-hover);border-left:3px solid var(--item-color, var(--border));box-shadow:0 1px 2px #0000000a}.cc-whats-next-item:before{content:"";position:absolute;left:-21px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--item-color, var(--border));z-index:1}.cc-whats-next-item:after{content:"";position:absolute;left:-16px;top:50%;width:13px;height:1px;background:var(--border)}.cc-whats-next-item:hover{background:var(--cc-surface-hover);box-shadow:0 2px 6px #00000014;transform:translate(1px)}.cc-whats-next-item--urgent{background:color-mix(in srgb,#ef4444 8%,var(--bg-hover))}.cc-whats-next-item--urgent:hover{background:color-mix(in srgb,#ef4444 15%,var(--bg-hover))}.cc-whats-next-item--confirm{background:color-mix(in srgb,#f59e0b 8%,var(--bg-hover))}.cc-whats-next-item--confirm:hover{background:color-mix(in srgb,#f59e0b 15%,var(--bg-hover))}.cc-whats-next-item-header{display:flex;align-items:center;gap:6px;min-width:0}.cc-whats-next-time{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-muted);flex-shrink:0}.cc-whats-next-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.cc-whats-next-title{font-size:12px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3}.cc-whats-next-subtitle{font-size:10px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;padding-left:0}.cc-whats-next-badge{font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.cc-whats-next-badge--urgent{background:#ef4444;color:#fff}.cc-whats-next-badge--confirm{background:#f59e0b;color:#fff}.cc-whats-next-now{display:flex;align-items:center;gap:8px;padding:6px 0;position:relative}.cc-whats-next-now-dot{position:absolute;left:-26px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:2}.cc-whats-next-now-core{width:8px;height:8px;border-radius:50%;background:var(--primary);position:absolute;z-index:3;box-shadow:0 0 4px color-mix(in srgb,var(--primary) 60%,transparent)}.cc-whats-next-now-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--primary);z-index:1}.cc-whats-next-now-pulse--1{animation:whatsNextPulse 2s ease-out infinite}.cc-whats-next-now-pulse--2{animation:whatsNextPulse 2s ease-out infinite .5s}@keyframes whatsNextPulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(2.5);opacity:0}}.cc-whats-next-now-line{flex:1;height:1px;border-top:1.5px dashed color-mix(in srgb,var(--primary) 40%,transparent)}.cc-whats-next-now-label{font-size:9px;font-weight:700;color:var(--primary);letter-spacing:1px;opacity:.7;flex-shrink:0}.cc-whats-next-item--expanded{border-bottom:none;margin-bottom:0}.cc-wn-stops{padding:6px 0 8px 18px;margin-bottom:6px;border-left:2px solid var(--border);margin-left:6px}.cc-wn-stop{display:flex;align-items:flex-start;gap:8px;padding:3px 0;position:relative}.cc-wn-stop__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:2px;margin-left:-24px;display:flex;align-items:center;justify-content:center;font-size:.45rem;color:#fff}.cc-wn-stop__info{flex:1;min-width:0}.cc-wn-stop__name{font-size:.7rem;line-height:1.3}.cc-wn-stop__now{font-size:.55rem;font-weight:700;color:#fff;background:#8b5cf6;padding:0 4px;border-radius:3px;margin-left:4px;animation:cc-now-pulse 2s ease-in-out infinite}@keyframes cc-now-pulse{0%,to{opacity:1}50%{opacity:.5}}.cc-wn-stop__meta{font-size:.6rem;color:var(--fg-dim)}.cc-wn-stop--done .cc-wn-stop__name{text-decoration:line-through;opacity:.5}.cc-wn-link{font-size:.6rem;color:var(--primary);cursor:pointer;opacity:.7;padding-left:0;margin-top:4px}.cc-wn-link:hover{opacity:1;text-decoration:underline}.cc-stat-cards-panel{border:none;background:transparent;box-shadow:none;overflow:visible}.cc-stat-cards-panel .cc-panel-header:not(.cc-drag-handle){display:none}.cc-stat-cards-panel .cc-panel-header.cc-drag-handle{padding:4px 12px;border-bottom:none}.cc-stat-cards-body{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 0!important;overflow:visible!important;position:relative}.cc-stat-card{flex:1 1 120px;min-width:100px;max-width:220px;background:var(--cc-card-bg, var(--bg-secondary));border:1px solid var(--cc-border, var(--border));border-top:3px solid var(--stat-color, var(--cc-border));border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.cc-stat-card:hover{border-color:color-mix(in srgb,var(--stat-color, var(--cc-border)) 50%,var(--cc-border));transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.cc-stat-card:hover{border-color:var(--stat-color, var(--cc-border));box-shadow:0 2px 8px #0000000f}.cc-stat-card-bg-icon{position:absolute;left:-14px;bottom:-14px;width:56px;height:56px;pointer-events:none;color:color-mix(in srgb,var(--cc-card-bg, var(--bg-secondary)) 78%,black);transition:color .35s ease,filter .35s ease;filter:drop-shadow(-1px -1px 0px rgba(0,0,0,.12)) drop-shadow(1px 1px 0px rgba(255,255,255,.03))}.cc-stat-card-bg-icon svg{width:100%;height:100%;stroke-width:1}.cc-stat-card:hover .cc-stat-card-bg-icon{color:color-mix(in srgb,var(--stat-color, #64748b) 50%,transparent);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--stat-color, #64748b) 15%,transparent))}.cc-stat-card-content{position:relative;z-index:1;text-align:center}.cc-stat-card-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-muted, var(--fg-muted));margin-bottom:4px}.cc-stat-card-value{font-size:1.75rem;font-weight:800;color:var(--stat-color, var(--cc-text));line-height:1;font-variant-numeric:tabular-nums}.cc-stat-card--active{border-color:var(--stat-color, var(--primary));box-shadow:0 0 0 1px var(--stat-color, var(--primary))}.cc-stat-overlay{position:relative;z-index:25;background:var(--cc-card-bg, var(--bg-secondary));border:1px solid var(--cc-border, var(--border));border-radius:10px;margin-bottom:8px;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;animation:cc-overlay-in .2s ease-out;max-height:320px;overflow-y:auto}@keyframes cc-overlay-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cc-stat-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid var(--cc-border, var(--border))}.cc-stat-overlay-title{font-size:.8125rem;font-weight:700;color:var(--cc-text, var(--fg));letter-spacing:.02em}.cc-stat-overlay-close{background:none;border:none;color:var(--cc-text-muted, var(--fg-muted));cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.cc-stat-overlay-close:hover{background:var(--bg-hover, rgba(255,255,255,.06));color:var(--fg)}.cc-stat-overlay-rows{padding:4px 6px}.cc-stat-overlay-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:background .12s}.cc-stat-overlay-row--click{cursor:pointer}.cc-stat-overlay-row--click:hover{background:var(--bg-hover, rgba(255,255,255,.04))}.cc-stat-overlay-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cc-stat-overlay-row-primary{font-size:.8125rem;font-weight:600;color:var(--cc-text, var(--fg));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-stat-overlay-row-secondary{font-size:.6875rem;color:var(--cc-text-muted, var(--fg-muted))}.cc-stat-overlay-row-meta{font-size:.6875rem;color:var(--cc-text-muted, var(--fg-muted));white-space:nowrap;flex-shrink:0}.cc-stat-overlay-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.cc-stat-overlay-empty{padding:16px;text-align:center;color:var(--cc-text-muted, var(--fg-muted));font-size:.8125rem}.cc-customize-drawer{padding:8px 0}.cc-customize-section{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.cc-customize-section:last-child{border-bottom:none;margin-bottom:0}.cc-customize-section-title{font-size:.8125rem;font-weight:600;color:var(--fg);margin:0 0 2px}.cc-customize-section-desc{font-size:.6875rem;color:var(--fg-muted);margin:0 0 10px}.cc-customize-toggle{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s;user-select:none}.cc-customize-toggle:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.cc-customize-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.cc-customize-toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--bg-secondary, rgba(0,0,0,.04));color:var(--fg-muted);flex-shrink:0}.cc-customize-toggle-label{font-size:.8125rem;color:var(--fg);font-weight:500}.cc-day-card-ref-row{display:flex;align-items:center;gap:6px;margin-top:2px}.cc-day-card-status{font-size:.6875rem;color:var(--fg-muted);font-weight:500}:root{color-scheme:light}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,1fr);justify-content:center;background:radial-gradient(circle at top left,color-mix(in oklab,var(--accent) 18%,transparent),transparent 45%),radial-gradient(circle at bottom right,rgba(16,185,129,.18),transparent 45%),#0f172a;padding:clamp(24px,4vw,48px);gap:clamp(24px,6vw,72px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a}.auth-card{background:#fffffff5;border-radius:24px;box-shadow:0 40px 80px #0f172a33,0 20px 40px #0f172a1f,inset 0 1px #fff9;padding:clamp(24px,4vw,40px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:clamp(24px,4vw,40px)}.auth-header{display:flex;flex-direction:column;gap:16px}.auth-brand{display:flex;align-items:center;gap:7px;color:#334155}.auth-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),#14b8a6);box-shadow:0 12px 24px #2563eb40}.auth-logo-img{width:56px;height:56px;padding:8px;background:#fffffff2;border-radius:12px;box-shadow:0 12px 24px #0073ea40;border:1px solid rgba(0,115,234,.1);filter:drop-shadow(0 0 8px rgba(0,115,234,.4));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 8px rgba(0,115,234,.4))}50%{filter:drop-shadow(0 0 12px rgba(0,115,234,.6))}}.auth-brand-title{font-family:Play,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;margin:-2px 0 0}.auth-brand-subtitle{margin:0;font-size:.8rem;color:#64748b}.auth-title{margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:600;color:#0f172a}.auth-subtitle{margin:8px 0 0;font-size:1rem;color:#64748b;max-width:38ch}.auth-content{display:flex;flex-direction:column;gap:20px}.auth-highlight{border-radius:clamp(24px,4vw,48px);background:#0f172aba;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px #0f172a66;color:#fff;display:flex;align-items:center}.auth-highlight-inner{padding:clamp(24px,5vw,56px);display:flex;flex-direction:column;gap:24px}.auth-tag{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin:0}.auth-highlight h2{margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.auth-highlight-copy{margin:0;color:#e2e8f0d9;font-size:1rem;line-height:1.6}.auth-highlight ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.auth-highlight li{display:flex;gap:16px;align-items:flex-start}.auth-highlight li .dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#22d3ee);margin-top:6px;flex:none;box-shadow:0 6px 12px #38bdf84d}.auth-highlight-title{margin:0;font-weight:600;font-size:.98rem}.auth-highlight-description{margin:6px 0 0;color:#e2e8f0b3;font-size:.9rem;line-height:1.5}@media (max-width: 1024px){.auth-shell{grid-template-columns:minmax(280px,520px);padding:clamp(24px,6vw,56px);min-height:auto}.auth-highlight{display:none}}@media (max-width: 1280px){.auth-shell{grid-template-columns:1fr;min-height:100vh;min-height:100dvh;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 12%,#0f172a),#0f172a,color-mix(in oklab,#10b981 8%,#0f172a))}.auth-card{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));box-shadow:none;background:var(--bg, #ffffff)}.auth-header{text-align:center;align-items:center}.auth-brand{justify-content:center;margin-bottom:8px}.auth-logo-img{width:64px;height:64px;padding:10px}.auth-title{font-size:1.75rem}.auth-subtitle{text-align:center;font-size:.95rem}.auth-highlight{display:none}}@media (max-width: 640px){.auth-shell{padding:0}.auth-card{padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.auth-logo-img{width:56px;height:56px}.auth-title{font-size:1.5rem}.auth-highlight-inner{padding:24px}}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:.9rem;font-weight:600;color:#0f172a}.auth-input{border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:12px 14px;font-size:.95rem;transition:border .2s ease,box-shadow .2s ease;background:#fffffff2;color:#0f172a}.auth-input:focus{outline:none;border-color:color-mix(in oklab,var(--accent) 60%,transparent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 15%,transparent)}.auth-input::placeholder{color:#64748bb3}.auth-footer{display:flex;flex-direction:column;gap:12px;margin-top:12px}.auth-error{padding:10px 12px;border-radius:12px;background:#ef44441a;color:#b91c1c;font-size:.9rem}.auth-info{padding:10px 12px;border-radius:12px;background:color-mix(in oklab,var(--accent) 7%,transparent);color:var(--accent-hover);font-size:.9rem}.auth-button{border:none;border-radius:12px;padding:14px 16px;font-weight:600;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--accent),#0ea5e9);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px #0ea5e940}.auth-button:disabled{opacity:.65;cursor:progress;box-shadow:none}.auth-muted{color:#64748b;font-size:.85rem;text-align:center}.auth-links{display:flex;justify-content:space-between;font-size:.85rem}.auth-link{color:var(--accent);text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-link--button{background:none;border:none;padding:0;cursor:pointer}.auth-forgot{margin-top:16px;display:flex;justify-content:flex-end}.auth-reset{margin-top:20px;padding:18px 20px;border-radius:16px;border:1px solid rgba(37,99,235,.18);background:#2563eb0d;display:grid;gap:12px}.auth-reset h3{margin:0;font-size:16px;font-weight:600;color:var(--fg, #0f172a)}.auth-reset p{margin:0;font-size:14px;color:var(--fg-secondary, #475569)}.auth-reset__form{display:grid;gap:10px}.auth-reset__form label{font-size:13px;font-weight:600;color:var(--fg-secondary, #475569)}.auth-button--secondary{background:#2563eb24;color:var(--accent);box-shadow:none}.auth-button--secondary:hover:not(:disabled){box-shadow:0 12px 24px #2563eb2e}.auth-button--secondary:disabled{opacity:.65}.auth-biometric-section{margin-bottom:20px}.auth-biometric-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:2px solid rgba(37,99,235,.2);border-radius:14px;background:linear-gradient(135deg,#2563eb14,#0ea5e914);color:var(--accent, #2563eb);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-biometric-button:hover:not(:disabled){border-color:var(--accent, #2563eb);background:linear-gradient(135deg,#2563eb1f,#0ea5e91f);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb26}.auth-biometric-button:disabled{opacity:.7;cursor:progress}.auth-biometric-button-icon{display:flex;align-items:center;justify-content:center;color:var(--accent, #2563eb)}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:#64748b;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#64748b33}@media (max-width: 1280px){.auth-biometric-section{margin-bottom:0}.auth-biometric-section .auth-biometric-button{padding:20px 24px;font-size:1.1rem;border-radius:16px;background:linear-gradient(135deg,var(--accent, #2563eb),#0ea5e9);color:#fff;border:none;box-shadow:0 8px 24px #2563eb4d}.auth-biometric-section .auth-biometric-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2563eb66}.auth-biometric-section .auth-biometric-button:active:not(:disabled){transform:scale(.98)}.auth-biometric-section .auth-biometric-button-icon{color:#fff}.auth-biometric-section .auth-biometric-button-icon svg{width:28px;height:28px}.auth-password-toggle{width:100%;padding:14px;margin-top:16px;background:transparent;border:1px solid var(--border, rgba(100, 116, 139, .2));border-radius:12px;color:var(--fg-secondary, #64748b);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-password-toggle:hover{background:var(--bg-secondary, rgba(100, 116, 139, .08));color:var(--fg, #0f172a)}.auth-password-toggle svg{width:18px;height:18px;transition:transform .2s ease}.auth-password-toggle.expanded svg{transform:rotate(180deg)}.auth-password-section{max-height:0;overflow:hidden;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-password-section.expanded{max-height:500px;opacity:1;margin-top:20px;padding-top:20px;border-top:1px solid var(--border, rgba(100, 116, 139, .15))}.auth-biometric-section .auth-divider{display:none}}@media (max-width: 640px){.auth-biometric-section .auth-biometric-button{padding:18px 20px;font-size:1rem}.auth-biometric-section .auth-biometric-button-icon svg{width:24px;height:24px}}.auth-biometric-prompt{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;text-align:center}.auth-biometric-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#2563eb1a,#0ea5e91a);color:var(--accent, #2563eb)}.auth-biometric-description{color:#475569;font-size:.95rem;line-height:1.5;max-width:280px}.auth-biometric-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.auth-downloads{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(100,116,139,.15)}.auth-download-link{flex:1;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(100,116,139,.15);border-radius:12px;background:#fff9;text-decoration:none;transition:all .2s ease}.auth-download-link:hover{border-color:var(--accent, #2563eb);background:#2563eb0a;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.auth-download-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3ddc84,#00c853);color:#fff;flex-shrink:0}.auth-download-icon svg{width:22px;height:22px}.auth-download-icon--support{background:linear-gradient(135deg,var(--accent, #2563eb),#0ea5e9)}.auth-download-text{display:flex;flex-direction:column;gap:2px;min-width:0}.auth-download-title{font-size:.9rem;font-weight:600;color:#0f172a}.auth-download-subtitle{font-size:.75rem;color:#64748b}@media (max-width: 480px){.auth-downloads{flex-direction:column}}.auth-legal{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:12px}.auth-legal a{font-size:.75rem;color:#94a3b8;text-decoration:none}.auth-legal a:hover{color:#3b82f6;text-decoration:underline}.auth-legal__sep{color:#475569;font-size:.75rem}.warning-banner{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000f;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.warning-banner--warning{background:#fbbf241a;border-bottom-color:#fbbf244d}.warning-banner--danger{background:#ef44441a;border-bottom-color:#ef44444d}.warning-banner-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.warning-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.warning-banner--warning .warning-banner-icon{color:var(--orange, #f59e0b)}.warning-banner--danger .warning-banner-icon{color:var(--red, #ef4444)}.warning-banner-icon svg{width:20px;height:20px;stroke-width:2}.warning-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.warning-banner-text strong{font-size:14px;font-weight:600;color:var(--fg)}.warning-banner-text span{font-size:13px;color:var(--fg-secondary)}.warning-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.warning-banner-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;border:none;outline:none}.warning-banner-action svg{width:14px;height:14px;stroke-width:2}.warning-banner-action--primary{background:var(--accent, var(--primary));color:#fff}.warning-banner-action--primary:hover{background:var(--accent-hover, var(--accent))}.warning-banner-action--primary:active{transform:scale(.98)}.warning-banner-action--ghost{background:transparent;color:var(--fg-secondary);padding:6px;width:32px;height:32px}.warning-banner-action--ghost:hover{background:#0000000d;color:var(--fg)}.warning-banner-action--ghost:active{transform:scale(.95)}@media (max-width: 768px){.warning-banner{padding:10px 16px;gap:12px}.warning-banner-content{gap:10px}.warning-banner-icon svg{width:18px;height:18px}.warning-banner-text strong{font-size:13px}.warning-banner-text span{font-size:12px}.warning-banner-action--primary{font-size:12px;padding:6px 10px}.warning-banner-action--primary svg{width:12px;height:12px}}@media (prefers-color-scheme: dark){.warning-banner{background:var(--bg-secondary, #1a1a1a);border-bottom-color:var(--border, #333)}.warning-banner--warning{background:#fbbf2426;border-bottom-color:#fbbf2466}.warning-banner--danger{background:#ef444426;border-bottom-color:#ef444466}.warning-banner-action--ghost:hover{background:#ffffff1a}}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px;border:1px solid;margin-bottom:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;font-size:18px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;font-size:14px;margin-bottom:4px}.alert-message{font-size:14px;line-height:1.5}.alert-children{margin-top:8px}.alert-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;background:none;border:none;cursor:pointer;border-radius:4px;transition:background .2s ease;font-size:16px;color:inherit;opacity:.7}.alert-close:hover{opacity:1;background:#0000000d}.alert-info{background:color-mix(in oklab,var(--accent) 8%,var(--bg));border-color:color-mix(in oklab,var(--accent) 50%,transparent);color:var(--accent)}.alert-success{background:#f0fdf4;border-color:#86efac;color:#166534}.alert-warning{background:transparent;border-color:#fcd34d;color:var(--text)}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}[data-theme=dark] .alert-info{background:#1e3a8a;border-color:var(--primary);color:#dbeafe}[data-theme=dark] .alert-success{background:#14532d;border-color:#22c55e;color:#dcfce7}[data-theme=dark] .alert-warning{background:transparent;border-color:#f59e0b;color:var(--text)}[data-theme=dark] .alert-error{background:#7f1d1d;border-color:#ef4444;color:#fee2e2}[data-theme=dark] .alert-close:hover{background:#ffffff1a}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{position:relative;display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover:not(.tab-disabled){color:var(--text);background:var(--bg)}.tab-active{color:var(--accent)!important;font-weight:600}.tab-disabled{opacity:.4;cursor:not-allowed}.tabs-underline .tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tabs-pills{border-bottom:none;gap:8px;margin-bottom:20px}.tabs-pills .tab{border-radius:8px;padding:8px 16px}.tabs-pills .tab-active{background:var(--accent);color:var(--accent-contrast)!important}.tabs-pills .tab-active:hover{background:var(--accent)!important}.tabs-boxed{border-bottom:none;background:var(--bg);border-radius:8px;padding:4px;gap:0}.tabs-boxed .tab{border-radius:6px;padding:8px 16px}.tabs-boxed .tab-active{background:var(--card);box-shadow:0 1px 3px #0000001a}.tab-icon{display:flex;align-items:center;font-size:16px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);color:var(--accent-contrast);font-size:11px;font-weight:600;border-radius:10px}.tab-active .tab-badge{background:var(--accent-contrast);color:var(--accent)}.tab-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 16px;font-size:13px}}[data-theme=dark] .tabs-boxed{background:#ffffff0d}[data-theme=dark] .tabs-boxed .tab-active{box-shadow:0 1px 3px #0000004d}.image-preview-overlay{position:fixed;inset:0;background:#0009;z-index:50000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.image-preview-modal{background:var(--bg);border-radius:12px;max-width:90vw;max-height:90vh;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;animation:scaleIn .2s ease;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.image-preview-title{display:flex;align-items:center;gap:12px;min-width:0}.image-preview-filename{font-size:15px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-controls{display:flex;gap:8px;flex-shrink:0}.image-preview-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--fg-secondary);cursor:pointer;transition:all .15s ease}.image-preview-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.image-preview-btn-close:hover{background:var(--danger-bg, rgba(239, 68, 68, .1));border-color:var(--danger, #ef4444);color:var(--danger, #ef4444)}.image-preview-btn svg{width:20px;height:20px}.image-preview-content{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;overflow:auto;background:var(--bg);min-height:200px}.image-preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;display:block}.image-preview-pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--fg-secondary);text-align:center}.image-preview-download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.image-preview-download-btn:hover{background:var(--accent-hover, #0055cc);transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.image-preview-download-btn svg{width:18px;height:18px}.image-preview-footer{display:flex;gap:20px;padding:12px 24px;border-top:1px solid var(--border);background:var(--bg-secondary);font-size:13px;color:var(--fg-secondary);flex-shrink:0}.image-preview-footer span{white-space:nowrap}@media (max-width: 1024px){.image-preview-modal{max-width:90vw;max-height:90vh}.image-preview-header{padding:14px 20px}.image-preview-content{padding:20px}.image-preview-filename{font-size:14px}}@media (max-width: 768px){.image-preview-overlay{padding:0}.image-preview-modal{max-width:100vw;max-height:100vh;border-radius:0;width:100%;height:100%}.image-preview-header{padding:12px 16px}.image-preview-content{padding:16px}.image-preview-footer{flex-direction:column;gap:8px;padding:12px 16px}.image-preview-btn{width:40px;height:40px}.image-preview-btn svg{width:22px;height:22px}}.document-grid{display:grid;gap:16px;width:100%;margin:16px 0}.document-grid-item{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.document-grid-item:hover{border-color:var(--primary, #0066ff);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.document-grid-thumbnail{position:relative;width:100%;height:160px;background:var(--bg-tertiary, #f0f0f0);display:flex;align-items:center;justify-content:center;overflow:hidden}.document-grid-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.document-grid-item:hover .document-grid-image{transform:scale(1.05)}.document-grid-icon{color:var(--fg-secondary, #666);display:flex;align-items:center;justify-content:center}.document-grid-icon svg{width:48px;height:48px;stroke-width:1.5}.document-grid-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;color:#fff;background:#000000b3;backdrop-filter:blur(4px);text-transform:uppercase;z-index:2}.document-grid-badge--red{background:#dc2626e6}.document-grid-badge--blue{background:#2563ebe6}.document-grid-badge--green{background:#22c55ee6}.document-grid-badge--purple{background:#9333eae6}.document-grid-badge--orange{background:#f97316e6}.document-grid-badge--gray{background:#4b5563e6}.document-grid-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease;z-index:1}.document-grid-item:hover .document-grid-overlay{opacity:1}.document-grid-overlay svg{width:32px;height:32px;color:#fff;stroke-width:2}.document-grid-overlay span{color:#fff;font-size:14px;font-weight:500}.document-grid-meta{padding:12px;background:var(--bg-secondary, #fff)}.document-grid-name{font-size:13px;font-weight:500;color:var(--fg, #000);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-grid-size,.document-grid-date{font-size:12px;color:var(--fg-secondary, #666);margin-bottom:2px}.document-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;background:var(--bg-secondary, #f8f9fa);border:2px dashed var(--border-color, #e0e0e0);border-radius:8px;color:var(--fg-secondary, #666);text-align:center}.document-grid-empty svg{width:64px;height:64px;color:var(--fg-tertiary, #ccc);stroke-width:1.5}.document-grid-empty p{font-size:14px;margin:0}@media (max-width: 768px){.document-grid{gap:12px}.document-grid-thumbnail{height:120px}.document-grid-icon svg{width:36px;height:36px}.document-grid-badge{font-size:10px;padding:3px 6px}.document-grid-overlay svg{width:24px;height:24px}.document-grid-overlay span{font-size:12px}.document-grid-meta{padding:10px}.document-grid-name{font-size:12px}.document-grid-size,.document-grid-date{font-size:11px}.document-grid-empty{padding:32px 16px}.document-grid-empty svg{width:48px;height:48px}.document-grid-empty p{font-size:13px}}@media (prefers-color-scheme: dark){.document-grid-item{background:var(--bg-secondary, #1a1a1a);border-color:var(--border-color, #333)}.document-grid-thumbnail{background:var(--bg-tertiary, #0a0a0a)}.document-grid-empty{background:var(--bg-secondary, #1a1a1a);border-color:var(--border-color, #333)}}.context-menu-overlay{position:fixed;inset:0;z-index:999;background:transparent}.context-menu{position:fixed;min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000026;padding:4px;z-index:1000;animation:contextMenuFadeIn .12s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--fg);text-align:left;cursor:pointer;transition:all .12s ease}.context-menu-item:hover:not(.disabled){background:var(--bg-hover);color:var(--accent)}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover:not(.disabled){background:#ef44441a;color:#dc2626}.context-menu-icon{display:flex;align-items:center;justify-content:center;font-size:16px;width:20px}.context-menu-label{flex:1}.data-table-wrapper{background:var(--bg)}.mobile-view-toggle{display:flex;gap:8px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.view-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg-dim);font-size:.875rem;cursor:pointer;transition:all .2s ease}.view-toggle-btn svg{width:16px;height:16px}.view-toggle-btn:hover{background:var(--hover);color:var(--fg)}.view-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9375rem;table-layout:auto;box-sizing:border-box}.data-table thead{background:var(--bg);border-bottom:2px solid var(--border)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--fg);font-size:.875rem;white-space:nowrap;transition:background-color .15s ease;background:var(--bg);border-bottom:2px solid var(--border)}.data-table th.sortable{cursor:pointer;user-select:none}.data-table th.sortable:hover{background:var(--hover, rgba(0, 0, 0, .05))}.data-table th .th-content{display:inline-flex;align-items:center;gap:6px}.data-table th .sort-indicator{color:var(--fg-dim, #64748b);font-size:12px;opacity:.4;transition:opacity .15s ease}.data-table th.sortable:hover .sort-indicator{opacity:.7}.data-table th .sort-indicator.active{color:var(--primary, #3b82f6);opacity:1}.data-table th:hover{background:color-mix(in oklab,var(--accent) 8%,transparent)}@media (prefers-color-scheme: dark){.data-table th:hover{background:#60a5fa1f}}.data-table th.actions-header{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr:hover{background:var(--hover)}.data-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .data-table tbody tr:nth-child(2n){background:#ffffff05}.data-table tbody tr:nth-child(2n):hover{background:var(--hover)}.data-table tbody tr.archived-row{background:#00000008;opacity:.7}@media (prefers-color-scheme: dark){.data-table tbody tr.archived-row{background:#ffffff08;opacity:.7}}.data-table tbody tr.archived-row:hover{background:#0000000d;opacity:.8}@media (prefers-color-scheme: dark){.data-table tbody tr.archived-row:hover{background:#ffffff0d;opacity:.8}}.data-table td{padding:12px 16px;color:var(--fg);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.data-table td>div{white-space:normal}.data-table td.actions-cell{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding-top:8px;padding-bottom:8px}.data-cards{display:flex;flex-direction:column;gap:12px;padding:16px}.data-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.data-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.data-card.archived-row{background:#00000005;opacity:.7}@media (prefers-color-scheme: dark){.data-card.archived-row{background:#ffffff05;opacity:.7}}.data-card.archived-row:hover{opacity:.8}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-title{font-weight:600;font-size:1rem;color:var(--fg)}.card-actions{display:flex;gap:8px}.card-body{display:flex;flex-direction:column;gap:8px}.card-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.card-label{font-weight:500;color:var(--fg-dim);margin-right:8px}.card-value{color:var(--fg);text-align:right}.compact-table-container{overflow-x:auto;padding:0 16px}.compact-table{width:100%;border-collapse:collapse;font-size:.875rem;box-sizing:border-box}.compact-table thead{background:var(--bg)}.compact-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--fg);font-size:.8125rem;white-space:nowrap;border-bottom:2px solid var(--border);background:var(--bg)}.compact-table tbody tr{border-bottom:1px solid var(--border)}.compact-table tbody tr.clickable{cursor:pointer}.compact-table tbody tr:active{background:var(--hover)}.compact-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .compact-table tbody tr:nth-child(2n){background:#ffffff05}.compact-table tbody tr:nth-child(2n):active{background:var(--hover)}.compact-table tbody tr.archived-row{background:#00000008;opacity:.7}@media (prefers-color-scheme: dark){.compact-table tbody tr.archived-row{background:#ffffff08;opacity:.7}}.compact-table tbody tr.archived-row:active{background:#0000000d;opacity:.8}@media (prefers-color-scheme: dark){.compact-table tbody tr.archived-row:active{background:#ffffff0d;opacity:.8}}.compact-table td{padding:8px 12px;color:var(--fg);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.compact-table td.actions-cell{display:flex;gap:4px;align-items:center}.data-table-loading{padding:16px;display:flex;flex-direction:column;gap:12px}.loading-skeleton{height:48px;background:linear-gradient(90deg,var(--hover) 0%,var(--border) 50%,var(--hover) 100%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.data-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;text-align:center}.data-table-empty svg{color:var(--fg-dim);margin-bottom:16px;opacity:.5}.data-table-empty p{color:var(--fg-dim);font-size:.9375rem;margin:0}.selection-header{width:50px;text-align:center;padding:12px 8px!important}.selection-cell{width:50px;text-align:center;padding:8px!important}.selection-header input[type=checkbox],.selection-cell input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.card-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);margin-right:12px;flex-shrink:0}@media (min-width: 768px){.mobile-view-toggle{display:none}}.data-table-advanced th{user-select:none;border-right:1px solid rgba(0,0,0,.06);overflow:visible;position:relative}[data-theme=dark] .data-table-advanced th{border-right:1px solid rgba(255,255,255,.06)}.data-table-advanced td{border-right:1px solid rgba(0,0,0,.03)}[data-theme=dark] .data-table-advanced td{border-right:1px solid rgba(255,255,255,.03)}.resize-handle{position:absolute;top:0;width:20px;height:100%;cursor:col-resize;z-index:20;pointer-events:auto}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;width:3px;left:50%;transform:translate(-50%);background:var(--border);opacity:.4;transition:opacity .15s ease,background-color .15s ease}.resize-handle:hover:after{background:var(--accent);opacity:1}.resize-handle-right{right:-10px}.resize-handle-left{left:-10px}[data-theme=dark] .resize-handle{background:transparent}.data-table-advanced th:hover .resize-handle{opacity:1;background:var(--accent);width:4px}[data-theme=dark] .data-table-advanced th:hover .resize-handle{background:var(--accent)}.data-table-advanced th:hover .resize-handle-right{right:-1.5px}.data-table-advanced th:hover .resize-handle-left{left:-1.5px}.resize-handle:hover{background:var(--primary)!important;opacity:.9!important;width:4px;box-shadow:0 0 4px #0003}.resize-handle-right:hover{right:-2px}.resize-handle-left:hover{left:-2px}.resize-handle.resizing{background:var(--primary)!important;opacity:1!important;width:4px!important}.data-table-wrapper.is-resizing{user-select:none;cursor:col-resize}.data-table-wrapper.is-resizing *{cursor:col-resize!important}.data-table-advanced th:has(.resize-handle.resizing){background:var(--hover);transition:background-color .1s ease}.data-table-advanced{table-layout:fixed;width:100%;box-sizing:border-box}.data-table-advanced td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-advanced td>div,.data-table-advanced td>span{overflow:hidden;text-overflow:ellipsis}.data-table-advanced th.actions-header{width:100px;min-width:100px;max-width:100px;text-align:right;border-right:none;position:relative}.data-table-advanced td.actions-cell{width:100px;min-width:100px;max-width:100px;border-right:none;white-space:nowrap;overflow:visible}.data-table-advanced th:has(+.actions-header),.data-table-advanced td:has(+.actions-cell){border-right:none}.data-table-container{position:relative;overflow-x:auto;padding-left:10px;margin-left:-10px}.data-table-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--bg);z-index:15;pointer-events:none}@media (max-width: 767px){.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.resize-handle{display:block}}.compact-table-advanced{table-layout:auto;width:auto;min-width:100%;box-sizing:border-box;font-size:.875rem}.compact-table-advanced th{position:relative;padding:10px 12px;font-size:.8125rem;border-right:1px solid rgba(0,0,0,.06);cursor:context-menu;user-select:none}.compact-table-advanced td{padding:10px 12px;max-width:200px;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .compact-table-advanced th{border-right:1px solid rgba(255,255,255,.06)}.compact-table-advanced td{border-right:1px solid rgba(0,0,0,.03)}[data-theme=dark] .compact-table-advanced td{border-right:1px solid rgba(255,255,255,.03)}.compact-table-advanced th .th-content{display:flex;align-items:center;gap:4px;justify-content:space-between}.compact-table-advanced th .pin-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.6;flex-shrink:0}.compact-table-advanced th .pin-badge svg{width:10px;height:10px}.compact-table-advanced th.pinned{background:transparent}.compact-table-advanced th.pinned:hover{background:var(--bg-hover)}.compact-table-advanced th.sticky,.compact-table-advanced td.sticky{background:var(--bg);border-right:2px solid var(--border);box-shadow:2px 0 6px #00000026;position:sticky;padding-left:18px}.compact-table-advanced th.sticky{background:var(--bg);z-index:11}.compact-table-advanced td.sticky{background:var(--bg);z-index:9}.compact-table-advanced tbody tr:active td.sticky{background:var(--bg)}.compact-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;padding-left:10px;margin-left:-10px;width:100%;max-width:100%}@media (min-width: 1025px){.compact-table-container{padding:0 16px;margin:0}}.compact-table-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(to right,var(--bg) 0%,var(--bg) 100%);z-index:15;pointer-events:none}.data-table-advanced th .th-content{display:flex;align-items:center;gap:6px;justify-content:space-between}.data-table-advanced th .pin-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.6;flex-shrink:0}.data-table-advanced th .pin-badge svg{width:12px;height:12px}.data-table-advanced th.pinned{background:transparent}.data-table-advanced th.pinned:hover{background:var(--bg-hover)}.data-table-advanced th.sticky,.data-table-advanced td.sticky{background:var(--bg);border-right:2px solid var(--border);box-shadow:2px 0 6px #00000026;position:sticky;padding-left:26px;pointer-events:auto}.data-table-advanced th.sticky{background:var(--bg);z-index:11}.data-table-advanced td.sticky{background:var(--bg);z-index:9}.data-table-advanced th{cursor:context-menu;transition:background-color .15s ease}.data-table-advanced th:hover{background:color-mix(in oklab,var(--accent) 8%,transparent)}[data-theme=dark] .data-table-advanced th:hover{background:#60a5fa1f}.data-table-advanced th:has(.resize-handle.resizing){background:color-mix(in oklab,var(--accent) 8%,transparent)}[data-theme=dark] .data-table-advanced th:has(.resize-handle.resizing){background:#60a5fa1f}.data-table-advanced th.sticky:hover{background:color-mix(in oklab,var(--accent) 8%,transparent)}[data-theme=dark] .data-table-advanced th.sticky:hover{background:#60a5fa1f}@media (max-width: 767px){.data-table-advanced th.sticky,.data-table-advanced td.sticky{box-shadow:3px 0 6px #00000026}}.data-table-advanced th,.data-table-advanced td{transition:background-color .15s ease,box-shadow .15s ease}.data-table-advanced tbody tr:hover td.sticky{background:var(--bg)}[data-theme=light] .data-table-advanced th.sticky,[data-theme=light] .data-table-advanced td.sticky,[data-theme=light] .compact-table-advanced th.sticky,[data-theme=light] .compact-table-advanced td.sticky{background:#fff}[data-theme=dark] .data-table-advanced th.sticky,[data-theme=dark] .data-table-advanced td.sticky,[data-theme=dark] .compact-table-advanced th.sticky,[data-theme=dark] .compact-table-advanced td.sticky{background:#111827}[data-theme=dark] .data-table-advanced th.sticky,[data-theme=dark] .data-table-advanced td.sticky{box-shadow:2px 0 6px #0000004d}.data-table-advanced th.sortable:hover,.compact-table-advanced th.sortable:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));cursor:pointer}[data-theme=dark] .data-table-advanced th.sortable:hover,[data-theme=dark] .compact-table-advanced th.sortable:hover{background:#ffffff0f}.data-table-advanced th.sorted,.compact-table-advanced th.sorted{color:var(--primary, #6366f1)}.sort-indicator{font-size:.625rem;margin-left:2px;color:var(--primary, #6366f1);flex-shrink:0;line-height:1}.compact-table-advanced th.sortable{cursor:pointer}.search-bar{position:relative;display:flex;align-items:center;width:100%}.search-bar .search-icon{position:absolute;left:14px;color:var(--fg-dim);pointer-events:none;opacity:.6}.search-bar .search-input{width:100%;height:44px;padding:0 40px 0 44px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--fg);transition:all .2s ease;box-shadow:none}.search-bar .search-input::placeholder{color:var(--fg-dim);opacity:.6}.search-bar .search-input:focus{outline:none;border-color:var(--accent);background:var(--input-bg-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 8%,transparent)}.clear-btn{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--fg-dim);cursor:pointer;transition:all .15s ease}.clear-btn:hover{background:var(--hover-bg);color:var(--fg)}.clear-btn:active{transform:scale(.95)}@media (prefers-color-scheme: dark){.search-bar .search-input{background:#ffffff0d;border-color:#ffffff1a}.search-bar .search-input:focus{background:#ffffff14;border-color:var(--accent)}}@media (max-width: 768px){.search-bar{max-width:100%}}.table-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.table-toolbar .search-bar{flex:1;min-width:200px;max-width:400px}.table-toolbar .search-bar .search-input{background:var(--input-bg);box-shadow:none}.toolbar-divider{width:1px;height:32px;background:var(--border);opacity:.5}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:36px;flex-shrink:0}.toolbar-btn svg{width:18px;height:18px;color:var(--fg-dim)}.toolbar-btn svg:last-child{width:12px;height:12px}.toolbar-btn:hover{background:transparent;border-color:var(--accent)}.toolbar-btn:hover svg{color:var(--fg)}.toolbar-btn.active{background:transparent!important;border-color:var(--accent);border-width:1px;color:var(--accent)}.toolbar-btn.active svg{color:var(--accent)}.toolbar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent);border-radius:10px;font-size:11px;font-weight:700;color:#fff}.toolbar-archive-toggle{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:500;color:var(--fg);cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:36px;user-select:none;flex-shrink:0}.toolbar-archive-toggle:hover{background:transparent;border-color:var(--accent)}.toolbar-archive-toggle input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent)}.toolbar-selection-info{display:flex;align-items:center;padding:8px 14px;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;min-height:36px;flex-shrink:0}.selection-count{color:var(--primary)}.toolbar-btn-danger{border-color:var(--danger);color:var(--danger)}.toolbar-btn-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.toolbar-btn-danger:hover svg{color:#fff}.toolbar-btn-success{border-color:var(--success);color:var(--success)}.toolbar-btn-success:hover{background:var(--success);border-color:var(--success);color:#fff}.toolbar-btn-success:hover svg{color:#fff}.toolbar-btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.toolbar-btn-primary svg{color:#fff}.toolbar-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.toolbar-btn-primary:hover svg{color:#fff}.toolbar-archive-toggle span{font-weight:500}.toolbar-view-toggle{display:flex;gap:0;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:3px;flex-shrink:0}.toolbar-view-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:4px;font-size:13px;font-weight:500;color:var(--fg-dim);opacity:.5;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-view-btn svg{width:16px;height:16px;flex-shrink:0}.toolbar-view-btn:hover{background:var(--hover-bg);color:var(--fg);opacity:.7}.toolbar-view-btn.active{background:var(--card-bg);color:var(--fg);opacity:1;box-shadow:0 1px 2px #00000014;font-weight:600}.view-label{font-weight:500}@media (max-width: 1024px){.table-toolbar{flex-wrap:wrap;gap:8px}.table-toolbar .search-bar{flex:1;min-width:200px;max-width:100%}.toolbar-view-btn .view-label{display:none}.toolbar-view-btn{padding:6px 10px;min-width:40px}}@media (max-width: 768px){.table-toolbar{padding:12px}.table-toolbar .search-bar{width:100%;min-width:100%;max-width:100%;order:-1}.toolbar-divider,.toolbar-btn span{display:none}.toolbar-view-toggle{width:100%}.toolbar-view-btn{flex:1;justify-content:center}}@media (max-width: 480px){.table-toolbar{padding:10px;gap:6px}.toolbar-btn{padding:8px 10px;min-width:40px}.toolbar-archive-toggle span{font-size:13px}}.filter-modal-content{display:flex;flex-direction:column;gap:24px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:4px}.filter-field{display:flex;flex-direction:column;gap:8px}.filter-field-full{grid-column:1 / -1}.filter-label{font-size:13px;font-weight:600;color:var(--fg);letter-spacing:.3px}.filter-select,.filter-input{height:32px;padding:0 12px;background:var(--bg)!important;background-color:var(--bg)!important;border:1px solid var(--border)!important;border-radius:4px;font-size:13px;font-weight:500;color:var(--fg)!important;transition:all .2s ease}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.filter-select option{background:var(--card-bg)!important;background-color:var(--card-bg)!important;color:var(--fg)!important;padding:8px;font-weight:600;font-size:14px}.filter-select option:checked,.filter-select option[selected]{background:var(--accent)!important;background-color:var(--accent)!important;color:#fff!important;font-weight:700}.filter-select option:hover{background:var(--hover-bg)!important;background-color:var(--hover-bg)!important;color:var(--fg)!important;font-weight:600}[data-theme=dark] .date-range input::-webkit-calendar-picker-indicator{filter:invert(1)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--accent);background:var(--input-bg-focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 10%,transparent)}.date-range{display:flex;align-items:center;gap:12px}.date-range input{flex:1;min-width:150px;background:var(--bg)!important;background-color:var(--bg)!important;color:var(--fg)!important}.date-range input::-webkit-calendar-picker-indicator{cursor:pointer}.date-separator{font-size:13px;font-weight:600;color:var(--fg-dim);opacity:.7}.filter-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:4px}.filter-footer-left,.filter-footer-right{display:flex;gap:12px}.clear-filters-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:500;color:var(--fg-dim);cursor:pointer;transition:all .2s ease;min-height:32px}.clear-filters-btn:hover{background:var(--hover-bg);color:var(--fg);border-color:var(--accent)}.cancel-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:500;color:var(--fg);cursor:pointer;transition:all .2s ease;min-height:32px}.cancel-btn:hover{background:var(--hover-bg);border-color:var(--accent)}.apply-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--accent);border-radius:4px;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;transition:all .2s ease;min-height:32px}.apply-btn:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);border-color:color-mix(in oklab,var(--accent) 90%,#000)}.apply-btn:active{background:color-mix(in oklab,var(--accent) 12%,transparent)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffff40;border-radius:10px;font-size:11px;font-weight:700}@media (max-width: 768px){.filter-grid{grid-template-columns:1fr}.filter-modal-footer{flex-direction:column;gap:12px}.filter-footer-left,.filter-footer-right{width:100%}.clear-filters-btn,.cancel-btn,.apply-btn{width:100%;justify-content:center}.date-range{flex-direction:column;align-items:stretch}.date-separator{text-align:center}}.column-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.column-picker-modal{background:var(--bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column}.column-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--border)}.column-picker-header h2{margin:0;font-size:20px;font-weight:600;color:var(--fg)}.column-picker-close{background:none;border:none;font-size:32px;line-height:1;color:var(--fg-dim);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.column-picker-close:hover{background:var(--bg-secondary);color:var(--fg)}.column-picker-body{flex:1;overflow-y:auto;padding:16px 24px}.column-picker-instructions{margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent)}.column-picker-instructions p{margin:0;font-size:14px;color:var(--fg)}.column-picker-instructions strong{color:var(--accent)}.column-picker-list{display:flex;flex-direction:column;gap:8px}.column-picker-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:move;transition:all .15s ease;user-select:none}.column-picker-item:hover{background:var(--bg-hover);border-color:var(--border)}.column-picker-item.visible{border-color:var(--accent);background:#6366f10d}.column-picker-item.dragging{opacity:.5;transform:scale(1.02)}.column-picker-drag-handle{font-size:18px;color:var(--fg-dim);cursor:move;width:24px;text-align:center}.column-picker-label{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--fg)}.column-picker-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.column-picker-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.column-picker-label span{flex:1}.column-picker-locked-badge{font-size:11px;font-weight:600;color:var(--fg-dim);background:var(--bg);padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.column-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border)}.column-picker-footer-actions{display:flex;gap:12px}@media (max-width: 767px){.column-picker-modal{max-width:100%;max-height:90vh}.column-picker-header{padding:16px}.column-picker-body{padding:12px 16px}.column-picker-footer{flex-direction:column;gap:12px;padding:16px}.column-picker-footer-actions{width:100%}.column-picker-footer-actions button{flex:1}}.credential-card-premium{position:relative;padding:20px 24px;background:var(--bg-alt, #1e293b);border:1px solid var(--border);border-left:6px solid;border-radius:12px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #00000026;transition:box-shadow .3s ease,transform .3s ease}.credential-card-premium:hover{box-shadow:0 4px 16px #00000040;transform:translateY(-1px)}.credential-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.credential-card-info{flex:1;min-width:0}.credential-card-info h3{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text)}.credential-number{margin:0;font-size:13px;color:var(--muted);font-family:SF Mono,Monaco,Courier New,monospace}.credential-card-details{display:flex;gap:24px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.credential-detail-item{display:flex;flex-direction:column;gap:4px}.credential-detail-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.credential-detail-value{font-size:14px;font-weight:500;color:var(--text)}.credential-detail-value.text-error{color:#ef4444}.credential-detail-value.text-warning{color:#f59e0b}.credential-days-remaining{font-size:12px;font-weight:400;color:var(--muted);margin-left:4px}.credential-card-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.credential-card-actions>button{display:inline-flex;align-items:center;gap:12px;padding:11px 18px;font-size:13px;font-weight:500;letter-spacing:.01em;border-radius:7px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none;background:var(--bg-alt);color:var(--text);border:1.5px solid var(--border);box-shadow:0 1px 3px #00000008}.credential-card-actions>button:focus{outline:none}.credential-card-actions>button:active{transform:scale(.98)}.credential-card-actions>button svg{flex-shrink:0;transition:transform .2s ease}.credential-card-actions>button:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #3b82f633;transform:translateY(-1px)}.credential-card-actions button[data-action=verify]{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 85%,black) 100%);color:#fff;border:none;font-weight:600;box-shadow:0 2px 6px #3b82f633}.credential-card-actions button[data-action=verify]:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px) scale(1.01)}.credential-card-actions button[data-action=verify] svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.credential-card-actions button[data-action=ping],.credential-card-actions button[data-action=archive]{background:transparent;color:var(--muted);border:1px solid var(--border)}.credential-card-actions button[data-action=ping]:hover,.credential-card-actions button[data-action=archive]:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60d}.credential-card-actions button[data-action=delete]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;font-weight:600;box-shadow:0 2px 6px #ef444433}.credential-card-actions button[data-action=delete]:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px) scale(1.01)}.credential-attachments-wrapper{position:relative}.credential-attachments-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:500;color:var(--text);background:var(--bg-alt);border:1.5px solid var(--border);border-radius:7px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.credential-attachments-btn:hover,.credential-attachments-btn[data-active=true]{background:var(--accent);border-color:var(--accent);color:#fff}.credential-attachments-btn span{font-weight:600;min-width:16px;text-align:center}.credential-attachments-chevron{transition:transform .25s cubic-bezier(.4,0,.2,1)}.credential-attachments-chevron.open{transform:rotate(180deg)}.credential-attachments-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;min-width:280px;max-width:340px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:top left;transition:all .25s cubic-bezier(.4,0,.2,1)}.credential-attachments-popover.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.credential-attachments-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.credential-attachments-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease}.credential-attachments-close:hover{background:var(--bg-alt);color:var(--text)}.credential-attachments-list{max-height:240px;overflow-y:auto;padding:8px}.credential-attachments-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--muted);font-size:13px}.credential-attachments-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotate .8s linear infinite}.credential-attachments-spinner.small{width:12px;height:12px;border-width:1.5px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.credential-attachment-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .15s ease}.credential-attachment-item:hover{background:var(--bg-alt)}.credential-attachment-thumb{flex-shrink:0;width:40px;height:40px;border-radius:6px;background:var(--bg-alt);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.credential-attachment-thumb:hover{border-color:var(--accent);transform:scale(1.05)}.credential-attachment-thumb img{width:100%;height:100%;object-fit:cover}.credential-attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.credential-attachment-type{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.3px}.credential-attachment-name{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credential-attachment-actions{display:flex;align-items:center;gap:4px}.credential-attachment-view,.credential-attachment-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease}.credential-attachment-view:hover{background:#3b82f61a;color:var(--accent)}.credential-attachment-delete:hover{background:#ef44441a;color:#ef4444}.credential-attachment-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 720px){.credential-card-premium{padding:16px 18px;gap:14px}.credential-card-header{flex-direction:column;gap:8px}.credential-card-info h3{font-size:16px}.credential-card-details{flex-direction:column;gap:12px;align-items:flex-start}.credential-card-actions>button{font-size:12px;padding:9px 14px}.credential-attachments-popover{min-width:260px;max-width:calc(100vw - 48px);left:-10px}}.user-profile-page{max-width:1200px;margin:0 auto;padding:24px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card, #fff);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.profile-avatar{flex-shrink:0}.avatar-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover, var(--accent)));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #00000026;flex-shrink:0}.profile-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.profile-header-info{min-width:0}.profile-header-info h1{margin:0;font-size:16px;font-weight:600;color:var(--text, var(--fg));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{margin:2px 0 0;font-size:13px;color:var(--muted, var(--fg-secondary));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{margin:2px 0 0;font-size:11px;color:var(--muted, var(--fg-tertiary));font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.profile-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-tab-selector{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;margin-bottom:20px;background:var(--bg);border:1px solid var(--border);border-radius:14px;font-size:16px;font-weight:600;color:var(--fg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.mobile-tab-selector:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014}.mobile-tab-selector:active{transform:scale(.98)}.mobile-tab-selector-label{display:flex;align-items:center;gap:10px}.mobile-tab-selector svg{color:var(--fg-secondary);transition:transform .2s ease}.mobile-tab-menu-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:100000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease;transform:translateZ(0)}.mobile-tab-menu{width:100%;max-width:500px;background:var(--bg);border-radius:20px 20px 0 0;padding:8px 0 calc(env(safe-area-inset-bottom,20px) + 80px);animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px #00000026;margin-bottom:0}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-tab-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);margin-bottom:8px}.mobile-tab-menu-header span{font-size:17px;font-weight:700;color:var(--fg)}.mobile-tab-menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:50%;cursor:pointer;color:var(--fg-secondary);transition:all .2s ease}.mobile-tab-menu-close:hover{background:var(--border);color:var(--fg)}.mobile-tab-menu-options{display:flex;flex-direction:column;padding:0 12px}.mobile-tab-menu-option{display:flex;align-items:center;gap:14px;padding:16px;border:none;background:transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease;color:var(--fg)}.mobile-tab-menu-option:hover{background:var(--bg-secondary)}.mobile-tab-menu-option:active{transform:scale(.98)}.mobile-tab-menu-option.active{background:color-mix(in oklab,var(--accent) 12%,transparent)}.mobile-tab-menu-icon{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:10px}.mobile-tab-menu-option.active .mobile-tab-menu-icon{background:color-mix(in oklab,var(--accent) 20%,transparent)}.mobile-tab-menu-label{flex:1;font-size:16px;font-weight:600}.mobile-tab-menu-check{color:var(--accent);flex-shrink:0}.profile-tabs-container{margin-bottom:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:6px;box-shadow:0 2px 8px #0000000a;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs-container::-webkit-scrollbar{display:none}.profile-tabs-container .tabs-underline{background:transparent;border:none;padding:0;gap:4px;min-width:max-content}.profile-tabs-container .tab{padding:10px 16px;border-radius:12px;background:transparent;color:var(--fg-secondary);font-size:14px;font-weight:600;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.profile-tabs-container .tab:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);color:var(--fg)}.profile-tabs-container .tab.active{background:var(--bg);color:var(--accent);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;font-weight:700}.profile-tabs-container .tab:after{display:none}.profile-content{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 2px 12px #0000000a;animation:slideIn .35s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-tab-panel{animation:fadeIn .3s ease}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.form-section h2{margin:0 0 20px;font-size:19px;font-weight:700;color:var(--fg);padding-bottom:14px;border-bottom:2px solid var(--border);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.form-section h2:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:2px}.form-grid-2,.form-grid-3{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.grid-span-2{grid-column:span 1}.mobile-credentials-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.mobile-credential-card{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 3%,var(--card-bg)) 0%,var(--card-bg) 100%);border:1px solid var(--border);border-radius:16px;padding:18px;border-left:4px solid var(--accent);box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.mobile-credential-card:active{transform:scale(.98);box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a}.mobile-credential-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.mobile-credential-card-title{flex:1;min-width:0}.mobile-credential-card-title h4{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--fg);line-height:1.3;letter-spacing:-.01em}.mobile-credential-card-title span{font-size:13px;color:var(--fg-secondary);font-weight:500;font-family:SF Mono,Monaco,Consolas,monospace}.mobile-credential-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding:14px;background:color-mix(in oklab,var(--accent) 4%,var(--bg));border-radius:12px;border:1px solid color-mix(in oklab,var(--accent) 10%,var(--border))}.mobile-credential-meta-item{display:flex;flex-direction:column;gap:4px}.mobile-credential-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-tertiary);font-weight:700}.mobile-credential-meta-value{font-size:14px;font-weight:600;color:var(--fg)}.mobile-credential-meta-value.text-error{color:var(--red, #ef4444)}.mobile-credential-meta-value.text-warning{color:var(--orange, #f59e0b)}.mobile-credential-card-docs{display:flex;align-items:center;gap:10px;padding:12px 0 0;border-top:1px solid var(--border)}.mobile-credential-card-docs svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.mobile-credential-card-docs span{font-size:14px;color:var(--fg-secondary);font-weight:500}.empty-credentials{padding:80px 24px;text-align:center;color:var(--fg-secondary);font-size:15px}.upload-modal-content{padding:20px 0}.upload-zone{margin:24px 0;padding:48px 24px;border:2px dashed var(--border);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:color-mix(in oklab,var(--accent) 2%,transparent)}.upload-zone:hover{border-color:var(--accent, var(--primary));background:color-mix(in oklab,var(--accent) 6%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.upload-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;color:var(--fg)}.upload-label svg{width:56px;height:56px;color:var(--accent, var(--primary));stroke-width:1.5}.upload-label span{font-size:17px;font-weight:600}.upload-label small{font-size:14px;color:var(--fg-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border);margin-top:20px}.profile-header-right .status-badge{padding:8px 16px;font-size:14px;font-weight:700;border-radius:12px;box-shadow:0 2px 8px #00000014}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:400px}@media (min-width: 1280px){.user-profile-page{padding:32px}.profile-header{padding:20px 24px}.profile-header-info h1{font-size:18px}.avatar-circle{width:52px;height:52px;font-size:20px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:2fr 1fr}.grid-span-2{grid-column:span 2}.profile-tabs-container{overflow-x:visible}}@media (min-width: 768px) and (max-width: 1279px){.user-profile-page{padding:24px}.avatar-circle{width:52px;height:52px;font-size:20px}.profile-header-info h1{font-size:17px}.form-grid-2{grid-template-columns:1fr 1fr}.grid-span-2{grid-column:span 2}}@media (max-width: 767px){.user-profile-page{padding:16px}.profile-header{padding:12px 16px;border-radius:12px;margin-bottom:16px;gap:12px}.profile-header{flex-wrap:wrap}.profile-header-right{width:100%;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--border);margin-top:4px}.avatar-circle{width:44px;height:44px;font-size:16px}.profile-header-info h1{font-size:15px}.profile-email{font-size:12px}.profile-role{font-size:10px}.profile-tabs-container{padding:5px;border-radius:14px;margin-bottom:20px}.profile-tabs-container .tab{padding:9px 14px;font-size:13px;border-radius:10px}.profile-content{padding:20px;border-radius:18px}.form-section h2{font-size:17px;margin-bottom:16px;padding-bottom:12px}.form-section h2:before{width:3px;height:18px}.mobile-credentials-list{gap:14px}.mobile-credential-card{padding:16px;border-radius:14px}.mobile-credential-card-header{margin-bottom:12px}.mobile-credential-card-title h4{font-size:15px}.mobile-credential-card-meta{padding:12px;gap:10px}.upload-zone{padding:40px 20px}.upload-label svg{width:48px;height:48px}.upload-label span{font-size:16px}.upload-label small{font-size:13px}.form-grid-2,.form-grid-3{gap:14px;margin-bottom:14px}}@media (max-width: 374px){.avatar-circle{width:40px;height:40px;font-size:14px}.profile-header-info h1{font-size:14px}.profile-email{font-size:11px}.mobile-credential-card-meta{grid-template-columns:1fr;gap:12px}}[data-theme=light] .profile-header{background:#fff;box-shadow:0 2px 8px #0000000a}[data-theme=light] .profile-content{background:#fff;border-color:var(--border, #e2e8f0)}[data-theme=dark] .profile-header,[data-theme=sentrac] .profile-header,[data-theme=gamer] .profile-header,[data-theme=retro] .profile-header,[data-theme=christmas] .profile-header{background:var(--card-bg, var(--bg));box-shadow:0 4px 20px #0003}[data-theme=dark] .profile-content,[data-theme=sentrac] .profile-content,[data-theme=gamer] .profile-content,[data-theme=retro] .profile-content,[data-theme=christmas] .profile-content{background:var(--bg, #000);border-color:var(--border, #333);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .mobile-credential-card,[data-theme=sentrac] .mobile-credential-card,[data-theme=gamer] .mobile-credential-card,[data-theme=retro] .mobile-credential-card,[data-theme=christmas] .mobile-credential-card{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 5%,var(--card-bg)) 0%,var(--card-bg) 100%);box-shadow:0 4px 12px #0000004d,0 1px 3px #0003}[data-theme=dark] .upload-zone:hover,[data-theme=sentrac] .upload-zone:hover,[data-theme=gamer] .upload-zone:hover,[data-theme=retro] .upload-zone:hover,[data-theme=christmas] .upload-zone:hover{box-shadow:0 4px 12px #0006}@media (pointer: coarse){.profile-tabs-container .tab{min-height:44px}.mobile-credential-card{min-height:120px}.upload-zone{min-height:140px}}@media print{.user-profile-page{padding:0}.profile-header{background:#fff;border:1px solid #ccc;box-shadow:none}.avatar-circle{box-shadow:none}.profile-tabs-container{display:none}.profile-content{border:none;box-shadow:none}.mobile-credential-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.notification-settings{padding:24px;max-width:800px;margin:0 auto}.notification-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--fg-dim)}.notification-settings-header{margin-bottom:24px}.notification-settings-header h1{margin:0;font-size:24px;font-weight:600;color:var(--fg)}.notification-settings-header p{margin:6px 0 0;font-size:14px;color:var(--fg-dim)}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.settings-card h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;color:var(--fg)}.settings-card h2 svg{color:var(--accent)}.global-toggles{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-info strong{font-size:14px;color:var(--fg)}.toggle-info small{font-size:13px;color:var(--fg-dim)}.toggle-switch{position:relative;width:48px;height:28px;background:var(--border);border:none;border-radius:14px;cursor:pointer;transition:background .2s;padding:0}.toggle-switch.active{background:var(--accent)}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-slider{transform:translate(20px)}.quiet-hours h3{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--fg)}.quiet-hours>p{margin:0 0 16px;font-size:13px;color:var(--fg-dim)}.quiet-hours-inputs{display:flex;align-items:center;gap:16px}.time-input{display:flex;flex-direction:column;gap:6px}.time-input label{font-size:12px;color:var(--fg-dim)}.time-input input[type=time]{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--fg)}.time-input input[type=time]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.time-separator{padding-top:20px;color:var(--fg-dim);font-size:14px}.category-grid-header{display:grid;grid-template-columns:1fr 60px 60px 60px;gap:8px;padding:0 0 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.header-category{font-size:12px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.5px}.header-channel{font-size:11px;font-weight:600;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.5px;text-align:center}.category-list{display:flex;flex-direction:column}.category-row{display:grid;grid-template-columns:1fr 60px 60px 60px;gap:8px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.category-row:last-child{border-bottom:none}.category-info{display:flex;align-items:center;gap:12px}.category-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border-radius:8px;color:var(--fg-dim);flex-shrink:0}.category-text{display:flex;flex-direction:column;gap:2px}.category-text strong{font-size:14px;color:var(--fg)}.category-text small{font-size:12px;color:var(--fg-dim)}.channel-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;margin:0 auto;color:var(--fg-dim)}.channel-toggle:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.channel-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.channel-toggle:disabled{opacity:.4;cursor:not-allowed}.notification-settings-actions{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 640px){.notification-settings{padding:16px}.category-grid-header{display:none}.category-row{grid-template-columns:1fr;gap:12px;padding:16px 0}.category-info{flex-direction:column;align-items:flex-start;gap:8px}.channel-toggle{margin:0}.category-row:after{content:"";display:grid;grid-template-columns:repeat(3,1fr);gap:8px;grid-column:1 / -1}.category-row{display:flex;flex-wrap:wrap;gap:8px}.category-info{width:100%}.quiet-hours-inputs{flex-direction:column;align-items:stretch;gap:12px}.time-separator{display:none}.notification-settings-actions{flex-direction:column}.notification-settings-actions button{width:100%}}.sound-settings-content{display:flex;flex-direction:column;gap:20px}.volume-control{padding-bottom:20px;border-bottom:1px solid var(--border)}.volume-control h3{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--fg)}.volume-control p{margin:0 0 12px;font-size:13px;color:var(--fg-dim)}.volume-slider-row{display:flex;align-items:center;gap:12px}.volume-slider-row input[type=range]{flex:1;height:6px;background:var(--border);border-radius:3px;appearance:none;cursor:pointer}.volume-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0003}.volume-slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 4px #0003}.volume-slider-row span{min-width:40px;text-align:right;font-size:14px;color:var(--fg-dim);font-weight:500}.sound-events-section h3{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--fg)}.sound-events-section>p{margin:0 0 16px;font-size:13px;color:var(--fg-dim)}.sound-events-list{display:flex;flex-direction:column;gap:0}.sound-event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.sound-event-row:last-child{border-bottom:none}.event-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.event-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border-radius:8px;color:var(--fg-dim);flex-shrink:0}.event-name{font-size:14px;color:var(--fg)}.event-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.sound-test-btn{padding:6px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--fg-dim);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.sound-test-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.sound-test-btn svg{width:14px;height:14px}.toggle-switch.small{width:38px;height:22px;border-radius:11px}.toggle-switch.small .toggle-slider{width:16px;height:16px;top:3px;left:3px}.toggle-switch.small.active .toggle-slider{transform:translate(16px)}.settings-card-desc{font-size:.85rem;color:var(--fg-dim);margin:-4px 0 16px;line-height:1.4}.reminder-intervals{margin-bottom:16px}.reminder-label{display:block;font-size:.85rem;font-weight:600;color:var(--fg);margin-bottom:8px}.reminder-pills{display:flex;flex-wrap:wrap;gap:8px}.reminder-pill{padding:8px 16px;border:1px solid var(--border);border-radius:20px;background:var(--bg-raised);color:var(--fg-dim);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.reminder-pill:hover{border-color:var(--primary);color:var(--fg)}.reminder-pill.active{background:color-mix(in oklab,var(--primary) 15%,transparent);border-color:var(--primary);color:var(--primary);font-weight:600}.toggle-row.compact{padding:8px 0}.toggle-row.compact .toggle-info strong{font-size:.85rem}@media (max-width: 640px){.sound-event-row{flex-wrap:wrap;gap:10px}.event-info{width:100%}.event-controls{width:100%;justify-content:space-between;padding-left:42px}}.unlock-notification{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;opacity:0;transform:scale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.unlock-notification--visible{opacity:1;transform:scale(1)}.unlock-particles{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.unlock-particle{position:absolute;top:50%;left:50%;background:radial-gradient(circle,gold,orange);border-radius:50%;opacity:0;box-shadow:0 0 8px #ffd700cc;animation:particle-burst 2s ease-out forwards}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--particle-x),var(--particle-y)) scale(.3)}}.unlock-shockwave{position:absolute;top:50%;left:50%;width:100px;height:100px;margin-left:-50px;margin-top:-50px;border:3px solid rgba(0,212,255,.8);border-radius:50%;opacity:0;animation:shockwave-expand 1.5s ease-out forwards}@keyframes shockwave-expand{0%{opacity:1;transform:scale(0)}80%{opacity:.5}to{opacity:0;transform:scale(15)}}.unlock-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 80px;background:linear-gradient(135deg,#0a0e27f2,#1a1a2ef2);border:2px solid rgba(0,212,255,.5);border-radius:12px;box-shadow:0 20px 60px #000000b3,0 0 40px #00d4ff66;backdrop-filter:blur(10px);animation:content-reveal .8s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes content-reveal{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.unlock-content--common{border-color:#9ca3af80;box-shadow:0 20px 60px #000000b3,0 0 40px #9ca3af4d}.unlock-content--uncommon{border-color:#10b98180;box-shadow:0 20px 60px #000000b3,0 0 40px #10b98166}.unlock-content--rare{border-color:#3b82f680;box-shadow:0 20px 60px #000000b3,0 0 40px #3b82f666}.unlock-content--epic{border-color:#a855f780;box-shadow:0 20px 60px #000000b3,0 0 40px #a855f766}.unlock-content--legendary{border-color:#f59e0b99;box-shadow:0 20px 60px #000000b3,0 0 60px #f59e0b99;animation:content-reveal .8s cubic-bezier(.34,1.56,.64,1) .5s both,legendary-pulse 2s ease-in-out 1.3s infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 20px 60px #000000b3,0 0 60px #f59e0b99}50%{box-shadow:0 20px 60px #000000b3,0 0 80px #f59e0bcc}}.unlock-type{font-size:14px;font-weight:900;letter-spacing:3px;color:var(--primary, #00D4FF);text-shadow:0 0 10px currentColor;animation:type-flash .5s ease-in-out .6s both}@keyframes type-flash{0%,to{opacity:1}50%{opacity:.5;transform:scale(1.1)}}.unlock-icon-container{position:relative;width:120px;height:120px;animation:icon-spin-in 1s cubic-bezier(.34,1.56,.64,1) .7s both}@keyframes icon-spin-in{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}.unlock-icon-glow{position:absolute;top:50%;left:50%;width:180px;height:180px;margin-left:-90px;margin-top:-90px;background:radial-gradient(circle,rgba(0,212,255,.4),transparent 70%);animation:glow-pulse 2s ease-in-out 1s infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.unlock-icon{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:80px;line-height:1}.unlock-icon--default svg{width:80px;height:80px;color:gold;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}.unlock-title{font-size:36px;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,212,255,.5);animation:title-slide-up .8s cubic-bezier(.34,1.56,.64,1) .9s both}@keyframes title-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.unlock-description{font-size:16px;font-weight:500;color:#fffc;text-align:center;max-width:400px;line-height:1.5;animation:description-fade-in .6s ease-out 1.1s both}@keyframes description-fade-in{0%{opacity:0}to{opacity:1}}.unlock-xp{padding:12px 28px;background:linear-gradient(135deg,gold,orange);border-radius:8px;box-shadow:0 4px 20px #ffd70080;animation:xp-bounce .6s cubic-bezier(.34,1.56,.64,1) 1.3s both}@keyframes xp-bounce{0%{opacity:0;transform:scale(0) translateY(-20px)}60%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.unlock-xp-label{font-size:20px;font-weight:900;letter-spacing:1px;color:#1a1a2e;text-shadow:0 1px 2px rgba(0,0,0,.2)}.unlock-rarity{font-size:12px;font-weight:900;letter-spacing:2px;padding:6px 16px;border-radius:6px;animation:rarity-slide-in .5s ease-out 1.5s both}@keyframes rarity-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unlock-rarity--uncommon{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.5)}.unlock-rarity--rare{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.5)}.unlock-rarity--epic{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.5)}.unlock-rarity--legendary{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.6);box-shadow:0 0 20px #f59e0b66;animation:rarity-slide-in .5s ease-out 1.5s both,legendary-rarity-glow 2s ease-in-out 2s infinite}@keyframes legendary-rarity-glow{0%,to{box-shadow:0 0 20px #f59e0b66}50%{box-shadow:0 0 30px #f59e0b99}}.unlock-rays{position:absolute;top:50%;left:50%;width:800px;height:800px;margin-left:-400px;margin-top:-400px;pointer-events:none;opacity:0;animation:rays-fade-in 1s ease-out .8s forwards}@keyframes rays-fade-in{0%{opacity:0}to{opacity:.6}}.unlock-ray{position:absolute;top:50%;left:50%;width:4px;height:50%;background:linear-gradient(to bottom,rgba(0,212,255,.6),transparent);transform-origin:top center;animation:ray-rotate 8s linear infinite}@keyframes ray-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-quick-actions{position:fixed;z-index:9999;user-select:none}.floating-quick-actions.dragging{cursor:grabbing}.fab-button{width:44px;height:44px;border-radius:50%;background:var(--accent);border:none;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0003,0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.fab-button:hover{transform:scale(1.08);box-shadow:0 5px 14px #00000040,0 3px 6px #00000026}.fab-button:active{transform:scale(.95);cursor:grabbing}.fab-button.expanded{background:var(--accent);transform:scale(1.08)}.fab-icon{color:#fff;font-size:22px;font-weight:300;line-height:1;transition:transform .3s ease}.fab-button.expanded .fab-icon{transform:rotate(45deg)}.fab-menu{position:absolute;left:0;min-width:200px;background:var(--bg-solid, var(--bg-card));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 24px #00000040,0 4px 8px #00000026;border:1px solid var(--border);overflow:hidden;animation:fabMenuSlide .2s ease-out}[data-theme=dark] .fab-menu,[data-theme=glass] .fab-menu{background:#1e1e23fa}[data-theme=light] .fab-menu{background:#fffffffa}@media (prefers-color-scheme: dark){:root:not([data-theme]) .fab-menu{background:#1e1e23fa}}@media (prefers-color-scheme: light){:root:not([data-theme]) .fab-menu{background:#fffffffa}}@keyframes fabMenuSlide{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fab-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background-color .15s ease;color:var(--fg);font-size:14px}.fab-menu-item:hover{background:var(--bg-hover)}.fab-menu-item:not(:last-child){border-bottom:1px solid var(--border-light, var(--border))}.fab-menu-item.fab-menu-config{border-top:1px solid var(--border);background:var(--bg-subtle, var(--bg));color:var(--fg-muted);font-size:13px}.fab-menu-icon{font-size:18px;width:24px;text-align:center}.fab-menu-label{flex:1}.fab-config-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease}.fab-config-modal{background:var(--bg-card);border-radius:16px;box-shadow:0 16px 48px #0000004d;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fab-config-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.fab-config-header h3{margin:0;font-size:18px;font-weight:600;color:var(--fg)}.fab-config-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--fg-muted);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.fab-config-close:hover{background:var(--bg-hover)}.fab-config-body{flex:1;overflow-y:auto;padding:16px 20px}.fab-config-hint{font-size:13px;color:var(--fg-muted);margin:0 0 16px}.fab-config-section{margin-bottom:20px}.fab-config-section:last-child{margin-bottom:0}.fab-config-section h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);margin:0 0 12px}.fab-config-empty{font-size:14px;color:var(--fg-muted);font-style:italic;padding:12px;text-align:center;background:var(--bg-subtle, var(--bg));border-radius:8px}.fab-config-list{display:flex;flex-direction:column;gap:8px}.fab-config-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.fab-config-item:hover:not(.disabled){border-color:var(--accent);background:var(--bg-hover)}.fab-config-item.active{background:var(--accent-bg, rgba(130, 36, 227, .1));border-color:var(--accent)}.fab-config-item.disabled{opacity:.5;cursor:not-allowed}.fab-config-item-icon{font-size:18px;width:24px;text-align:center}.fab-config-item-label{flex:1;font-size:14px;color:var(--fg)}.fab-config-item-actions{display:flex;gap:4px}.fab-config-item-actions button{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:14px;color:var(--fg-muted);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.fab-config-item-actions button:hover:not(:disabled){background:var(--bg-hover);color:var(--fg)}.fab-config-item-actions button:disabled{opacity:.4;cursor:not-allowed}.fab-config-item-actions button.remove{color:var(--danger, #ef4444)}.fab-config-item-actions button.remove:hover{background:#ef44441a;border-color:var(--danger, #ef4444)}.fab-config-item button.add{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:16px;color:var(--accent);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.fab-config-item button.add:hover:not(:disabled){background:var(--accent-bg, rgba(130, 36, 227, .1));border-color:var(--accent)}.fab-config-item button.add:disabled{opacity:.4;cursor:not-allowed}.fab-config-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.fab-config-cancel,.fab-config-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.fab-config-cancel{background:transparent;border:1px solid var(--border);color:var(--fg)}.fab-config-cancel:hover{background:var(--bg-hover)}.fab-config-save{background:var(--accent);border:none;color:#fff}.fab-config-save:hover{filter:brightness(1.1)}@media (max-width: 768px){.fab-button{width:40px;height:40px}.fab-icon{font-size:20px}.fab-menu{min-width:180px}.fab-config-modal{width:95%;max-height:85vh}}.sentry-chat-bubble{position:fixed;bottom:24px;right:80px;z-index:9500;width:48px;height:48px;border-radius:50%;background:var(--card, #1e1e2e);border:2px solid var(--border, #333);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;transition:transform .2s ease,box-shadow .2s ease;padding:0;overflow:hidden}.sentry-chat-bubble:hover{transform:scale(1.08);box-shadow:0 6px 16px #00000059}.sentry-chat-bubble:active{transform:scale(.95)}.sentry-chat-bubble.sentry-dragging,.sentry-chat-bubble.sentry-dragging:hover,.sentry-chat-bubble.sentry-dragging:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 24px #0006;transition:none}.sentry-chat-bubble.sentry-positioned{transition:none}.sentry-chat-bubble img{width:32px;height:32px;border-radius:50%;object-fit:cover}.sentry-chat-bubble-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--card, #1e1e2e)}.sentry-chat-panel{position:fixed;bottom:84px;right:80px;z-index:9500;width:380px;height:520px;background:var(--bg, #0f0f17);border:1px solid var(--border, #333);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 12px 40px #0006;animation:sentry-slide-up .25s ease;overflow:hidden}@keyframes sentry-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sentry-chat-panel.sentry-positioned{animation:none}.sentry-chat-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border, #333);background:var(--card, #1e1e2e);flex-shrink:0;cursor:grab}.sentry-chat-header.sentry-dragging{cursor:grabbing}.sentry-chat-header img{width:28px;height:28px;border-radius:50%;object-fit:cover}.sentry-chat-header-info{flex:1;min-width:0}.sentry-chat-header-name{font-size:14px;font-weight:600;color:var(--fg, #e0e0e0);line-height:1.2}.sentry-chat-header-status{font-size:11px;color:#22c55e;line-height:1.2}.sentry-chat-header-actions{display:flex;align-items:center;gap:4px}.sentry-chat-header-btn{background:none;border:none;color:var(--fg-dim, #888);cursor:pointer;padding:4px 6px;border-radius:4px;font-size:16px;line-height:1;transition:background .15s,color .15s}.sentry-chat-header-btn:hover{background:var(--hover, rgba(255, 255, 255, .08));color:var(--fg, #e0e0e0)}.sentry-chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.sentry-chat-messages::-webkit-scrollbar{width:5px}.sentry-chat-messages::-webkit-scrollbar-track{background:transparent}.sentry-chat-messages::-webkit-scrollbar-thumb{background:var(--border, #333);border-radius:3px}.sentry-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:10px}.sentry-chat-welcome img{width:56px;height:56px;border-radius:50%;object-fit:cover;opacity:.8}.sentry-chat-welcome h3{margin:0;font-size:16px;color:var(--fg, #e0e0e0)}.sentry-chat-welcome p{margin:0;font-size:13px;color:var(--fg-dim, #888);max-width:260px;line-height:1.5}.sentry-msg{max-width:85%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word}.sentry-msg-user{align-self:flex-end;background:var(--accent, #6366f1);color:#fff;border-bottom-right-radius:4px}.sentry-msg-assistant{align-self:flex-start;background:var(--card, #1e1e2e);color:var(--fg, #e0e0e0);border:1px solid var(--border, #333);border-bottom-left-radius:4px}.sentry-msg code{background:#00000040;padding:1px 4px;border-radius:3px;font-size:12px;font-family:SF Mono,Fira Code,monospace}.sentry-msg pre{background:#0000004d;padding:8px 10px;border-radius:6px;overflow-x:auto;margin:6px 0;font-size:12px}.sentry-msg pre code{background:none;padding:0}.sentry-msg-error{align-self:center;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);font-size:12px;text-align:center;border-radius:8px;padding:6px 12px}.sentry-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;background:var(--card, #1e1e2e);border:1px solid var(--border, #333);border-radius:12px 12px 12px 4px}.sentry-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-dim, #888);animation:sentry-bounce 1.2s infinite ease-in-out}.sentry-typing-dot:nth-child(2){animation-delay:.15s}.sentry-typing-dot:nth-child(3){animation-delay:.3s}@keyframes sentry-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.sentry-chat-input-area{padding:10px 14px;border-top:1px solid var(--border, #333);background:var(--card, #1e1e2e);flex-shrink:0}.sentry-chat-input-row{display:flex;align-items:flex-end;gap:8px}.sentry-chat-input-row textarea{flex:1;resize:none;border:1px solid var(--border, #333);border-radius:8px;background:var(--bg, #0f0f17);color:var(--fg, #e0e0e0);padding:8px 10px;font-size:13px;font-family:inherit;line-height:1.4;max-height:100px;overflow-y:auto;outline:none;transition:border-color .15s}.sentry-chat-input-row textarea::placeholder{color:var(--fg-dim, #888)}.sentry-chat-input-row textarea:focus{border-color:var(--accent, #6366f1)}.sentry-chat-send-btn{width:34px;height:34px;border-radius:8px;border:none;background:var(--accent, #6366f1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .15s}.sentry-chat-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.04)}.sentry-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.sentry-chat-hint{font-size:10px;color:var(--fg-dim, #888);margin-top:4px;text-align:center}@media (max-width: 767px){.sentry-chat-bubble{bottom:auto;top:50%;transform:translateY(-50%);right:0;width:28px;height:56px;border-radius:12px 0 0 12px;box-shadow:-2px 2px 8px #0003;opacity:.7;transition:opacity .2s ease}.sentry-chat-bubble:hover,.sentry-chat-bubble:active{transform:translateY(-50%);opacity:1}.sentry-chat-bubble img{width:20px;height:20px}.sentry-chat-bubble .sentry-chat-bubble-dot{display:none}.sentry-chat-panel{position:fixed;inset:50px 0 58px;width:100%;height:auto;border-radius:0;border:none;animation:sentry-slide-up-mobile .25s ease}@keyframes sentry-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sentry-chat-header{cursor:default}}body.sentry-no-select{user-select:none;-webkit-user-select:none}.voice-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.voice-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0000004d;z-index:10000;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.voice-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.voice-modal-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:var(--text)}.voice-modal-title svg{width:22px;height:22px;color:var(--accent)}.voice-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:2px 6px;background:var(--accent);color:#fff;border-radius:4px;margin-left:8px}.voice-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--muted);transition:all .15s ease}.voice-modal-close:hover{background:var(--bg-alt);color:var(--text)}.voice-modal-close svg{width:18px;height:18px}.voice-modal-body{padding:24px 20px;min-height:200px}.voice-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:.875rem;margin-bottom:16px}.voice-error svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.quick-task-input{margin-bottom:16px}.quick-task-textarea{width:100%;padding:14px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:1rem;line-height:1.5;color:var(--text);resize:vertical;min-height:80px;transition:border-color .15s ease}.quick-task-textarea:focus{outline:none;border-color:var(--accent)}.quick-task-textarea::placeholder{color:var(--muted);opacity:.7}.quick-task-interim{margin-top:8px;padding:10px 14px;background:#ef444414;border-left:3px solid #ef4444;border-radius:0 8px 8px 0;font-size:.9375rem;font-style:italic;color:var(--muted)}.quick-task-voice{display:flex;justify-content:center;margin-bottom:16px}.quick-task-mic{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--bg-alt);border:1px solid var(--border);border-radius:24px;font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.quick-task-mic:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.quick-task-mic svg{width:18px;height:18px}.quick-task-mic.is-listening{background:#ef4444;border-color:#ef4444;color:#fff}.quick-task-mic.is-listening:hover{background:#dc2626;border-color:#dc2626;color:#fff}.voice-pulse-small{position:relative;width:10px;height:10px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.voice-pulse-small:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#fff;border-radius:50%;animation:pulse-ring 1.5s ease-in-out infinite}.voice-idle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.voice-hint{font-size:1rem;color:var(--muted);margin:0}.voice-subhint{font-size:.8125rem;color:var(--muted);margin:0;opacity:.8}.voice-start-btn{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 24px rgba(var(--accent-rgb),.4);transition:all .2s ease}.voice-start-btn:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(var(--accent-rgb),.5)}.voice-start-btn:active{transform:scale(.98)}.voice-mic-icon{display:flex;align-items:center;justify-content:center}.voice-mic-icon svg{width:36px;height:36px;color:#fff}.voice-listening{display:flex;flex-direction:column;align-items:center;gap:20px}.voice-indicator{display:flex;align-items:center;gap:10px}.voice-pulse{position:relative;width:16px;height:16px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.voice-pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#ef4444;border-radius:50%;animation:pulse-ring 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ring{0%{width:100%;height:100%;opacity:1}to{width:200%;height:200%;opacity:0}}.voice-status{font-size:1rem;font-weight:500;color:#ef4444}.voice-transcript{width:100%;min-height:80px;padding:16px;background:var(--bg-alt);border-radius:12px;border:1px solid var(--border);font-size:.9375rem;line-height:1.5;color:var(--text)}.voice-final{color:var(--text)}.voice-interim{color:var(--muted);font-style:italic}.voice-placeholder{color:var(--muted);opacity:.6}.voice-stop-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ef4444;border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.voice-stop-btn:hover{background:#dc2626}.voice-stop-btn svg{width:16px;height:16px}.voice-review{display:flex;flex-direction:column;gap:16px}.voice-transcript-box{display:flex;flex-direction:column;gap:8px}.voice-transcript-box label{font-size:.8125rem;font-weight:500;color:var(--muted)}.voice-transcript-box textarea{width:100%;padding:12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:.9375rem;line-height:1.5;color:var(--text);resize:vertical;min-height:80px}.voice-transcript-box textarea:focus{outline:none;border-color:var(--accent)}.voice-audio-option{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-alt);border-radius:10px;border:1px solid var(--border)}.voice-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.voice-toggle input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.voice-toggle-label{font-size:.875rem;color:var(--text)}.voice-audio-preview{width:100%;height:40px;border-radius:8px}.voice-note{font-size:.8125rem;color:var(--muted);margin:0;text-align:center}.voice-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-alt)}.voice-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.voice-btn.secondary:hover:not(:disabled){background:var(--bg-alt)}.voice-btn.primary{background:var(--accent);color:#fff}.voice-btn.primary:hover:not(:disabled){background:var(--accent-hover)}@media (max-width: 480px){.voice-modal{top:10%;transform:translate(-50%);width:95%;max-width:none;max-height:80vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%)}}.voice-modal-body{padding:20px 16px;min-height:auto}.voice-start-btn{width:70px;height:70px}.voice-mic-icon svg{width:30px;height:30px}.quick-task-textarea{min-height:60px}.quick-task-voice{margin-bottom:10px}.voice-note{margin-bottom:0;font-size:.75rem}}.session-expiring-body{text-align:center;padding:8px 0}.session-expiring-icon{color:var(--warning, #f59e0b);margin-bottom:16px}.session-expiring-message{color:var(--fg, #333);font-size:14px;margin:0 0 16px;line-height:1.5}.session-expiring-countdown{font-size:48px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--danger, #ef4444);margin:0 0 16px;letter-spacing:2px}.session-expiring-hint{color:var(--fg-muted, #888);font-size:13px;margin:0}.session-expiring-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.session-expiring-actions .btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.session-expiring-actions .btn-primary{background:var(--primary, #2563eb);color:#fff}.session-expiring-actions .btn-primary:hover{opacity:.9}.session-expiring-actions .btn-outline{background:transparent;color:var(--fg-muted, #888);border:1px solid var(--border, #ddd)}.session-expiring-actions .btn-outline:hover{background:var(--bg-hover, #f5f5f5)}.trial-expired-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg, #f8fafc);padding:24px}.trial-expired-page__container{max-width:960px;width:100%}.trial-expired-page__logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:24px}.trial-expired-page__brand{font-size:22px;font-weight:700;color:var(--fg)}.trial-expired-page__heading{text-align:center;font-size:28px;font-weight:700;margin:0 0 8px;color:var(--fg)}.trial-expired-page__subheading{text-align:center;font-size:15px;color:var(--fg-dim);max-width:520px;margin:0 auto 28px;line-height:1.5}.trial-expired-page__error{text-align:center;background:#ef44441a;color:#dc2626;padding:10px 16px;border-radius:8px;font-size:14px;margin-bottom:20px}.trial-expired-page__footer{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.trial-expired-page__link{background:none;border:none;color:var(--fg-dim);font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.trial-expired-page__link:hover{color:var(--fg)}.trial-expired-page__sep{color:var(--border);font-size:13px}@media (max-width: 768px){.trial-expired-page{padding:40px 16px 16px;align-items:flex-start}.trial-expired-page__heading{font-size:22px}.trial-expired-page .plan-comparison>div:last-child{grid-template-columns:1fr!important}}.quick-actions-section{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px}.quick-actions-section h2{font-size:1.1rem;margin:0 0 16px;color:var(--fg);font-weight:600}.quick-actions-section[hidden]{display:none}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.quick-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft, rgba(15, 23, 42, .4));cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.quick-action-card:hover:not(:disabled){background:var(--accent-soft, color-mix(in oklab, var(--accent) 12%, transparent));border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-card:active:not(:disabled){transform:translateY(0)}.quick-action-card:disabled{opacity:.5;cursor:not-allowed}.quick-action-icon{font-size:2rem;line-height:1}.quick-action-label{font-size:1rem;font-weight:600;color:var(--fg)}.quick-action-desc{font-size:.85rem;color:var(--fg-dim);line-height:1.4}@media (max-width: 720px){.quick-actions-grid{grid-template-columns:1fr}}.detail-content dl{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;margin:0}.detail-content dt{color:var(--fg-dim);font-weight:600;font-size:.95rem}.detail-content dd{margin:0;color:var(--fg)}.detail-content pre{margin:0;padding:12px;border-radius:12px;background:#0f172a99;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;font-size:.85rem}.action-group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--fg)}.section-header p{margin:4px 0 0;font-size:.875rem;color:var(--fg-dim)}.section-actions{display:flex;align-items:center;gap:12px}@media (max-width: 640px){.section-header{flex-direction:column;align-items:flex-start}.section-actions{width:100%;justify-content:flex-start}}.error-message{border:1px solid rgba(248,113,113,.45);background:#f871711f;color:#fca5a5;padding:12px 16px;border-radius:12px;font-size:.95rem}.skeleton{background:linear-gradient(90deg,var(--surface-soft) 0%,var(--surface) 50%,var(--surface-soft) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin:.5em 0}.skeleton-card{height:120px;border-radius:12px}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}