*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;transition:background .3s,color .3s}.container{height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:280px;color:var(--color-text-light);padding:24px 16px;transition:width .3s;overflow-y:auto}.sidebar.collapsed{width:80px}.sidebar-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.sidebar.collapsed .logo-text{display:none}.sidebar-nav{list-style:none}.nav-item{margin-bottom:12px}.nav-link{cursor:pointer;color:var(--sidebar-text-muted);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.nav-link:hover{background:var(--sidebar-item-hover-bg)}.nav-link.active{background:var(--primary);color:#fff}.sidebar.collapsed .nav-text{display:none}.nav-section-title{text-transform:uppercase;color:var(--sidebar-text-subtle);margin-top:24px;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600}.nav-expandable{margin-left:0;list-style:none}.nav-expandable.collapsed{display:none}.nav-expandable li{margin-bottom:4px}.nav-expandable .nav-link{padding-left:36px;font-size:13px}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{background:var(--card-bg);border-bottom:1px solid var(--card-border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.header-left{flex:1;align-items:center;gap:16px;display:flex}.toggle-sidebar{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:20px}.search-box{border:1px solid var(--card-border);background:var(--card-bg);max-width:400px;color:var(--color-text);border-radius:6px;flex:1;padding:8px 12px;font-family:Inter,sans-serif}.header-right{align-items:center;gap:16px;display:flex}.header-icon-btn{background:var(--header-btn-bg);border-radius:var(--header-btn-radius);color:var(--color-text);cursor:pointer;font-size:var(--header-btn-icon-size);border:1px solid #0000;justify-content:center;align-items:center;padding:4px 10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.header-icon-btn:hover{background:var(--header-btn-bg-active)}.header-icon-btn[aria-pressed=true]{background:var(--header-btn-bg-active);border-color:var(--primary);color:var(--primary)}.mobile-preview-label{margin-left:4px;font-size:11px;font-weight:600}.header-sign-out{background:var(--header-signout-bg);color:var(--header-signout-color);padding:var(--header-signout-padding);height:var(--header-signout-height);min-height:var(--header-signout-height);cursor:pointer;border:none;border-radius:6px;align-items:center;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.header-sign-out:hover{background:var(--header-signout-bg-hover)}.user-menu{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.user-menu:hover{background:rgba(var(--primary-rgb), .1)}.content{flex:1;padding:24px;overflow-y:auto}.section{display:none}.section.active{display:block}.section-title{margin-bottom:8px;font-size:28px;font-weight:700}.section-subtitle{color:var(--color-text-secondary);margin-bottom:24px;font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);border-radius:8px;padding:20px;transition:box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb), .15)}.kpi-label{color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.kpi-value{color:var(--primary);font-size:24px;font-weight:700}.data-table{border-collapse:collapse;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;width:100%;margin-top:16px;overflow:hidden}.data-table thead th{background:rgba(var(--primary-rgb), .1);text-align:left;color:var(--color-text);border-bottom:1px solid var(--card-border);padding:12px 16px;font-size:12px;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--card-border);padding:12px 16px;font-size:13px}.data-table tbody tr:hover{background:rgba(var(--primary-rgb), .05)}.tabs{border-bottom:1px solid var(--card-border);flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.tab-button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 0;font-size:14px;font-weight:500;transition:all .2s}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-bottom:8px;margin-right:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.btn:hover{background:var(--primary-hover)}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--toggle-bg);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px)}.drag-card{background:var(--card-bg);border:2px solid var(--card-border);cursor:move;border-radius:8px;margin:8px 0;padding:16px;transition:all .2s}.drag-card.dragging{opacity:.5}.drag-card.drag-over{border-color:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb), .3)}.color-theme{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:6px;align-items:center;gap:12px;margin:8px 0;padding:12px;transition:all .2s;display:flex}.color-theme:hover{box-shadow:0 2px 8px rgba(var(--primary-rgb), .2)}.color-theme.selected{border:3px solid var(--primary);box-shadow:0 0 16px rgba(var(--primary-rgb), .5);background:rgba(var(--primary-rgb), .08);position:relative}.color-theme.selected:after{content:"✓";background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.drag-card.selected{border:3px solid var(--primary);box-shadow:0 0 12px rgba(var(--primary-rgb), .4);background:rgba(var(--primary-rgb), .08)}.color-swatches{gap:8px;display:flex}.color-swatch{border-radius:4px;width:20px;height:20px}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin:20px 0;display:grid}.workflow-step{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:6px;padding:10px;font-size:11px;font-weight:600}.workflow-step.complete{background:rgba(var(--accent-rgb), .1);border-color:var(--accent)}.workflow-step.pending{background:rgba(var(--color-warning-rgb), .1);border-color:var(--color-warning)}code{font-family:JetBrains Mono,monospace;font-size:12px}:root{--primary:#4aafe0;--primary-hover:#3a9dd6;--primary-rgb:74,175,224;--primary-dark:#2b7aaf;--primary-strong:#1a6fa0;--secondary:#e8612d;--secondary-rgb:232,97,45;--accent:#4caf50;--accent-rgb:76,175,80;--color-error-rgb:185,28,28;--color-warning-rgb:245,166,35;--color-info-rgb:37,99,235;--color-success-rgb:76,175,80;--color-bg:#faf9f8;--color-bg-elevated:#f3f2f1;--sidebar-bg:#0f172a;--card-bg:#fff;--card-border:#e1dfdd;--color-text:#0f172a;--color-text-light:#f1f5f9;--color-text-secondary:#0f172a99;--text-muted:#666;--color-success:#4caf50;--color-success-dark:#2e7d32;--color-success-light:#e8f5e9;--color-warning:#f5a623;--color-warning-dark:#92400e;--color-warning-light:#fef3c7;--color-error:#b91c1c;--color-error-dark:#991b1b;--color-error-light:#fee2e2;--color-info:#2563eb;--color-info-dark:#1e40af;--color-info-light:#dbeafe;--color-orange:#f97316;--color-indigo:#6366f1;--color-cyan:#06b6d4;--color-cyan-dark:#0e7490;--color-pink:#ec4899;--color-pink-dark:#be185d;--color-on-primary:#fff;--badge-green-bg:#4caf501f;--badge-green-text:#2e7d32;--badge-yellow-bg:#f5a6231f;--badge-yellow-text:#e65100;--badge-red-bg:#b91c1c1f;--badge-red-text:#b91c1c;--badge-blue-bg:#4aafe01f;--badge-blue-text:#1976d2;--dept-executive:#7c3aed;--dept-administration:#4aafe0;--dept-engineering:#06b6d4;--dept-installation:#f5a623;--dept-manufacturing:#4caf50;--status-pending-bg:#fef3c7;--status-pending-text:#92400e;--status-pending-border:#d97706;--status-pending-accent:#ffe082;--status-approved-bg:#dcfce7;--status-approved-text:#15803d;--status-approved-accent:#22c55e;--status-active-bg:#dbeafe;--status-active-text:#1d4ed8;--status-active-accent:#2563eb;--status-complete-bg:#c8e6c9;--status-complete-text:#2e7d32;--status-declined-bg:#fee2e2;--status-declined-text:#b91c1c;--status-review-bg:#ede9fe;--status-review-text:#5b21b6;--status-draft-bg:#f5f5f5;--status-draft-text:#616161;--color-navy:#1e3a5f;--color-teal:#0d9488;--color-sky:#0284c7;--color-slate:#94a3b8;--color-purple:#7c3aed;--color-purple-dark:#6d28d9;--color-purple-light:#7c3aed14;--color-terminated:#94a3b8;--input-edit-bg:#fff;--input-edit-text:#0f172a;--toggle-bg:#ccc;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 20px 60px #0000002e;--shadow-drawer:-8px 0 32px #0003;--overlay-scrim:#00000080;--overlay-scrim-strong:#0009;--overlay-scrim-light:#0000004d;--overlay-photo-bg:#000000eb;--sidebar-text:#f1f5f9;--sidebar-text-muted:#f1f5f999;--sidebar-text-subtle:#f1f5f980;--sidebar-text-active:#fff;--sidebar-item-hover-bg:#ffffff0f;--sidebar-item-active-bg:var(--primary);--header-btn-target:44px;--header-btn-icon-size:20px;--header-btn-radius:8px;--header-btn-bg:transparent;--header-btn-bg-active:rgba(var(--primary-rgb), .15);--header-cluster-gap:8px;--header-cluster-section-gap:12px;--header-cluster-gap-tight:4px;--header-cluster-section-gap-tight:8px;--header-signout-bg:var(--secondary);--header-signout-bg-hover:var(--secondary-dark);--header-signout-color:var(--color-on-primary);--header-signout-padding:0 16px;--header-signout-padding-tight:0 10px;--header-signout-height:var(--header-btn-target);--secondary-dark:#c7501e;--z-base:1;--z-sticky:100;--z-sidebar:1000;--z-dropdown:1500;--z-slideout:2000;--z-slideout-overlay:calc(var(--z-slideout) - 1);--z-modal:5000;--z-toast:8000;--z-cmd-palette:9999}html.dark-mode{--color-bg:#0a0a0a;--color-bg-elevated:#2d2d2d;--sidebar-bg:#000;--card-bg:#1f1f1f;--card-border:#3d3d3d;--color-text:#fff;--color-text-light:#fff;--color-text-secondary:#d1d1d1;--text-muted:#c7c7c7;--color-success:#66bb6a;--color-success-dark:#81c784;--color-success-light:#1a2e1c;--color-warning:#ffb74d;--color-warning-dark:#ffa726;--color-warning-light:#2e2410;--color-error:#ef5350;--color-error-dark:#f87171;--color-error-light:#2e1515;--color-info:#42a5f5;--color-info-dark:#60a5fa;--color-info-light:#1a2d42;--color-orange:#fb923c;--color-indigo:#818cf8;--color-cyan:#22d3ee;--color-cyan-dark:#67e8f9;--color-pink:#f472b6;--color-pink-dark:#f9a8d4;--color-on-primary:#fff;--badge-green-bg:#4caf5033;--badge-green-text:#66bb6a;--badge-yellow-bg:#f5a62333;--badge-yellow-text:#ffa726;--badge-red-bg:#b91c1c33;--badge-red-text:#ef5350;--badge-blue-bg:#4aafe033;--badge-blue-text:#42a5f5;--status-pending-bg:#2e2410;--status-pending-text:#ffa726;--status-pending-border:#d97706;--status-pending-accent:#ffe082;--status-approved-bg:#1a2e1c;--status-approved-text:#66bb6a;--status-approved-accent:#4ade80;--status-active-bg:#1a2d42;--status-active-text:#42a5f5;--status-active-accent:#93c5fd;--status-complete-bg:#1a2e1c;--status-complete-text:#81c784;--status-declined-bg:#2e1515;--status-declined-text:#ef5350;--status-review-bg:#1e1533;--status-review-text:#a78bfa;--status-draft-bg:#1e293b;--status-draft-text:#94a3b8;--color-slate:#94a3b8;--color-purple:#a78bfa;--color-purple-dark:#c4b5fd;--color-purple-light:#7c3aed26;--color-terminated:#94a3b8;--input-edit-bg:#2d2d2d;--input-edit-text:#fff;--toggle-bg:#4a4a4a;--sidebar-item-active-bg:var(--color-bg-elevated);--color-navy:#93c5fd;--color-teal:#14b8a6;--color-sky:#0ea5e9;--color-error-rgb:239,83,80;--color-warning-rgb:255,183,77;--color-info-rgb:66,165,245;--color-success-rgb:102,187,106;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3;--shadow-xl:0 20px 60px #000c;--shadow-drawer:-8px 0 32px #000000d9;--overlay-scrim:#000000b3;--overlay-scrim-strong:#000000d9;--overlay-scrim-light:#0006;--overlay-photo-bg:#000000f2}html.theme-ies-navy{--primary:#0f4c81;--primary-hover:#0a3a63;--primary-rgb:15,76,129;--primary-dark:#082b4a;--primary-strong:#0f4c81;--dept-administration:#0f4c81}html.theme-ies-navy.dark-mode{--primary:#5b9bd5;--primary-hover:#4a8bc5;--primary-rgb:91,155,213;--primary-strong:#0f4c81}html.theme-ies-green{--primary:#15803d;--primary-hover:#166534;--primary-rgb:21,128,61;--primary-dark:#14532d;--primary-strong:#15803d;--dept-administration:#15803d}html.theme-ies-green.dark-mode{--primary:#4ade80;--primary-hover:#22c55e;--primary-rgb:74,222,128;--primary-strong:#15803d}html.theme-ies-orange{--primary:#e8612d;--primary-hover:#c04b1d;--primary-rgb:232,97,45;--primary-dark:#9a3412;--primary-strong:#9a3412;--dept-administration:#e8612d}html.theme-ies-orange.dark-mode{--primary:#ff8a65;--primary-hover:#ff7043;--primary-rgb:255,138,101;--primary-strong:#9a3412}html.theme-ies-cobalt{--primary:#1d4ed8;--primary-hover:#1e40af;--primary-rgb:29,78,216;--primary-dark:#1e3a8a;--primary-strong:#1d4ed8;--dept-administration:#1d4ed8}html.theme-ies-cobalt.dark-mode{--primary:#60a5fa;--primary-hover:#3b82f6;--primary-rgb:96,165,250;--primary-strong:#1d4ed8}html.theme-ies-steel{--primary:#3b6b8a;--primary-hover:#2d5570;--primary-rgb:59,107,138;--primary-dark:#1e3a50;--primary-strong:#2e5775;--dept-administration:#3b6b8a}html.theme-ies-steel.dark-mode{--primary:#7cb9d8;--primary-hover:#5ba3c8;--primary-rgb:124,185,216;--primary-strong:#2e5775}html.theme-ies-electric{--primary:#2563eb;--primary-hover:#1d4fd7;--primary-rgb:37,99,235;--primary-dark:#1e3a8a;--primary-strong:#1d4fd7;--dept-administration:#2563eb}html.theme-ies-electric.dark-mode{--primary:#93c5fd;--primary-hover:#60a5fa;--primary-rgb:147,197,253;--primary-strong:#1d4fd7}.admin-link-card{background:var(--card-bg);border:1px solid var(--card-border);color:inherit;border-radius:8px;padding:16px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.admin-link-card:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);transform:translateY(-2px)}.admin-link-card .card-title{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:600}.admin-link-card .card-desc{color:var(--text-muted);font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb), .3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb), .5)}.activity-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.activity-card .activity-title{color:var(--color-text);font-size:13px;font-weight:600}.activity-card .activity-time{color:var(--color-text-secondary);font-size:12px}.info-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:12px;padding:16px 20px}.info-box p,.info-box div,.info-box span{color:inherit}.view-as-btn{background:rgba(var(--primary-rgb),.1);border:1px solid var(--primary);color:var(--primary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.view-as-btn:hover{background:var(--primary);color:#fff}.view-as-dropdown{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-lg);min-width:280px;max-height:400px;z-index:var(--z-dropdown);border-radius:8px;padding:8px 0;display:none;position:absolute;top:100%;right:0;overflow-y:auto}.view-as-dropdown.show{display:block}.view-as-item{cursor:pointer;align-items:center;gap:10px;padding:10px 16px;font-size:13px;transition:background .2s;display:flex}.view-as-item:hover{background:rgba(var(--primary-rgb),.1)}.view-as-item .va-name{font-weight:500}.view-as-item .va-role{opacity:.6;font-size:11px}.user-detail{flex-direction:column;align-items:flex-end;display:flex}.user-detail .user-name-text{font-size:13px;font-weight:600;line-height:1.2}.user-detail .user-title-text{opacity:.6;font-size:11px;line-height:1.2}.view-as-banner{background:rgba(var(--secondary-rgb),.15);border:1px solid var(--secondary);color:var(--secondary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:600;display:none}.view-as-banner.active{display:flex}.view-as-banner button{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:3px;position:absolute;top:0;left:0;right:0}.kpi-value{background:linear-gradient(135deg, var(--primary), var(--primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px;display:grid}.hd-ticket-grid{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.hd-ticket-rail{min-width:0}@media (width<=1024px){.hd-ticket-grid{grid-template-columns:1fr}.hd-ticket-rail>div{position:static!important}}.coming-soon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (width<=480px){.coming-soon-grid{grid-template-columns:1fr;gap:10px}}.widget-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .3s;position:relative}.widget-card:hover{box-shadow:0 8px 24px rgba(var(--primary-rgb), .12);transform:translateY(-2px)}.widget-card .widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.widget-card .widget-title{color:inherit;font-size:14px;font-weight:600}.widget-card .widget-icon{opacity:.7;font-size:20px}.widget-card .widget-body{font-size:13px}.widget-card .widget-close{cursor:pointer;opacity:.3;color:inherit;background:0 0;border:none;font-size:14px;position:absolute;top:8px;right:8px}.widget-card .widget-close:hover{opacity:.8}.widget-add-btn{border:2px dashed var(--card-border);text-align:center;cursor:pointer;color:var(--text-muted);background:0 0;border-radius:12px;width:100%;padding:24px;transition:all .2s}.widget-add-btn:hover{border-color:var(--primary);color:var(--primary)}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-text)}.badge-yellow{background:var(--badge-yellow-bg);color:var(--badge-yellow-text)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-text)}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.section-title{letter-spacing:-.02em;margin-bottom:4px;font-size:24px;font-weight:700}.data-table{box-shadow:var(--shadow-sm);border:none;border-radius:12px}.data-table thead th{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.photo-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.photo-card .photo-placeholder{background:linear-gradient(135deg, rgba(var(--primary-rgb),.15), rgba(var(--primary-rgb),.05));justify-content:center;align-items:center;height:140px;font-size:32px;display:flex}.photo-card .photo-info{padding:10px 12px}.photo-card .photo-info .photo-caption{font-size:12px;font-weight:600}.photo-card .photo-info .photo-date{color:var(--text-muted);font-size:11px}.photo-carousel-section{display:none}.photo-carousel-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.photo-carousel-row::-webkit-scrollbar{display:none}.photo-carousel-row .photo-card{scroll-snap-align:start;flex:0 0 200px;margin:0}.photo-carousel-title{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.photo-carousel-title span{font-size:20px}.eotm-card{background:linear-gradient(135deg, rgba(var(--primary-rgb),.08), rgba(var(--primary-rgb),.02));border:1px solid rgba(var(--primary-rgb),.2);border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.eotm-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.eotm-info h4{margin-bottom:2px;font-size:18px;font-weight:700}.eotm-info .eotm-dept{color:var(--text-muted);margin-bottom:8px;font-size:13px}.eotm-info .eotm-blurb{font-size:13px;font-style:italic;line-height:1.5}.btn{letter-spacing:.01em;box-shadow:var(--shadow-xs);border-radius:8px;font-weight:600}.btn:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb), .25);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.audit-right-rail{flex-direction:column;flex-shrink:0;gap:12px;width:280px;display:flex;position:sticky;top:16px}@media (width<=980px){.audit-detail-layout{flex-direction:column!important}.audit-right-rail{width:100%;position:static;top:auto}}@media (pointer:coarse),(width<=768px){.audits-surface button:not(.audits-surface-no-touch-bump){min-width:44px;min-height:44px}}@media (width<=480px){.audits-filter-row>*{min-width:0;flex:100%!important}.audits-filter-row select,.audits-filter-row input[type=text],.audits-filter-row input[type=search]{width:100%!important}.audits-surface.audit-detail-layout{padding:12px!important}}.audit-weather-reason{background:color-mix(in srgb, var(--text-muted) 8%, transparent);border:1px solid var(--card-border);color:var(--text-muted);border-radius:6px;max-width:320px;margin-top:6px;padding:6px 10px;font-size:12px;line-height:1.4;display:block}@media (width<=1024px){.sidebar{width:80px}.sidebar .nav-text,.sidebar .logo-text,.sidebar .nav-section-title{display:none}.sidebar .nav-expandable .nav-link{padding-left:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.eotm-card{text-align:center;flex-direction:column}}@media (width<=768px){.container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:calc(76px + env(safe-area-inset-bottom,0px));padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));z-index:var(--z-sidebar);align-items:center;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.sidebar.mobile-open{max-height:100vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;overflow-y:auto}.sidebar-logo{margin-bottom:0}.sidebar-nav{-webkit-overflow-scrolling:touch;gap:2px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.sidebar.mobile-open .sidebar-nav{flex-direction:column;overflow-x:visible}.nav-item{flex-shrink:0;margin-bottom:0}.sidebar:not(.mobile-open) .nav-link{min-width:60px;font-size:16px;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:2px!important;padding:4px 8px!important}.sidebar:not(.mobile-open) .nav-text{text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;flex:none!important;max-width:60px!important;font-size:10px!important;font-weight:600!important;line-height:1.1!important;overflow:hidden!important}.sidebar:not(.mobile-open) .nav-text>:not(:first-child){display:none!important}.sidebar.mobile-open .nav-link{justify-content:flex-start;padding:10px 12px;font-size:14px}.sidebar.mobile-open .nav-text{display:inline-flex}.nav-section-title{display:none}.sidebar.mobile-open .nav-section-title{display:block}.nav-expandable{display:none}.sidebar.mobile-open .nav-expandable{display:block}.sidebar.mobile-open .nav-expandable.collapsed{display:none}.main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.header{flex-wrap:wrap;padding:12px 16px}.header-left{flex:100%}.search-box{max-width:100%}.header-right{flex:100%;justify-content:flex-end}.content{padding:16px}.section-title{font-size:20px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-value{font-size:20px}.widget-grid{grid-template-columns:1fr}.widget-card[style*="grid-column: span 2"]{grid-column:span 1!important}.data-table{font-size:12px}.data-table thead th,.data-table tbody td{padding:8px}.tabs{gap:8px}.tab-button{padding:8px 0;font-size:12px}.btn{padding:8px 12px;font-size:13px}.eotm-card{text-align:center;flex-direction:column;padding:16px}.eotm-avatar{width:56px;height:56px;font-size:22px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.view-as-dropdown{min-width:240px;right:-60px}.user-detail{display:none}#profile-tab>div[style*="grid-template-columns:1fr 2fr"],#profile-tab .card div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}#pay-tab .data-table thead{display:none}#pay-tab .data-table,#pay-tab .data-table tbody,#pay-tab .data-table tr,#pay-tab .data-table td{width:100%;display:block}#pay-tab .data-table tr{border:1px solid var(--card-border);border-radius:10px;margin-bottom:12px;padding:14px 16px;position:relative}#pay-tab .data-table tbody td{border-bottom:none;justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;display:flex}#pay-tab .data-table tbody td:before{text-transform:uppercase;color:var(--text-muted);min-width:90px;font-size:11px;font-weight:600}#pay-tab .data-table tbody td:first-child:before{content:"Period"}#pay-tab .data-table tbody td:nth-child(2):before{content:"Gross Pay"}#pay-tab .data-table tbody td:nth-child(3):before{content:"Deductions"}#pay-tab .data-table tbody td:nth-child(4):before{content:"Net Pay"}#pay-tab .data-table tbody td:nth-child(5):before{content:"Status"}#pay-tab .data-table tbody td:nth-child(6){justify-content:flex-end;margin-top:4px}.sidebar:not(.mobile-open) .nav-expandable{display:contents!important}.sidebar:not(.mobile-open) .nav-expandable>li{flex-shrink:0;margin:0}.sidebar:not(.mobile-open) .nav-expandable>li>.nav-link{padding-left:12px!important}#life-photos-tab .photo-grid,#life-photos-tab>div:first-child,#life-photos-tab>div:nth-child(2),#life-photos-tab>div:last-child{display:none!important}.photo-carousel-section{margin-bottom:28px;display:block!important}#section-employee-directory .data-table thead{display:none}#section-employee-directory .data-table,#section-employee-directory .data-table tbody,#section-employee-directory .data-table tr,#section-employee-directory .data-table td{width:100%;display:block}#section-employee-directory .data-table tr{border:1px solid var(--card-border);border-radius:10px;margin-bottom:12px;padding:14px 16px;position:relative}#section-employee-directory .data-table tbody td{border-bottom:none;justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;display:flex}#section-employee-directory .data-table tbody td:before{text-transform:uppercase;color:var(--text-muted);min-width:80px;font-size:11px;font-weight:600}#section-employee-directory .data-table tbody td:first-child{justify-content:center;margin-bottom:4px}#section-employee-directory .data-table tbody td:first-child:before{display:none}#section-employee-directory .data-table tbody td:nth-child(2):before{content:"Name"}#section-employee-directory .data-table tbody td:nth-child(3):before{content:"Employee ID"}#section-employee-directory .data-table tbody td:nth-child(4):before{content:"Title"}#section-employee-directory .data-table tbody td:nth-child(5):before{content:"Department"}#section-employee-directory .data-table tbody td:nth-child(6):before{content:"Hire Date"}#section-employee-directory .data-table tbody td:nth-child(7){justify-content:flex-end;margin-top:6px}.emp-slideout{width:100%!important;right:-100%!important}.emp-slideout.open{right:0!important}.emp-slideout-header,.emp-slideout-body{padding:16px}.emp-slideout-body div[style*="grid-template-columns:1fr 1fr"],.emp-slideout-body div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:12px}.kpi-label{font-size:10px}.kpi-value{font-size:18px}.content{padding:12px}.section-title{font-size:18px}.header-right{gap:var(--header-cluster-gap)}.header-icon-btn{min-width:var(--header-btn-target);min-height:var(--header-btn-target);padding:0}.view-as-btn{min-width:var(--header-btn-target);min-height:var(--header-btn-target);gap:0;padding:0;font-size:0}.view-as-btn:before{content:"👁️";font-size:var(--header-btn-icon-size)}.mobile-preview-label{display:none}.header-right .user-menu,.header-sign-out{margin-left:var(--header-cluster-section-gap)}.view-as-dropdown{max-width:calc(100vw - 16px);right:8px}}@media (width<=360px){.header-right{gap:var(--header-cluster-gap-tight)}.header-right .user-menu,.header-sign-out{margin-left:var(--header-cluster-section-gap-tight)}.header-sign-out{padding:var(--header-signout-padding-tight)}}@media (width<=768px){[style*="grid-template-columns:1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns:repeat(3"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 2fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns:2fr 1fr"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--card-border);border-radius:10px;margin-bottom:12px;padding:14px 16px;position:relative}.data-table tbody td{border-bottom:none;padding:4px 0;font-size:14px}[style*=display\:flex][style*=justify-content\:space-between],[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:8px!important}.card{overflow:hidden}}@media print{.sidebar,.header{display:none!important}.main{margin:0}.content{padding:0}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb), .1);transform:translateY(-1px)}.btn:focus-visible,.nav-link:focus-visible,.tab-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.crew-emp-chip{background:var(--card-bg);border:1px solid var(--card-border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.crew-emp-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.crew-emp-chip:active{cursor:grabbing;opacity:.7;transform:scale(.95)}.crew-emp-chip.dragging{opacity:.4}.crew-drop-zone.drag-over{border:2px dashed var(--primary);border-radius:0 0 12px 12px;background:rgba(var(--primary-rgb),.1)!important}.crew-emp-chip .remove-btn{color:var(--color-error);cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 0 0 4px;font-size:14px;line-height:1}.crew-emp-chip .remove-btn:hover{opacity:1}.bp-item{background:var(--card-bg);border:1px solid var(--card-border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.bp-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bp-item:active{cursor:grabbing;box-shadow:var(--shadow-lg);z-index:10;transform:scale(1.02)}.bp-item.dragging{opacity:.4;border-style:dashed}.bp-item.drag-over{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);border-width:2px}.bp-grip{color:var(--text-muted);cursor:grab;flex-shrink:0}.bp-rank{background:rgba(var(--primary-rgb),.1);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.bp-info{flex:1;min-width:0}.bp-name{font-size:14px;font-weight:700}.bp-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.bp-status{flex-shrink:0}.bp-comment-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;padding:4px;font-size:16px;transition:all .2s}.bp-comment-btn:hover{opacity:1;background:rgba(var(--primary-rgb),.1)}.bp-comment-box{padding:0 16px 8px 56px}.bp-comment-box textarea{background:var(--card-bg)}.emp-slideout{background:var(--card-bg);width:520px;height:100vh;box-shadow:var(--shadow-drawer);z-index:var(--z-slideout);flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-520px;overflow-y:auto}.emp-slideout.open{right:0}.emp-slideout-overlay{background:var(--overlay-scrim-light);width:100%;height:100%;z-index:var(--z-slideout-overlay);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;top:0;left:0}.emp-slideout-overlay.open{opacity:1;pointer-events:auto}.emp-slideout-header{border-bottom:1px solid var(--card-border);flex-shrink:0;align-items:center;gap:16px;padding:24px;display:flex}.emp-slideout-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px;font-size:20px}.emp-slideout-close:hover{background:rgba(var(--primary-rgb),.1)}.emp-slideout-body{flex:1;padding:24px}.doc-category{margin-bottom:20px}.doc-category-header{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--card-border);margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:700}.doc-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.doc-item:hover{background:rgba(var(--primary-rgb),.06)}.doc-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.doc-item-info{flex:1;min-width:0}.doc-item-name{font-size:13px;font-weight:600}.doc-item-meta{color:var(--text-muted);font-size:11px}.doc-category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.doc-cat-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;text-align:center;border-radius:12px;padding:16px;transition:all .2s}.doc-cat-card:hover{box-shadow:0 4px 12px rgba(var(--primary-rgb),.15);transform:translateY(-2px)}.doc-preview-overlay{background:var(--overlay-scrim-strong);z-index:3000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.doc-preview-overlay.active{display:flex}.doc-preview-modal{background:var(--card-bg);width:90%;max-width:1100px;height:85vh;box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.doc-preview-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.doc-preview-header h3{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.doc-preview-header .file-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.doc-preview-actions{align-items:center;gap:8px;display:flex}.doc-preview-body{flex:1;display:flex;overflow:hidden}.doc-preview-body iframe{border:none;width:100%;height:100%}.doc-preview-sidebar{border-left:1px solid var(--card-border);width:280px;padding:20px;font-size:13px;overflow-y:auto}.doc-preview-sidebar .detail-row{margin-bottom:16px}.doc-preview-sidebar .detail-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:4px;font-size:11px}.doc-preview-sidebar .detail-value{font-size:14px;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pac-container{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;z-index:10000!important;border-radius:8px!important;margin-top:4px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;box-shadow:0 8px 24px #0000004d!important}.pac-item{border-top:1px solid var(--card-border)!important;color:var(--color-text)!important;cursor:pointer!important;padding:8px 12px!important;font-size:13px!important;line-height:1.4!important}.pac-item:first-child{border-top:none!important}.pac-item:hover,.pac-item-selected{background:var(--color-bg-elevated)!important}.pac-item-query{color:var(--color-text)!important;font-size:13px!important;font-weight:600!important}.pac-matched{color:var(--primary)!important;font-weight:700!important}.pac-item>span:first-child:not(.pac-item-query){display:none!important}.pac-icon,.pac-icon-marker,.pac-icon-search,.pac-item>[class*=icon],.pac-item>[class*=pac-icon]{clip:rect(0,0,0,0)!important;width:0!important;height:0!important;display:none!important;position:absolute!important;overflow:hidden!important}.pac-container img,.pac-item img,.pac-container svg,.pac-item svg,.pac-container [role=img]{width:0!important;height:0!important;display:none!important}.pac-item{padding-left:12px!important}.pac-item-query{padding-left:0!important}.pac-container:not(.pac-container-visible){display:none!important}.pac-container{position:absolute!important;left:0!important}.pac-container:after,.pac-logo:after,.pac-container .pac-logo:after{background-image:none!important;height:0!important;display:none!important}img[src*=maps\.gstatic],img[src*="googleapis.com/maps"]{display:none!important}.orgchart-branch:before,.orgchart-branch:after{content:"";border-top:1px solid var(--card-border);width:50%;height:18px;position:absolute;top:0}.orgchart-branch:before{right:50%}.orgchart-branch:after{border-left:1px solid var(--card-border);left:50%}.orgchart-branch:only-child:before,.orgchart-branch:only-child:after{border-top:none}.orgchart-branch:only-child:after{left:50%}.orgchart-branch:first-child:before{border:none}.orgchart-branch:last-child:after{border-left:none}.orgchart-branch:last-child:before{border-right:1px solid var(--card-border)}.orgchart-branch>ul:before{content:"";border-left:1px solid var(--card-border);height:18px;position:absolute;top:0;left:50%}