:root{--bg-body: #121212;--bg-surface: #1e1e1e;--bg-input: #2c2c2c;--accent-main: #ff9800;--accent-hover: #ffb74d;--accent-glow: rgba(255, 152, 0, .3);--text-main: #ffffff;--text-body: #c8c8c8;--text-dim: #a0a0a0;--text-muted: #606060;--border-color: #333333;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-info: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=safety]{--bg-body: #121212;--bg-surface: #1e1e1e;--bg-input: #2c2c2c;--accent-main: #ff9800;--accent-hover: #ffb74d;--accent-glow: rgba(255, 152, 0, .3);--text-main: #ffffff;--text-body: #c8c8c8;--text-dim: #a0a0a0;--text-muted: #606060;--border-color: #333333;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-info: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=modern-black]{--bg-body: #000000;--bg-surface: #0a0a0a;--bg-input: #111111;--accent-main: #ffffff;--accent-hover: #e0e0e0;--accent-glow: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-body: #cccccc;--text-dim: #666666;--text-muted: #3a3a3a;--border-color: #222222;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-info: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 6px 20px rgba(0, 0, 0, .75);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .9);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=construction]{--bg-body: #f4f6f8;--bg-surface: #ffffff;--bg-input: #f0f2f5;--accent-main: #ffbc00;--accent-hover: #ffd04d;--accent-glow: rgba(255, 188, 0, .3);--text-main: #2d3436;--text-body: #4a4a4a;--text-dim: #636e72;--text-muted: #b2bec3;--border-color: #dfe6e9;--accent-success: #00b894;--accent-danger: #e17055;--accent-warning: #fdcb6e;--accent-info: #0984e3;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 6px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .14);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=assistance24]{--bg-body: #ffffff;--bg-surface: #f8f9fa;--bg-input: #ffffff;--accent-main: #ce001f;--accent-hover: #a30018;--accent-glow: rgba(206, 0, 31, .15);--text-main: #032c48;--text-body: #2d4a5e;--text-dim: #5a6d7e;--text-muted: #b0bec8;--border-color: #e9ecef;--accent-success: #28a745;--accent-danger: #ce001f;--accent-warning: #fd7e14;--accent-info: #007bff;--shadow-sm: 0 2px 8px rgba(3, 44, 72, .06);--shadow-md: 0 6px 16px rgba(3, 44, 72, .1);--shadow-lg: 0 16px 40px rgba(3, 44, 72, .14);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=assistance24-blue]{--bg-body: #ffffff;--bg-surface: #f4f8fb;--bg-input: #ffffff;--accent-main: #0056b3;--accent-hover: #004494;--accent-glow: rgba(0, 86, 179, .2);--text-main: #1a1a1a;--text-body: #2c3e50;--text-dim: #4a5568;--text-muted: #a0aec0;--border-color: #e2e8f0;--accent-success: #38a169;--accent-danger: #e53e3e;--accent-warning: #d69e2e;--accent-info: #0056b3;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 6px 16px rgba(0, 86, 179, .1);--shadow-lg: 0 16px 40px rgba(0, 86, 179, .14);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=industrial-precisionist]{--bg-body: #121d3d;--bg-surface: #1a274f;--bg-input: rgba(245, 247, 255, .08);--accent-main: #ff9100;--accent-hover: #ffab40;--accent-glow: rgba(255, 145, 0, .32);--text-main: #f4f7ff;--text-body: #d0d8f0;--text-dim: #aeb8d3;--text-muted: #5a6a8a;--border-color: rgba(174, 184, 211, .14);--accent-success: #00e5a0;--accent-danger: #ff5252;--accent-warning: #ffca28;--accent-info: #40c4ff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .65);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px}[data-theme=modern-black] .btn-primary,[data-theme=modern-black] .tab-btn.active{color:#000}[data-theme=industrial-precisionist] .btn-primary,[data-theme=industrial-precisionist] .tab-btn.active{color:#121d3d}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.shell-root{min-height:100vh;min-height:var(--app-height);display:grid;grid-template-columns:296px minmax(0,1fr);background:radial-gradient(circle at top left,var(--accent-glow),transparent 32%),linear-gradient(180deg,var(--bg-body) 0%,color-mix(in srgb,var(--bg-body) 92%,black 8%) 100%);color:var(--text-main)}.card-surface{border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,transparent 8%),color-mix(in srgb,var(--bg-surface) 84%,black 16%));border:1px solid color-mix(in srgb,var(--border-color) 28%,transparent 72%);box-shadow:0 20px 40px color-mix(in srgb,var(--bg-body) 66%,transparent 34%),inset 0 1px color-mix(in srgb,white 6%,transparent 94%);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.shell-sidebar{position:sticky;top:0;min-height:100vh;min-height:var(--app-height);padding:calc(22px + var(--safe-area-top)) 18px calc(20px + var(--safe-area-bottom)) 18px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 96%,transparent 4%),color-mix(in srgb,var(--bg-surface) 90%,black 10%));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid color-mix(in srgb,var(--border-color) 52%,transparent 48%);box-shadow:inset -1px 0 color-mix(in srgb,white 4%,transparent 96%)}.sidebar-brand{display:flex;align-items:center;gap:14px;padding:10px 10px 14px;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-input) 52%,transparent 48%),color-mix(in srgb,var(--bg-surface) 84%,transparent 16%));border:1px solid color-mix(in srgb,var(--border-color) 34%,transparent 66%)}.sidebar-brand strong{display:block;font-size:1.02rem;letter-spacing:.08em}.sidebar-brand p,.session-card p,.section-heading span,.hero-panel p,.section-banner p,.card-content p,.compact-item p,.list-row p,.insight-panel span,.insight-panel small{color:var(--text-dim)}.sidebar-brand p{font-size:.8rem;margin-top:4px}.sidebar-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:var(--bg-body);font-size:1.2rem;font-weight:800;box-shadow:0 18px 36px color-mix(in srgb,var(--bg-body) 72%,transparent 28%),inset 0 1px color-mix(in srgb,white 32%,transparent 68%)}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:10px 4px;overflow-y:auto}.sidebar-link,.mobile-link{color:var(--text-dim);text-decoration:none;font-weight:600;display:flex;align-items:center;min-height:48px;border-radius:14px;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sidebar-link{flex-direction:row;justify-content:flex-start;gap:12px;padding:0 14px 0 10px;border:1px solid transparent;position:relative;overflow:hidden}.mobile-link{flex-direction:column;justify-content:center;gap:4px;padding:6px 4px 4px;border-radius:12px}.mobile-link-label{font-size:.65rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--accent-main);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.sidebar-link.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-icon{flex:0 0 auto;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;opacity:.92}.sidebar-icon svg{width:20px;height:20px}.sidebar-link:hover{background:color-mix(in srgb,var(--bg-input) 86%,transparent 14%);border-color:color-mix(in srgb,var(--border-color) 28%,transparent 72%);color:var(--text-main);transform:translate(2px)}.mobile-link:hover{background:color-mix(in srgb,var(--bg-input) 60%,transparent 40%);color:var(--text-main)}.sidebar-link.disabled{opacity:.54;cursor:default}.sidebar-link.disabled:hover{background:transparent;color:var(--text-dim);box-shadow:none;border-color:transparent;transform:none}.sidebar-link.active,.mobile-link.active{color:var(--accent-main);background:color-mix(in srgb,var(--accent-main) 10%,transparent)}.sidebar-link.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:var(--bg-body);border-color:color-mix(in srgb,var(--accent-main) 52%,transparent 48%);box-shadow:0 16px 28px var(--accent-glow),inset 0 1px color-mix(in srgb,white 28%,transparent 72%)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--border-color) 20%,transparent 80%)}.session-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-input) 80%,transparent 20%),color-mix(in srgb,var(--bg-surface) 86%,transparent 14%));border:1px solid color-mix(in srgb,var(--border-color) 24%,transparent 76%)}.logout-btn{min-height:48px;border:1px solid color-mix(in srgb,var(--border-color) 24%,transparent 76%);border-radius:18px;background:color-mix(in srgb,var(--bg-input) 78%,transparent 22%);color:var(--text-main);font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.logout-btn:hover{background:color-mix(in srgb,var(--bg-input) 90%,transparent 10%);border-color:color-mix(in srgb,var(--border-color) 36%,transparent 64%);transform:translateY(-1px)}.shell-main{min-width:0;display:flex;flex-direction:column}.route-loader{min-height:100vh;min-height:var(--app-height);background:radial-gradient(circle at top left,var(--accent-glow),transparent 32%),linear-gradient(180deg,var(--bg-body) 0%,color-mix(in srgb,var(--bg-body) 92%,black 8%) 100%)}.shell-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:16px;padding:calc(16px + var(--safe-area-top)) calc(28px + var(--safe-area-right)) 16px calc(28px + var(--safe-area-left));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-body) 92%,transparent 8%),color-mix(in srgb,var(--bg-body) 74%,transparent 26%));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid color-mix(in srgb,var(--border-color) 18%,transparent 82%)}.header-title{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin:0}.header-main-row{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}.header-search-placeholder{flex:1;min-width:0}.header-search-placeholder .global-search{max-width:800px}.theme-dropdown-container{position:relative}.theme-trigger-btn{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 10px;border-radius:10px;background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.theme-trigger-btn:hover,.theme-trigger-btn.active{background:var(--bg-input);color:var(--text-main);border-color:var(--accent-main)}.notification-btn{position:relative;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-surface) 60%,transparent);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:var(--bg-input);color:var(--text-main);border-color:var(--accent-main);transform:translateY(-1px)}.notification-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;background:#ff3b30;border:2px solid var(--bg-surface);border-radius:50%;box-shadow:0 0 10px #ff3b3080;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #ff3b3066}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ff3b3000}to{transform:scale(1);box-shadow:0 0 #ff3b3000}}.palette-icon-wrapper{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#ff3b30,#ff9500,#fc0,#4cd964,#5ac8fa,#007aff,#5856d6);color:#fff;box-shadow:0 4px 12px #00000026}.trigger-chevron{transition:transform .3s ease;opacity:.6}.trigger-chevron.open{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;padding:8px;z-index:1000;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-theme-selector .theme-dropdown-menu{top:auto!important;bottom:calc(100% + 12px)!important;left:0!important;right:auto!important;animation:dropdownFadeUp .2s ease-out!important}.mobile-theme-selector .theme-dropdown-menu{left:50%!important;right:auto!important;transform:translate(-50%)!important;animation:dropdownFadeUp .2s ease-out!important;top:auto!important;bottom:calc(100% + 12px)!important}.dropdown-header{padding:8px 12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);opacity:.8}.theme-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-body);cursor:pointer;transition:all .15s ease;position:relative}.theme-menu-item:hover{background:color-mix(in srgb,var(--bg-input) 50%,transparent);color:var(--text-main)}.theme-menu-item.active{background:color-mix(in srgb,var(--accent-main) 10%,transparent);color:var(--accent-main);font-weight:600}.menu-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--bg-input) 40%,transparent);color:var(--text-dim);transition:all .2s ease}.theme-menu-item.active .menu-item-icon{background:var(--accent-main);color:var(--bg-body)}.menu-item-label{font-size:.85rem}.active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-main);margin-left:auto}.shell-content{padding:14px calc(28px + var(--safe-area-right)) calc(120px + var(--safe-area-bottom)) calc(28px + var(--safe-area-left))}.dashboard-stack,.dashboard-bento-grid,.bento-main,.bento-sidebar{display:flex;flex-direction:column}.dashboard-stack{gap:28px;animation:fadeUp .4s ease-out both}.dashboard-bento-grid,.bento-main,.bento-sidebar{gap:24px}.bento-top-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hero-panel,.section-banner,.insight-panel,.list-panel,.loading-panel,.site-card,.equipment-card,.client-card{padding:24px}.section-banner{padding:12px 20px;margin-bottom:24px;position:relative}.section-banner-header,.section-banner-actions,.section-heading,.client-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-banner-header,.section-banner-actions{align-items:center;gap:16px}.section-banner-header .page-title{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.insight-panel,.list-panel,.section-banner{position:relative}.insight-panel:before,.list-panel:before,.section-banner:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-main) 24%,transparent 76%) 0%,transparent 100%);border-top-left-radius:inherit;border-top-right-radius:inherit}.inline-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:var(--bg-body);font-size:.9rem;font-weight:800;text-decoration:none;box-shadow:0 18px 36px var(--accent-glow)}.inline-action-btn:hover{transform:translateY(-2px);box-shadow:0 22px 42px var(--accent-glow);filter:saturate(1.05)}.global-search{position:relative;flex:1;max-width:none}.global-search-box{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;padding:6px 14px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 82%,transparent 18%),color-mix(in srgb,var(--bg-input) 84%,transparent 16%));border:1px solid color-mix(in srgb,var(--border-color) 28%,transparent 72%)}.global-search:focus-within .global-search-box{border-color:color-mix(in srgb,var(--accent-main) 34%,transparent 66%);box-shadow:0 26px 44px color-mix(in srgb,var(--bg-body) 66%,transparent 34%),0 0 0 4px color-mix(in srgb,var(--accent-main) 12%,transparent 88%)}.global-search-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:color-mix(in srgb,var(--accent-main) 10%,transparent 90%);color:var(--accent-main);flex:0 0 auto}.global-search-box input{width:100%;border:0;outline:none;background:transparent;color:var(--text-main);font:inherit;font-size:1rem}.global-search-box input::placeholder,.global-search-empty,.global-search-result span{color:var(--text-dim)}.global-search-results{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:12;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:24px;background:color-mix(in srgb,var(--bg-surface) 94%,transparent 6%);border:1px solid color-mix(in srgb,var(--border-color) 34%,transparent 66%);box-shadow:0 28px 44px color-mix(in srgb,var(--bg-body) 72%,transparent 28%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.global-search-result,.global-search-empty{width:100%;padding:14px 16px;border-radius:18px;text-align:left}.global-search-result{border:0;background:color-mix(in srgb,var(--bg-input) 78%,transparent 22%);color:var(--text-main);cursor:pointer}.global-search-result:hover{background:color-mix(in srgb,var(--accent-main) 14%,var(--bg-input) 86%)}.global-search-result strong,.global-search-result span{display:block}.hero-metrics,.split-grid{display:grid;gap:24px}.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-input) 78%,transparent 22%),color-mix(in srgb,var(--bg-surface) 72%,transparent 28%));border:1px solid color-mix(in srgb,var(--border-color) 18%,transparent 82%);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.metric-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-main) 22%,var(--border-color) 78%);box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--accent-main) 8%,transparent)}.metric-label{display:block;color:var(--text-dim);font-size:.82rem;margin-bottom:10px;line-height:1.4}.metric-card strong{font-size:2rem;line-height:1;letter-spacing:-.04em}.status-list,.compact-list,.summary-list{display:flex;flex-direction:column;gap:12px}.status-row,.compact-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:8px;padding:14px 0}.status-row+.status-row,.compact-item+.compact-item{border-top:1px solid color-mix(in srgb,var(--border-color) 35%,transparent 65%)}.health-pill,.current-user-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.76rem;font-weight:700}.health-opérationnel{background:color-mix(in srgb,var(--accent-success) 12%,transparent);color:var(--accent-success);border:1px solid color-mix(in srgb,var(--accent-success) 22%,transparent)}.health-maintenance{background:color-mix(in srgb,var(--accent-warning) 12%,transparent);color:var(--accent-warning);border:1px solid color-mix(in srgb,var(--accent-warning) 22%,transparent)}.health-panne{background:color-mix(in srgb,var(--accent-danger) 12%,transparent);color:var(--accent-danger);border:1px solid color-mix(in srgb,var(--accent-danger) 22%,transparent)}.current-user-tag{background:color-mix(in srgb,var(--accent-main) 14%,transparent 86%);color:var(--accent-main)}.settings-tabs{display:inline-flex;gap:8px;padding:10px;width:fit-content}.settings-tab{min-height:42px;padding:0 18px;border:none;border-radius:14px;background:transparent;color:var(--text-dim);font-weight:700;cursor:pointer}.settings-tab.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:var(--bg-body)}.access-toolbar,.rules-note{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px}.access-toolbar-controls{display:flex;align-items:flex-end;gap:12px}.access-toolbar-controls label{display:flex;flex-direction:column;gap:8px;color:var(--text-dim);font-size:.84rem}.access-toolbar-controls select,.scope-select{min-height:40px;padding:0 12px;border:1px solid color-mix(in srgb,var(--border-color) 35%,transparent 65%);border-radius:12px;background:var(--bg-input);color:var(--text-main)}.sync-banner{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent-main) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-main) 10%,var(--bg-surface)) 0%,var(--bg-surface) 100%);display:flex;align-items:center;justify-content:space-between;gap:16px}.sync-banner.is-alert{border-color:color-mix(in srgb,var(--accent-danger) 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-danger) 10%,var(--bg-surface)) 0%,var(--bg-surface) 100%)}.sync-banner p{margin:6px 0 0;color:var(--text-dim);font-size:.9rem}.matrix-panel{padding:0;overflow:hidden}.matrix-scroll{overflow:auto}.policy-matrix{width:100%;min-width:1320px;border-collapse:collapse}.policy-matrix th,.policy-matrix td{padding:12px 10px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 24%,transparent 76%);text-align:center}.policy-matrix thead th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--bg-surface) 94%,transparent 6%);color:var(--text-main);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.policy-matrix tbody td:first-child,.policy-matrix thead th:first-child{position:sticky;left:0;z-index:3;background:color-mix(in srgb,var(--bg-surface) 96%,transparent 4%);text-align:left}.matrix-toggle{display:flex;align-items:center;justify-content:center}.matrix-toggle input{width:18px;height:18px;accent-color:var(--accent-main)}.access-preview-grid{align-items:start}.mobile-nav{display:none}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card,.equipment-card,.client-card,.card-content{display:flex;flex-direction:column}.site-card,.equipment-card,.client-card{gap:18px}.clickable-card{cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.clickable-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-main) 28%,var(--border-color) 72%);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--accent-main) 10%,transparent)}.card-avatar-link,.card-title-link{color:inherit;text-decoration:none}.card-avatar-link{display:inline-flex;flex:0 0 auto}.card-title-link:hover,.card-avatar-link:hover{color:var(--accent-main)}.card-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;background:color-mix(in srgb,var(--bg-input) 60%,transparent);display:flex;align-items:center;justify-content:center}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-header-main,.equipment-header,.health-meter,.list-row-meta,.footer-actions,.row-main,.row-health,.view-toggle,.row-actions,.footer-left,.card-body{display:flex}.card-header-main,.equipment-header,.row-main,.row-health{align-items:center}.card-header-main,.equipment-header{gap:16px;width:100%}.card-body,.footer-left{flex-direction:column}.card-body{gap:12px}.data-row,.label-row{display:flex;justify-content:space-between;align-items:center}.header-info h2{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-main)}.email-sub,.location-sub,.sub-text-small{color:var(--text-dim)}.email-sub,.location-sub{font-size:.85rem;margin:2px 0 0}.header-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.header-info{flex:1;display:flex;flex-direction:column}.badge-count-grey{background:color-mix(in srgb,var(--text-dim) 12%,transparent);color:var(--text-dim);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:0}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:transparent;color:var(--text-dim);cursor:pointer}.icon-btn:hover{background:color-mix(in srgb,var(--bg-input) 50%,transparent);color:var(--text-main)}.icon-btn.delete:hover{background:color-mix(in srgb,var(--accent-danger) 12%,transparent);color:var(--accent-danger)}.view-toggle{background:color-mix(in srgb,var(--bg-input) 60%,transparent);padding:4px;border-radius:12px;border:1px solid var(--border-color)}.view-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);border-radius:8px;cursor:pointer;transition:background .18s ease,color .18s ease}.view-toggle-btn.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:var(--bg-body)}.list-panel{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--border-color)}.list-header{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.2fr .4fr;padding:14px 24px;background:#ffffff08;border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:left}.list-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.2fr .4fr;align-items:center;padding:16px 24px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 35%,transparent 65%);cursor:pointer;transition:background .18s ease;text-align:left}.list-row:last-child{border-bottom:none}.list-row:hover{background:color-mix(in srgb,var(--accent-main) 5%,var(--bg-input) 95%)}.row-avatar-mini{width:40px;height:40px;flex-shrink:0}.row-avatar-mini .card-avatar{width:100%;height:100%;border-radius:10px}.status-pill-mini{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;width:fit-content}.health-bar-tiny{flex:1;height:6px;background:color-mix(in srgb,var(--border-color) 50%,transparent);border-radius:3px;overflow:hidden;max-width:120px}.health-bar-tiny .fill{height:100%;background:var(--accent-success)}.row-health .percent{font-size:.85rem;font-weight:700;color:var(--accent-success);min-width:45px}.id-code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;color:var(--accent-info);background:color-mix(in srgb,var(--accent-info) 10%,transparent);padding:2px 6px;border-radius:var(--radius-sm);width:fit-content}.list-view-container{width:100%;display:block}.col-status,.col-assets,.col-sites,.col-contact,.col-info{display:flex;flex-direction:column;gap:2px}@media(max-width:1180px){.hero-metrics,.card-grid,.detail-hero,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.shell-root{grid-template-columns:1fr}.shell-sidebar{display:none}.shell-header{padding:calc(18px + var(--safe-area-top)) calc(18px + var(--safe-area-right)) 16px calc(18px + var(--safe-area-left));align-items:stretch;flex-direction:column;gap:14px}.header-main-row{width:100%;display:flex;align-items:center;gap:12px}.header-actions{flex:0 0 auto}.header-search-placeholder{flex:1;min-width:0;max-width:none}.theme-trigger-btn{height:52px;padding:0 10px;border-radius:18px}.theme-trigger-btn .trigger-chevron{display:none}.theme-dropdown-menu{right:0;left:auto;width:min(220px,calc(100vw - 36px - var(--safe-area-left) - var(--safe-area-right)))}.shell-content{padding:8px calc(18px + var(--safe-area-right)) calc(108px + var(--safe-area-bottom)) calc(18px + var(--safe-area-left))}.split-grid,.hero-metrics,.card-grid,.detail-hero,.detail-grid,.detail-hero-stats,.detail-form-grid,.bento-top-row{grid-template-columns:1fr}.access-toolbar,.rules-note,.access-toolbar-controls,.detail-actions,.detail-actions-main,.detail-actions-secondary{flex-direction:column}.detail-side-row,.summary-item,.panel-heading,.status-row,.compact-item,.list-row{grid-template-columns:1fr}.ghost-btn,.danger-btn,.primary-btn,.inline-action-btn{width:100%}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px max(12px,var(--safe-area-right)) max(12px,var(--safe-area-bottom)) max(12px,var(--safe-area-left));background:color-mix(in srgb,var(--bg-surface) 88%,transparent 12%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid color-mix(in srgb,var(--border-color) 35%,transparent 65%)}.settings-tabs{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;white-space:nowrap}.mobile-more-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:flex-end}.mobile-more-panel{background:var(--bg-surface);border-radius:32px 32px 0 0;padding:24px;padding-bottom:calc(108px + var(--safe-area-bottom));animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -20px 40px #0003;max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mobile-more-header h3{font-size:1.1rem;font-weight:800;margin:0}.mobile-more-header button{background:var(--bg-input);border:none;color:var(--text-main);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mobile-more-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;border-radius:20px;background:color-mix(in srgb,var(--bg-input) 80%,transparent);color:var(--text-main);text-decoration:none;font-size:.75rem;font-weight:700;text-align:center;border:1px solid transparent;transition:all .2s ease}.mobile-more-item.active{background:var(--accent-main);color:var(--bg-body)}.mobile-more-item:active{transform:scale(.95)}.mobile-more-footer{margin-top:24px;border-top:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);padding-top:24px}.mobile-logout-btn{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:18px;background:color-mix(in srgb,var(--accent-danger) 10%,var(--bg-surface));color:var(--accent-danger);border:1px solid color-mix(in srgb,var(--accent-danger) 18%,transparent);font-weight:800;cursor:pointer}}@media(max-width:480px){.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.section-banner-header{flex-direction:column;align-items:flex-start}.section-banner-actions{width:100%;flex-direction:column}.inline-action-btn{width:100%;justify-content:center}.shell-content{padding:8px calc(12px + var(--safe-area-right)) calc(96px + var(--safe-area-bottom)) calc(12px + var(--safe-area-left))}.metric-card strong{font-size:1.6rem}.global-search-results{max-height:50vh;overflow-y:auto;box-shadow:0 10px 40px #0006}.header-main-row{gap:8px}.theme-trigger-btn{width:48px;height:48px;padding:0;display:flex;justify-content:center;align-items:center}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-height: 100vh}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:var(--bg-body)}body{min-height:100vh;min-height:var(--app-height);background:var(--bg-body)}#root{min-height:100vh;min-height:var(--app-height)}@supports (height: 100dvh){:root{--app-height: 100dvh}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.home h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.home p{color:#64748b}:root{--accent-main-rgb: 220, 38, 38;--accent-glow: rgba(220, 38, 38, .15)}.pro-header-nav{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%}.pro-footer-actions{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.pro-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.pro-btn:disabled{opacity:.5;cursor:not-allowed}.pro-btn.primary{background:var(--accent-main);color:#fff}.pro-btn.primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.pro-btn.secondary{background:color-mix(in srgb,var(--bg-input) 80%,var(--bg-surface));color:var(--text-main)}.pro-btn.success{background:var(--accent-success);color:#fff}.pro-btn.success:hover{background:color-mix(in srgb,var(--accent-success) 80%,black)}.pro-btn.primary-grad{background:linear-gradient(135deg,var(--accent-main),var(--accent-hover));color:#fff}.pro-btn.primary-grad:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 15px #dc262633}.pro-btn.ai{background:linear-gradient(135deg,var(--accent-main),#8b5cf6);color:#fff;border:none;box-shadow:0 4px 15px #8b5cf64d}.pro-btn.outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.pro-btn.outline:hover{background:var(--bg-surface)}.pro-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:stretch}.pro-card{background:var(--bg-surface);border-radius:24px;border:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease;height:100%}.pro-card:hover{border-color:color-mix(in srgb,var(--accent-main) 30%,var(--border-color));box-shadow:0 12px 30px #00000008}.pro-card-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.pro-card-header h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:10px}.pro-card-body{flex:1;display:flex;flex-direction:column;gap:16px}.pro-hero-glass{padding:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 95%,transparent),color-mix(in srgb,var(--bg-surface) 80%,transparent));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid color-mix(in srgb,var(--border-color) 40%,transparent);box-shadow:0 20px 40px #0000000d}.glass-effect{background:#ffffff08!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}.card-surface{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.pro-hero-content{display:flex;justify-content:flex-start;align-items:flex-end;gap:40px}.pro-badge-id{display:inline-block;padding:4px 12px;background:color-mix(in srgb,var(--accent-main) 15%,transparent);color:var(--accent-main);border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-bottom:12px}.pro-hero-title{font-size:2.5rem;font-weight:900;letter-spacing:-.04em;margin:0 0 16px;background:linear-gradient(to right,var(--text-main),var(--accent-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pro-hero-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pro-status-pill{padding:6px 16px;border-radius:99px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}.pro-status-pill.warning{background:color-mix(in srgb,var(--accent-warning) 10%,var(--bg-surface));color:var(--accent-warning);border:1px solid color-mix(in srgb,var(--accent-warning) 20%,transparent)}.pro-status-pill.success{background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-surface));color:var(--accent-success);border:1px solid color-mix(in srgb,var(--accent-success) 20%,transparent)}.pro-status-pill.info{background:color-mix(in srgb,var(--accent-main) 10%,var(--bg-surface));color:var(--accent-main);border:1px solid color-mix(in srgb,var(--accent-main) 20%,transparent)}.pro-meta-item{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.9rem}.pro-form-group{display:flex;flex-direction:column;gap:6px}.pro-form-column{display:flex;flex-direction:column;gap:16px}.pro-form-row{display:flex;flex-direction:row;align-items:center;gap:24px}.pro-form-group.horizontal{flex-direction:row;align-items:center;gap:16px}.pro-form-group label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.pro-details-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1800px;margin:0;padding-bottom:40px}.pro-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;width:100%}@media(max-width:1024px){.pro-bento-grid>div{grid-column:span 12!important}}.pro-input{width:100%;padding:12px 16px;background:color-mix(in srgb,var(--bg-input) 50%,transparent);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:.95rem;transition:all .2s ease}.pro-input:focus{outline:none;border-color:var(--accent-main);background:color-mix(in srgb,var(--bg-input) 80%,transparent);box-shadow:0 0 0 4px var(--accent-glow)}.meta-cards-container{display:flex;flex-direction:column;gap:24px;width:100%}.pro-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.active-meta-card{display:flex;flex-direction:row;align-items:flex-start;gap:12px;background:color-mix(in srgb,var(--bg-input) 30%,var(--bg-surface));padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);min-width:200px;flex:1;transition:all .2s ease}.active-meta-card:hover{transform:translateY(-2px);background:var(--bg-surface);box-shadow:0 10px 30px #0000001a;border-color:var(--accent-main)}.active-meta-card .card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-main) 10%,var(--bg-input));color:var(--accent-main);flex-shrink:0}.active-meta-card .card-content{display:flex;flex-direction:column;gap:4px}.active-meta-card small{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:-4px}.active-meta-card strong{font-size:1rem;color:var(--text-main);font-weight:700;line-height:1.1}.active-meta-card p{font-size:.95rem;color:var(--text-dim);line-height:1.5;margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.pro-btn.loading{position:relative;color:transparent!important;pointer-events:none}.pro-btn.loading:after{content:"";position:absolute;width:18px;height:18px;top:calc(50% - 9px);left:calc(50% - 9px);border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}