@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8eaf0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#0f1117;width:100%;max-width:100vw;min-height:100vh;margin:0;padding:0;font-family:DM Sans,Segoe UI,system-ui,sans-serif;overflow-x:hidden}:root{--primary:#c0392b;--primary-h:6;--primary-s:63%;--primary-l:46%;--secondary:#2c3e50;--font-size-base:15px}.theme-dark{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#222536;--bg-card-hover:#2a2e42;--bg-input:#181b25;--border:#ffffff14;--border-strong:#ffffff24;--border-focus:var(--primary);--text-primary:#e8eaf0;--text-secondary:#8b90a5;--text-muted:#5a5f75;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 12px 40px #00000080;--topbar-bg:#0f1117d9;--sidebar-bg:#141722}.theme-light{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-input:#f4f5f7;--border:#00000014;--border-strong:#00000024;--border-focus:var(--primary);--text-primary:#1a1d2b;--text-secondary:#5c6070;--text-muted:#9ca0b0;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 40px #0000001f;--topbar-bg:#ffffffd9;--sidebar-bg:#fff}.app-root{font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);width:100%;min-height:100vh;overflow-x:hidden}.login-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-pattern{background-image:radial-gradient(circle at 20% 50%, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12) 0%, transparent 50%), radial-gradient(circle at 80% 20%, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .08) 0%, transparent 40%), radial-gradient(circle at 60% 80%, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1) 0%, transparent 40%);pointer-events:none;position:absolute;inset:0}.login-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;animation:.6s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo{color:var(--text-primary);justify-content:center;align-items:center;gap:12px;margin-bottom:28px;font-size:22px;font-weight:700;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--primary), hsl(var(--primary-h), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 15%)));color:#fff;letter-spacing:-.5px;width:52px;height:52px;box-shadow:0 8px 24px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.login-card h2{color:var(--text-primary);margin-bottom:8px;font-size:26px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:14px;display:flex}.input-group{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15)}.input-group input{font-size:var(--font-size-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.input-group input::placeholder{color:var(--text-muted)}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-btn:hover{filter:brightness(1.1);box-shadow:0 4px 12px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .3);transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:wait}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-status{color:var(--primary);margin-top:4px;font-size:13px}.topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-menu-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.topbar-menu-btn:hover{background:var(--bg-card);color:var(--text-primary)}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.topbar-title{letter-spacing:-.3px;color:var(--text-primary);font-size:18px;font-weight:700}.topbar-center{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.topbar-divider{background:var(--border);width:1px;height:28px}.clock-widget,.weather-widget,.news-widget{background:var(--bg-card);border:1px solid var(--border);min-width:200px;height:52px;color:var(--text-primary);cursor:pointer;box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.clock-widget:hover,.weather-widget:hover,.news-widget:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.clock-widget.open,.weather-widget.open,.news-widget.open{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15)}.weather-widget-wrap{position:relative}.weather-icon{color:#f59e0b;display:flex}.weather-info{flex-direction:column;line-height:1.2;display:flex}.weather-temp{font-size:15px;font-weight:700}.weather-city{color:var(--text-muted);font-size:11px}.weather-details{color:var(--text-muted);flex-direction:column;gap:2px;font-size:11px;display:flex}.weather-details span{align-items:center;gap:4px;display:flex}.weather-loading{color:var(--text-muted);font-size:13px}.clock-widget-wrap{position:relative}.clock-widget{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.clock-time{align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;line-height:1.2;display:flex}.clock-date{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:6px;font-size:12px;line-height:1.2;display:flex}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.calendar-popover{background:var(--bg-secondary);border:1px solid var(--border);z-index:200;border-radius:14px;width:320px;padding:14px;animation:.15s popoverIn;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}.calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.calendar-title-wrap{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.calendar-title{text-transform:capitalize;color:var(--text-primary);font-size:14px;font-weight:700}.calendar-today-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:5px;padding:2px 8px;font-family:inherit;font-size:10px;font-weight:700}.calendar-today-btn:hover{background:var(--bg-card);color:var(--primary);border-color:var(--primary)}.calendar-nav{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.calendar-nav:hover{background:var(--bg-card);color:var(--text-primary)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-dow{text-align:center;color:var(--text-muted);padding:6px 0 4px;font-size:10px;font-weight:700}.calendar-day{aspect-ratio:1;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;display:flex;position:relative}.calendar-day:hover:not(.out){background:var(--bg-card)}.calendar-day.out{cursor:default}.calendar-day.today{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .18);color:var(--primary);font-weight:800}.calendar-day.selected{background:var(--primary)!important;color:#fff!important}.calendar-day.selected.today{background:var(--primary)!important}.calendar-day-dots{align-items:center;gap:2px;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-dot{background:var(--primary);border-radius:50%;width:4px;height:4px}.calendar-dot.priority-urgent{background:#ef4444}.calendar-dot.priority-high{background:#f59e0b}.calendar-dot.priority-low{background:var(--text-muted)}.calendar-dot-more{color:var(--text-muted);font-size:8px;font-weight:700;line-height:1}.calendar-day.selected .calendar-dot{background:#fff}.calendar-day.selected .calendar-dot-more{color:#fff}.calendar-month-stats{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:10px;padding:10px 8px 6px;font-size:11px;font-weight:600;display:flex}.calendar-selected-info{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.calendar-selected-title{color:var(--text-primary);text-transform:capitalize;margin-bottom:8px;font-size:12px;font-weight:700}.calendar-selected-empty{color:var(--text-muted);font-size:11px;font-style:italic}.calendar-selected-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.calendar-selected-item{background:var(--bg-card);border-left:3px solid var(--primary);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:flex}.calendar-selected-item.priority-urgent{border-left-color:#ef4444}.calendar-selected-item.priority-high{border-left-color:#f59e0b}.calendar-selected-item.priority-low{border-left-color:var(--text-muted)}.calendar-selected-item.completed{opacity:.5}.calendar-selected-item.completed .calendar-selected-text{text-decoration:line-through}.calendar-selected-time{color:var(--text-secondary);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.calendar-selected-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cal-v2 .cal-next{background:linear-gradient(135deg,#c0392b1f,#2c3e500f);border:1px solid #c0392b40;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.cal-v2 .cal-next-empty{background:linear-gradient(135deg,#16a34a14,#0000);border-color:#16a34a40}.cal-next-icon{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cal-next-empty .cal-next-icon{background:#16a34a}.cal-next-body{flex:1;min-width:0;line-height:1.25}.cal-next-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted,var(--text-secondary));font-size:9px;font-weight:700}.cal-next-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.cal-next-meta{color:var(--text-secondary);font-size:11px}.cal-next-meta b{color:var(--primary);font-weight:700}.calendar-dow.is-weekend{color:var(--text-muted,var(--text-secondary));opacity:.7}.calendar-day.is-weekend:not(.selected):not(.today){color:var(--text-muted,var(--text-secondary))}.calendar-day.is-holiday{position:relative}.calendar-day.is-holiday-national:not(.selected):not(.today),.calendar-day.is-holiday-state:not(.selected):not(.today){color:#c0392b;font-weight:700}.calendar-day.is-holiday-optional:not(.selected):not(.today){color:#b45309}.calendar-day-holiday-dot{background:#c0392b;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:4px}.calendar-day.is-holiday-optional .calendar-day-holiday-dot{background:#b45309}.calendar-day.is-holiday-state .calendar-day-holiday-dot{background:#059669}.calendar-day.selected .calendar-day-holiday-dot{background:#fff}.calendar-selected-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.calendar-selected-head .calendar-selected-title{margin-bottom:0}.calendar-add-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:opacity .15s;display:inline-flex}.calendar-add-btn:hover{opacity:.9}.calendar-holiday-label{color:#c0392b;background:#c0392b1a;border:1px solid #c0392b40;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 9px;font-size:11px;font-weight:600;display:flex}.calendar-holiday-optional{color:#b45309;background:#b453091a;border-color:#b4530940}.calendar-holiday-state{color:#059669;background:#0596691a;border-color:#05966940}.calendar-holiday-label .muted{opacity:.7;font-weight:500}.calendar-quick-add{background:var(--bg-card);border:1px dashed var(--border);border-radius:8px;grid-template-columns:1fr 90px auto auto;align-items:center;gap:6px;margin-bottom:8px;padding:8px;display:grid}.calendar-quick-add input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;min-width:0;padding:5px 8px;font-size:12px}.calendar-quick-add button{padding:5px 8px;font-size:11px}.calendar-selected-item{align-items:flex-start}.calendar-selected-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.calendar-selected-text{white-space:normal;line-height:1.25}.calendar-selected-desc{color:var(--text-muted,var(--text-secondary));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.cal-v2 .calendar-month-stats{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.cal-v2 .calendar-month-stats span{align-items:center;gap:4px;display:inline-flex}.weather-popover{z-index:200;animation:.18s popoverIn;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.wp-v2{color:#fff;isolation:isolate;--wp-bg-from:#ffb347;--wp-bg-mid:#ff7b47;--wp-bg-to:#4b92db;--wp-accent:#fff3cd;--wp-text:#fff;--wp-text-muted:#ffffffbf;--wp-glass:#ffffff24;--wp-glass-strong:#ffffff38;--wp-border:#ffffff38;--wp-curve-color:#fff3cd;--wp-arc-color-1:#ffd27a;--wp-arc-color-2:#fff;--wp-arc-color-3:#b6cdf2;background:linear-gradient(160deg, var(--wp-bg-from) 0%, var(--wp-bg-mid) 48%, var(--wp-bg-to) 100%);border-radius:18px;width:440px;max-width:94vw;position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 50px #00000073,0 4px 10px #00000038}.wp-theme-partly{--wp-bg-from:#8fb5e0;--wp-bg-mid:#5f8fc2;--wp-bg-to:#2d527e;--wp-curve-color:#fff;--wp-arc-color-1:#fff3cd}.wp-theme-cloud{--wp-bg-from:#7a8b9c;--wp-bg-mid:#546478;--wp-bg-to:#2f3c4c;--wp-curve-color:#e2ebf5}.wp-theme-rain{--wp-bg-from:#4a6280;--wp-bg-mid:#2f4763;--wp-bg-to:#182636;--wp-curve-color:#9fc3ff}.wp-theme-storm{--wp-bg-from:#2f3d52;--wp-bg-mid:#1a2230;--wp-bg-to:#0a0f16;--wp-curve-color:#b39dff}.wp-theme-snow{--wp-bg-from:#c7dfff;--wp-bg-mid:#9ab8d8;--wp-bg-to:#5e7b9c;--wp-curve-color:#fff;--wp-text:#1c2634;--wp-text-muted:#1c2634b3;--wp-glass:#ffffff80;--wp-glass-strong:#ffffffb3;--wp-border:#1c263426;--wp-arc-color-1:#ffb347;--wp-arc-color-2:#1c2634;--wp-arc-color-3:#5e7b9c}.wp-theme-fog{--wp-bg-from:#9aa8b5;--wp-bg-mid:#6d7d8c;--wp-bg-to:#3e4955;--wp-curve-color:#e6eef5}.wp-theme-night{--wp-bg-from:#1d2b4e;--wp-bg-mid:#0e1730;--wp-bg-to:#040816;--wp-curve-color:#a3b7ff;--wp-arc-color-1:#ffd27a;--wp-arc-color-2:#e3e8ff;--wp-arc-color-3:#78839f}.wp-v2{color:var(--wp-text)}.wp-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wp-bg:before{content:"";background:radial-gradient(at 70% 0,#ffffff26,#0000 55%),radial-gradient(at 10% 110%,#00000059,#0000 60%);position:absolute;inset:0}.wp-sun-rays{filter:blur(2px);opacity:.7;background:conic-gradient(#fff0b459 0deg,#0000 30deg,#fff0b459 60deg,#0000 90deg,#fff0b459 120deg,#0000 150deg,#fff0b459 180deg,#0000 210deg,#fff0b459 240deg,#0000 270deg,#fff0b459 300deg,#0000 330deg);border-radius:50%;width:220px;height:220px;animation:60s linear infinite wpSpin;position:absolute;top:-40px;right:-40px}@keyframes wpSpin{to{transform:rotate(360deg)}}.wp-cloud{filter:blur(.5px);background:#ffffffbf;border-radius:50px;position:absolute}.wp-cloud:before,.wp-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.wp-cloud-1{opacity:.55;width:120px;height:28px;animation:55s linear infinite wpDrift;top:20px}.wp-cloud-1:before{width:40px;height:40px;top:-18px;left:20px}.wp-cloud-1:after{width:50px;height:50px;top:-28px;left:60px}.wp-cloud-2{opacity:.4;width:90px;height:20px;animation:80s linear -30s infinite wpDrift;top:70px}.wp-cloud-2:before{width:32px;height:32px;top:-14px;left:12px}.wp-cloud-2:after{width:42px;height:42px;top:-24px;left:42px}.wp-cloud-3{opacity:.45;width:140px;height:32px;animation:100s linear -50s infinite wpDrift;top:130px}.wp-cloud-3:before{width:48px;height:48px;top:-22px;left:22px}.wp-cloud-3:after{width:58px;height:58px;top:-32px;left:66px}@keyframes wpDrift{0%{left:-180px}to{left:120%}}.wp-rain-drop{background:linear-gradient(#0000,#afd2ffe6);border-radius:2px;width:1.5px;height:14px;animation:linear infinite wpRainFall;position:absolute;top:-14px}@keyframes wpRainFall{0%{transform:translateY(0)}to{transform:translateY(780px)}}.wp-snow-flake{color:#fff;opacity:.9;font-size:14px;animation:linear infinite wpSnowFall;position:absolute;top:-20px}@keyframes wpSnowFall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(780px)rotate(360deg)}}.wp-star{background:#fff;border-radius:50%;width:2px;height:2px;animation:2.5s ease-in-out infinite wpTwinkle;position:absolute;box-shadow:0 0 4px #fffc}@keyframes wpTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.wp-moon{background:radial-gradient(circle at 35% 35%,#fff,#e3e8ff 60%,#9aa8c9);border-radius:50%;width:52px;height:52px;position:absolute;top:18px;right:32px;box-shadow:0 0 30px #e3e8ff66}.wp-moon:before{content:"";background:#0000001a;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:10px;box-shadow:15px 18px 0 3px #0000001a,4px 28px 0 2px #00000014}.wp-fog-band{filter:blur(8px);background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:180%;height:26px;animation:linear infinite wpFogDrift;position:absolute;left:-40%}@keyframes wpFogDrift{0%{transform:translate(-15%)}to{transform:translate(15%)}}.wp-lightning{opacity:0;background:#ffffffe6;animation:9s linear infinite wpFlash;position:absolute;inset:0}@keyframes wpFlash{0%,92%,to{opacity:0}93%{opacity:.85}94%{opacity:.1}95%{opacity:.6}96%{opacity:0}}.wp-content{z-index:2;padding:12px 14px 10px;position:relative}.wp-tips{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.wp-tip{background:var(--wp-glass);border:1px solid var(--wp-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9px;align-items:flex-start;gap:7px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.35;display:flex}.wp-tip-warn{background:#ff8c5a47;border-color:#ff8c5a8c}.wp-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:2px;display:grid}.wp-hero-icon{background:var(--wp-glass);border:1px solid var(--wp-border);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wp-hero-icon svg{width:34px!important;height:34px!important}.wp-hero-main{line-height:1.05}.wp-hero-temp{letter-spacing:-1.5px;align-items:flex-start;font-size:38px;font-weight:800;display:flex}.wp-hero-temp span{opacity:.75;margin-top:4px;margin-left:2px;font-size:16px;font-weight:600}.wp-hero-cond{opacity:.92;margin-top:1px;font-size:12px;font-weight:600}.wp-hero-feels{opacity:.75;margin-top:1px;font-size:10px}.wp-hero-city{text-align:right;max-width:150px}.wp-hero-city-name{font-size:12px;font-weight:700;line-height:1.2;display:block}.wp-hero-mini{opacity:.85;flex-direction:column;gap:2px;margin-top:4px;font-size:10px;display:flex}.wp-hero-mini span{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.wp-sunarc{background:var(--wp-glass);border:1px solid var(--wp-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--wp-text);border-radius:12px;margin:4px -2px 10px;padding:4px 6px 2px}.wp-sunarc-svg{width:100%;height:auto;color:var(--wp-text);display:block}.wp-sunarc-marker{fill:#ffd27a;filter:drop-shadow(0 0 4px #ffd27acc)}.wp-sunarc-marker-glow{fill:#ffd27a59;animation:2s ease-in-out infinite wpPulse}.wp-sunarc.is-night .wp-sunarc-marker{fill:#e3e8ff;filter:drop-shadow(0 0 6px #e3e8ffe6)}.wp-sunarc.is-night .wp-sunarc-marker-glow{fill:#e3e8ff59}@keyframes wpPulse{0%,to{r:9;opacity:.35}50%{r:14;opacity:.15}}.wp-sunarc-labels{opacity:.9;justify-content:space-between;align-items:center;margin-top:-6px;padding:0 6px 4px;font-size:10px;font-weight:600;display:flex}.wp-sunarc-labels span{align-items:center;gap:4px;display:inline-flex}.wp-sunarc-now{background:var(--wp-glass-strong);letter-spacing:.4px;border-radius:999px;padding:2px 8px;font-size:9px}.wp-section-label{text-transform:uppercase;letter-spacing:.8px;opacity:.8;margin:8px 0 4px;font-size:10px;font-weight:700}.wp-curve{background:var(--wp-glass);border:1px solid var(--wp-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;margin:2px -2px 8px;padding:2px 4px 0}.wp-curve-svg{width:100%;height:auto;display:block}.wp-curve-temp-label{fill:var(--wp-text);font-size:11px;font-weight:700}.wp-curve-hour-label{fill:var(--wp-text);opacity:.75;font-size:10px;font-weight:600}.wp-curve-rain-label{fill:#9fc3ff;font-size:9px;font-weight:700}.wp-days{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.wp-day{background:var(--wp-glass);border:1px solid var(--wp-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9px;grid-template-columns:64px 24px 50px 1fr;align-items:center;gap:8px;padding:5px 10px;font-size:11px;transition:background .15s;display:grid}.wp-day:hover{background:var(--wp-glass-strong)}.wp-day.is-today{border-color:#ffd27a99}.wp-day-name{text-transform:capitalize;font-weight:700}.wp-day-icon{color:var(--wp-text);justify-content:center;align-items:center;display:flex}.wp-day-rain{color:#9fc3ff;align-items:center;gap:3px;font-size:10px;font-weight:700;display:inline-flex}.wp-day-rain.empty{height:10px}.wp-day-range{grid-template-columns:24px 1fr 24px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:grid}.wp-day-min{color:var(--wp-text-muted);text-align:right}.wp-day-max{color:var(--wp-text);text-align:left}.wp-day-bar{opacity:.6;background:linear-gradient(90deg,#7ebbff,#ffd27a,#ff7b47);border-radius:2px;height:3px}.wp-footer{border-top:1px solid var(--wp-border);opacity:.65;text-align:right;margin-top:6px;padding-top:6px;font-size:9px;font-style:italic}.wp-section-label{margin:6px 0 3px;font-size:9px}@media (width<=640px){.wp-v2{width:94vw}.wp-hero{grid-template-columns:auto 1fr}.wp-hero-city{text-align:left;grid-column:1/-1}.wp-hero-mini span{justify-content:flex-start}.wp-hero-temp{font-size:42px}}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar-btn:hover{background:var(--bg-card);color:var(--text-primary)}.topbar-badge{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.topbar-user-area{cursor:pointer;color:var(--text-secondary);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;margin-left:4px;padding:6px 14px;transition:all .2s;display:flex}.topbar-user-area:hover{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .08);color:var(--primary);border-color:var(--primary)}.topbar-username{font-size:13px;font-weight:600}.app-layout{min-height:100vh;padding-top:64px;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:90;flex-direction:column;width:280px;transition:width .3s,transform .3s;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-email,.sidebar.collapsed .sidebar-home span,.sidebar.collapsed .category-trigger span,.sidebar.collapsed .cat-arrow,.sidebar.collapsed .category-items{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:16px 0}.sidebar.collapsed .sidebar-nav{align-items:center}.sidebar.collapsed .sidebar-home,.sidebar.collapsed .category-trigger{justify-content:center;width:44px;margin:2px auto;padding:10px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-user{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sidebar-avatar{flex-shrink:0;width:40px;height:40px;position:relative}.sidebar-avatar img{object-fit:cover;border:2px solid var(--border);z-index:1;background:var(--bg-surface);border-radius:12px;width:40px;height:40px;position:relative}.avatar-initial{border:2px solid var(--border);background:color-mix(in srgb, var(--primary) 18%, var(--bg-surface));width:40px;height:40px;color:var(--primary);z-index:0;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.avatar-status{border:2px solid var(--sidebar-bg);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-username{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.sidebar-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.sidebar-home{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sidebar-home:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-home.active{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);color:var(--primary);font-weight:600}.sidebar-category{margin-bottom:2px}.category-trigger{width:100%;color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.category-trigger:hover{background:var(--bg-card);color:var(--text-primary)}.cat-arrow{margin-left:auto;transition:transform .2s;display:flex}.category-trigger.open .cat-arrow{transform:rotate(180deg)}.category-trigger.open{color:var(--primary)}.category-items{padding:4px 0 4px 14px;animation:.2s fadeDown}@keyframes fadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--bg-card);color:var(--text-primary);transform:translate(3px)}.sidebar-item.active{background:var(--primary);color:#fff}.main-area{background:var(--bg-primary);flex:1;min-width:0;min-height:calc(100vh - 64px);margin-left:280px;padding:32px;transition:margin-left .3s;overflow-x:hidden}.main-area.expanded{margin-left:68px}.home-page{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-v2{flex-direction:column;gap:22px;display:flex}.home-hero{color:#fff;isolation:isolate;background:radial-gradient(1200px 400px at 100% -20%,#ffffff24,#0000 60%),radial-gradient(800px 400px at -10% 120%,#00000059,#0000 60%),linear-gradient(135deg,#7e1d14 0%,#c0392b 45%,#2c3e50 100%);border-radius:24px;padding:44px 48px 150px;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047,inset 0 1px #ffffff14}.home-hero:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 40%,#0000 85%);mask-image:radial-gradient(at 50% 0,#000 40%,#0000 85%)}.home-hero-content{z-index:2;max-width:720px;position:relative}.home-hero-badge{letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.home-hero-dot{background:#7ee787;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite dotPulse;box-shadow:0 0 #7ee78799}@keyframes dotPulse{0%{box-shadow:0 0 #7ee78799}70%{box-shadow:0 0 0 10px #7ee78700}to{box-shadow:0 0 #7ee78700}}.home-hero-title{letter-spacing:-.5px;text-shadow:0 2px 10px #0003;margin:0 0 8px;font-size:40px;font-weight:800;line-height:1.1}.home-hero-name{background:linear-gradient(90deg,#ffd27a,#fff);color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero-sub{opacity:.88;max-width:560px;margin:0 0 22px;font-size:16px}.home-hero-meta{flex-wrap:wrap;gap:10px;display:flex}.home-hero-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.home-hero-chip-accent{background:#ffd27a33;border-color:#ffd27a66}.home-hero-time{font-variant-numeric:tabular-nums;letter-spacing:.5px}.home-hero-toggle{z-index:3;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s,transform .15s;display:inline-flex;position:absolute;top:16px;right:16px}.home-hero-toggle:hover{color:#fff;background:#ffffff2e;transform:scale(1.05)}.home-hero.home-hero-compact{border-radius:16px;padding:18px 24px;box-shadow:0 6px 18px #0000002e,inset 0 1px #ffffff0f}.home-hero.home-hero-compact .home-hero-content{flex-wrap:wrap;align-items:center;gap:14px;max-width:none;display:flex}.home-hero.home-hero-compact .home-hero-badge{order:0;margin-bottom:0;padding:4px 10px;font-size:11px}.home-hero.home-hero-compact .home-hero-title{flex:0 auto;order:1;margin:0;font-size:22px;font-weight:700}.home-hero.home-hero-compact .home-hero-meta{order:2;margin-left:auto}.home-hero.home-hero-compact .home-hero-chip{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;padding:6px 12px;font-size:12.5px;transition:background .15s}.home-hero.home-hero-compact .home-hero-chip:hover{background:#ffffff2e}.home-hero.home-hero-compact .home-hero-chip-warn{color:#ffe2dc;background:#ff64502e;border-color:#ff645066}.home-hero.home-hero-compact .home-hero-chip-warn:hover{background:#ff645047}.home-hero.home-hero-compact .home-hero-chip-quiet{color:#d4f8d8;background:#7ee78729;border-color:#7ee78752}.home-hero.home-hero-compact .home-hero-toggle{background:0 0;border:0;top:50%;right:12px;transform:translateY(-50%)}.home-hero.home-hero-compact .home-hero-toggle:hover{background:#ffffff1a;transform:translateY(-50%)scale(1.05)}@media (width<=768px){.home-hero.home-hero-compact{padding:14px 16px}.home-hero.home-hero-compact .home-hero-content{flex-direction:column;align-items:flex-start;gap:8px}.home-hero.home-hero-compact .home-hero-meta{width:100%;margin-left:0}.home-hero.home-hero-compact .home-hero-title{font-size:19px}}.home-hero-road{z-index:2;pointer-events:auto;height:130px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.home-hero-lanes{opacity:.85;background-image:linear-gradient(90deg,#ffd27a 50%,#0000 50%);background-repeat:repeat-x;background-size:40px 4px;height:4px;position:absolute;bottom:48px;left:0;right:0}.home-hero-road:before{content:"";pointer-events:none;background:linear-gradient(#14141900 0%,#1414198c 22%,#141419e0 100%);height:130px;position:absolute;bottom:0;left:0;right:0}.home-hero-truck{will-change:transform;position:absolute;left:0}.home-hero-truck-img{cursor:pointer;filter:drop-shadow(0 6px 10px #0006);transition:filter .2s,scale .2s;display:block;transform:scaleX(-1)}.home-hero-truck-img.reverse{transform:none}.home-hero-truck-img:hover{filter:drop-shadow(0 6px 14px #ffd27ab3)brightness(1.12);scale:1.08}.home-hero-truck-img:active{scale:.95}.home-hero-truck-img.is-honking{animation:.45s cubic-bezier(.34,1.56,.64,1) truckHop}@keyframes truckHop{0%{translate:0}40%{translate:0 -16px}70%{translate:0 4px}to{translate:0}}.home-stats-v2{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.stat-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;align-items:flex-start;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.stat-v2:before{content:"";background:var(--stat-accent,var(--primary));border-radius:18px 0 0 18px;width:5px;position:absolute;top:0;bottom:0;left:0}.stat-v2:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0000002e}.stat-v2-icon{background:var(--stat-icon-bg,#c0392b1f);width:48px;height:48px;color:var(--stat-accent,var(--primary));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-v2-body{flex:1;min-width:0}.stat-v2-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted,var(--text-secondary));font-size:12px;font-weight:700}.stat-v2-value{color:var(--text-primary);align-items:center;gap:8px;margin-top:4px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.stat-v2-foot{color:var(--text-secondary);margin-top:4px;font-size:12px}.stat-v2-red{--stat-accent:#c0392b;--stat-icon-bg:#c0392b24}.stat-v2-blue{--stat-accent:#2c6fb3;--stat-icon-bg:#2c6fb324}.stat-v2-amber{--stat-accent:#d97706;--stat-icon-bg:#d9770624}.stat-v2-green{--stat-accent:#16a34a;--stat-icon-bg:#16a34a24}.home-pulse-dot{background:#16a34a;border-radius:50%;width:10px;height:10px;animation:1.8s ease-out infinite dotPulse;box-shadow:0 0 #16a34a80}.home-quick{flex-direction:column;gap:12px;display:flex}.home-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-section-head h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:inline-flex}.home-section-sub{color:var(--text-secondary);font-size:13px}.home-quick-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.home-quick-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.home-quick-card:after{content:"";opacity:0;background:linear-gradient(135deg,#c0392b14,#0000 50%);transition:opacity .2s;position:absolute;inset:0}.home-quick-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 12px 28px #00000024}.home-quick-card:hover:after{opacity:1}.home-quick-card:hover .home-quick-arrow{color:var(--primary);transform:translate(4px)}.home-quick-icon{width:44px;height:44px;color:var(--primary);z-index:1;background:#c0392b1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.home-quick-info{z-index:1;flex:1;min-width:0;position:relative}.home-quick-title{font-size:15px;font-weight:700}.home-quick-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.home-quick-arrow{color:var(--text-muted,var(--text-secondary));z-index:1;transition:transform .2s,color .2s;position:relative}@media (width<=900px){.home-hero{border-radius:20px;padding:32px 28px 150px}.home-hero-title{font-size:32px}.home-hero-sub{font-size:14px}.home-stats-v2,.home-quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.home-v2{gap:16px}.home-hero{border-radius:18px;padding:26px 20px 140px}.home-hero-title{font-size:26px}.home-hero-sub{font-size:13px}.home-hero-meta{gap:8px}.home-hero-chip{padding:6px 10px;font-size:12px}.home-hero-truck-img{width:80px!important;height:40px!important}.home-hero-lanes{bottom:20px}.home-stats-v2{grid-template-columns:1fr;gap:10px}.stat-v2{padding:16px}.stat-v2-value{font-size:24px}.home-quick-grid{grid-template-columns:1fr}.home-quick-card{padding:14px 16px}}.home-greeting{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:24px;padding:40px;position:relative;overflow:hidden}.home-greeting:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:4px;position:absolute;top:0;left:0;right:0}.home-greeting h2{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.home-greeting p{color:var(--text-secondary);font-size:16px}.home-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;flex-direction:column;gap:8px;padding:24px;transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.stat-number{color:var(--text-primary);font-size:28px;font-weight:800}.stat-label{color:var(--text-muted);font-size:13px}.section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-width:600px;margin-inline:auto;padding:40px;animation:.4s fadeIn}.section-header{color:var(--primary);align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header h2{color:var(--text-primary);font-size:22px;font-weight:700}.section-desc{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.section-note{background:var(--bg-input);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.reminder-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:flex-end;animation:.2s fadeOverlay;display:flex;position:fixed;inset:0}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.reminder-panel{background:var(--bg-secondary);border-left:1px solid var(--border);width:420px;max-width:100vw;height:100%;color:var(--text-primary);flex-direction:column;animation:.3s slideRight;display:flex}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.reminder-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reminder-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.badge{background:var(--primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.btn-icon{border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.reminder-form{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:20px 24px;animation:.2s fadeDown;display:flex}.reminder-form-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:2px;font-size:12px;font-weight:700}.input-field{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12)}.theme-dark input[type=datetime-local],.theme-dark input[type=date],.theme-dark input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.reminder-form-actions{gap:10px;margin-top:4px;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .25);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong)}.reminder-list{flex:1;padding:16px 24px;overflow-y:auto}.reminder-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.reminder-empty p{color:var(--text-secondary);font-size:15px;font-weight:600}.reminder-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px;transition:all .2s;display:flex}.reminder-item:hover{border-color:var(--primary)}.reminder-item.completed{opacity:.5}.reminder-item.completed .reminder-title{text-decoration:line-through}.reminder-item.overdue{border-color:#ef4444}.priority-urgent{border-left:3px solid #ef4444}.priority-high{border-left:3px solid #f59e0b}.priority-normal{border-left:3px solid var(--primary)}.priority-low{border-left:3px solid var(--text-muted)}.reminder-check{border:2px solid var(--border-strong);cursor:pointer;width:24px;min-width:24px;height:24px;color:var(--primary);background:0 0;border-radius:7px;justify-content:center;align-items:center;margin-top:2px;transition:all .2s;display:flex}.reminder-check:hover{border-color:var(--primary);background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1)}.reminder-item.completed .reminder-check{background:var(--primary);border-color:var(--primary);color:#fff}.reminder-content{flex:1;min-width:0}.reminder-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.reminder-desc{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.reminder-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.overdue-badge{color:#ef4444;background:#ef444426;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.theme-light .overdue-badge{background:#fef2f2}.reminder-actions{flex-shrink:0;gap:4px;display:flex}.btn-icon-sm{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-sm:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-icon-sm.danger:hover{color:#ef4444;background:#ef444426}.theme-light .btn-icon-sm.danger:hover{background:#fef2f2}.notif-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b8;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out notifOverlayIn;display:flex;position:fixed;inset:0}@keyframes notifOverlayIn{0%{opacity:0}to{opacity:1}}.notif-popup-card{background:var(--bg-card);border:3px solid var(--primary);text-align:center;border-radius:18px;width:100%;max-width:480px;padding:36px 40px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) notifCardIn;box-shadow:0 25px 80px #0009,0 0 0 8px #c0392b2e,0 0 60px #c0392b66}@keyframes notifCardIn{0%{opacity:0;transform:scale(.5)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.notif-popup-icon{width:88px;height:88px;color:var(--primary);background:#c0392b24;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;animation:1s ease-in-out infinite notifBellShake;display:inline-flex}@keyframes notifBellShake{0%,to{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.notif-popup-title{color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:800;line-height:1.25}.notif-popup-body{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:24px;font-size:15px;line-height:1.55}.notif-popup-btn{justify-content:center;align-items:center;gap:8px;min-width:160px;font-weight:700;display:inline-flex;padding:12px 24px!important;font-size:15px!important}.notif-actions{border-bottom:1px solid var(--border);gap:8px;padding:10px 24px;display:flex}.btn-ghost-sm{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-ghost-sm:hover{background:var(--bg-card);color:var(--text-primary)}.notif-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.notif-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.notif-item.unread{border-color:var(--primary);background:#c0392b0f}.notif-item-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.notif-item.unread .notif-item-dot{background:var(--primary);box-shadow:0 0 0 3px #c0392b33}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700}.notif-item-desc{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.4}.notif-item-time{color:var(--text-muted,var(--text-secondary));opacity:.7;font-size:11px}.profile-photo-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.profile-avatar{background:var(--bg-card);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-initials{color:#fff;letter-spacing:1px;background:linear-gradient(135deg, var(--primary), var(--secondary));justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:700;display:flex}.profile-photo-actions{flex-direction:column;gap:8px;display:flex}.crop-viewport{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;border-radius:8px;margin:0 auto;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-circle{pointer-events:none;border:2px dashed #fff;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 9999px #0000008c}.users-toolbar{flex-wrap:wrap;align-items:stretch;gap:10px}.users-search{background:var(--bg-card);border:1px solid var(--border);min-width:240px;color:var(--text-secondary);border-radius:10px;flex:1;align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.users-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 0;font-size:14px}.users-search input:focus{outline:none}.icon-btn-mini{color:var(--text-muted,var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-btn-mini:hover{background:var(--border);color:var(--text-primary)}.perm-finder-groups{flex-direction:column;gap:14px;max-height:50vh;margin-bottom:14px;padding:4px 4px 4px 0;display:flex;overflow-y:auto}.perm-finder-group-title{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted,var(--text-secondary));align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.perm-finder-chips{flex-wrap:wrap;gap:6px;display:flex}.perm-finder-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:inline-flex}.perm-finder-chip:hover{border-color:var(--primary);color:var(--text-primary)}.perm-finder-chip.selected{border-color:var(--primary);color:var(--primary);background:#c0392b24;font-weight:700}.perm-finder-result{border-top:1px solid var(--border);padding-top:12px}.perm-finder-result-head{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.perm-finder-result-list{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow-y:auto}.perm-finder-user{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.perm-finder-user:hover{border-color:var(--primary);transform:translate(2px)}.perm-finder-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-finder-user-meta{color:var(--text-muted,var(--text-secondary));align-items:center;gap:8px;display:inline-flex}.fechamento-running{background:linear-gradient(135deg,#c0392b14,#2c3e500a);border:1px solid #c0392b40;border-radius:14px;margin-top:14px;padding:14px 18px}.fechamento-running-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.fechamento-progress-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;height:10px;margin-bottom:8px;overflow:hidden}.fechamento-progress-fill{background:linear-gradient(90deg, var(--primary), #ffd27a);border-radius:6px;height:100%;transition:width .6s}.fechamento-progress-meta{color:var(--text-secondary);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.fechamento-progress-meta strong{color:var(--text-primary)}.fechamento-stale-warn{color:#d97706;background:#d977061f;border:1px solid #d977064d;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.fechamento-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:20px}.fechamento-form-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.fechamento-form-body{grid-template-columns:minmax(240px,1fr) minmax(320px,1.4fr);gap:16px;margin-bottom:14px;display:grid}@media (width<=760px){.fechamento-form-body{grid-template-columns:1fr}}.fechamento-field{flex-direction:column;gap:6px;display:flex}.fechamento-field>label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,var(--text-secondary));font-size:11px;font-weight:700}.fechamento-tipo-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fechamento-tipo-card{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;font-family:inherit;transition:all .15s;display:flex}.fechamento-tipo-card:hover{border-color:var(--primary);color:var(--text-primary)}.fechamento-tipo-card.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.fechamento-tipo-title{margin-top:2px;font-size:13px;font-weight:700}.fechamento-tipo-sub{opacity:.7;font-size:10px}.fechamento-date-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.fechamento-date-input{background:var(--bg-card);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;padding:4px 6px 4px 12px;transition:border-color .15s;display:flex}.fechamento-date-input:focus-within{border-color:var(--primary)}.fechamento-date-prefix{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted,var(--text-secondary));font-size:10px;font-weight:700}.fechamento-date-input input[type=date]{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:6px 4px;font-family:inherit;font-size:13px}.fechamento-date-sep{color:var(--text-muted,var(--text-secondary));text-align:center;font-size:14px}@media (width<=480px){.fechamento-date-range{grid-template-columns:1fr}.fechamento-date-sep{display:none}}.fechamento-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.fechamento-actions .btn-primary{justify-content:center;min-width:200px}.fechamento-estimate{background:linear-gradient(135deg,#16a34a12,#16a34a05);border:1px solid #16a34a40;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px;padding:14px 16px;display:grid}.fechamento-estimate-item{color:var(--text-secondary);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.fechamento-estimate-item>svg,.fechamento-estimate-item>.wx-icon,.fechamento-estimate-item>span:first-child:not(.fechamento-estimate-num):not(.fechamento-estimate-label){color:#16a34a}.fechamento-estimate-num{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.fechamento-estimate-label{text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-size:11px}.fechamento-history{flex-direction:column;gap:6px;display:flex}.fechamento-history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.fechamento-history-item.status-running{border-left:3px solid var(--primary)}.fechamento-history-item.status-error{border-left:3px solid #ef4444}.fechamento-history-item.status-canceled{border-left:3px solid var(--text-muted,var(--text-secondary))}.fechamento-history-item.status-done{border-left:3px solid #16a34a}.fechamento-history-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.fechamento-history-meta{margin-top:2px;font-size:11px}.fechamento-history-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fechamento-status{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.fechamento-status-running{color:var(--primary);background:#c0392b24}.fechamento-status-done{color:#16a34a;background:#16a34a24}.fechamento-status-error{color:#ef4444;background:#ef444426}.fechamento-status-canceled{color:#64748b;background:#64748b24}.fechamento-summary-meta{color:var(--text-secondary);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 14px;margin-bottom:10px;font-size:12px;display:grid}.fechamento-summary-meta strong{color:var(--text-primary);font-weight:700}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--primary);background:#c0392b1f;border:1px solid #c0392b47;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip button{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;display:inline-flex}.chip button:hover{color:#ef4444}.multipag-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,1.6fr);gap:20px;margin-top:16px;display:grid}@media (width<=900px){.multipag-grid{grid-template-columns:1fr}}.multipag-subtitle{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:inline-flex}.multipag-config-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.multipag-config-head .multipag-subtitle{margin-bottom:0}.multipag-editing-chip{color:#d97706;text-transform:uppercase;letter-spacing:.5px;background:#d9770624;border:1px solid #d977064d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.multipag-fieldgroup input[disabled],.multipag-fieldgroup input[readonly]{opacity:.75;cursor:not-allowed}.multipag-generator,.multipag-config{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px}.multipag-summary{color:var(--text-primary);background:#16a34a1a;border:1px solid #16a34a4d;border-radius:10px;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.multipag-fieldgroup{margin-bottom:18px}.multipag-fieldgroup-title{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted,var(--text-secondary));border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:12px;font-weight:700}.multipag-fieldgroup-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;display:grid}.reminder-panel{width:460px}.badge-danger{background:#ef4444!important}.reminder-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 24px 10px;display:flex}.reminder-search{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:9px 12px;transition:border-color .2s;display:flex}.reminder-search:focus-within{border-color:var(--primary)}.reminder-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.reminder-search input::placeholder{color:var(--text-muted)}.reminder-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.reminder-search-clear:hover{color:var(--text-primary);background:var(--bg-card-hover)}.reminder-new-btn{flex:none;padding:9px 14px}.reminder-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 24px 12px;display:flex}.reminder-sort-toggle{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:2px;display:inline-flex}.reminder-sort-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.reminder-sort-toggle button:hover{color:var(--text-primary)}.reminder-sort-toggle button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.reminder-toggle-done{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.reminder-toggle-done:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-strong)}.reminder-count-chip{background:var(--bg-card);color:var(--text-muted);text-align:center;border-radius:8px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700}.reminder-priority-row{flex-direction:column;gap:6px;display:flex}.reminder-priority-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.reminder-priority-buttons{flex-wrap:wrap;gap:6px;display:flex}.reminder-priority-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-left-width:3px;border-radius:8px;flex:1;min-width:60px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.reminder-priority-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.reminder-priority-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--primary)}.reminder-priority-btn.priority-urgent{border-left-color:#ef4444}.reminder-priority-btn.priority-high{border-left-color:#f59e0b}.reminder-priority-btn.priority-normal{border-left-color:var(--primary)}.reminder-priority-btn.priority-low{border-left-color:var(--text-muted)}.reminder-attachments-area{flex-direction:column;gap:6px;display:flex}.reminder-attachments-header{justify-content:space-between;align-items:center;display:flex}.reminder-attachments-count{color:var(--text-muted);font-size:11px;font-weight:600}.attachment-list{flex-direction:column;gap:4px;display:flex}.attachment-chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:11px;text-decoration:none;display:inline-flex}.attachment-chip .attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);flex:1;overflow:hidden}.attachment-chip .attachment-size{color:var(--text-muted);flex-shrink:0;font-weight:600}.attachment-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.attachment-remove:hover{color:#ef4444;background:#ef44441f}.attachment-pick-btn{align-self:flex-start;padding:8px 12px;font-size:12px}.attachment-pick-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-hint{color:var(--text-muted);font-size:10px;font-style:italic}.reminder-group{margin-bottom:14px}.reminder-group-header{width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s;display:flex}.reminder-group-header:hover{background:var(--bg-card)}.reminder-group-label{text-align:left;flex:1}.reminder-group-count{background:var(--bg-card);color:var(--text-muted);text-transform:none;letter-spacing:0;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:700}.reminder-group-atrasados .reminder-group-header,.reminder-group-atrasados .reminder-group-count{color:#ef4444}.reminder-group-atrasados .reminder-group-count{background:#ef44441f}.reminder-group-hoje .reminder-group-header{color:var(--primary)}.reminder-group-body{flex-direction:column;gap:8px;display:flex}.reminder-relative{color:var(--text-muted);font-weight:600}.reminder-item-attachments{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.reminder-item-attachments .attachment-chip{cursor:pointer;padding:4px 8px;font-size:10px;transition:all .15s}.reminder-item-attachments .attachment-chip:hover{border-color:var(--primary);color:var(--primary)}.reminder-item-attachments .attachment-chip .attachment-name{max-width:140px}.reminder-recurrence-row{flex-direction:column;gap:8px;display:flex}.reminder-recurrence-types{flex-wrap:wrap;gap:4px;display:flex}.reminder-recurrence-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;flex:1;min-width:0;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.reminder-recurrence-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.reminder-recurrence-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.reminder-recurrence-detail{flex-direction:column;gap:6px;display:flex}.reminder-recurrence-detail-label{color:var(--text-muted);font-size:11px}.reminder-weekday-buttons{gap:4px;display:flex}.reminder-weekday-btn{border:1px solid var(--border);background:var(--bg-input);width:38px;color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:8px;padding:7px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.reminder-weekday-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.reminder-weekday-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.recurrence-num-input{flex:none!important;width:80px!important}.recurrence-badge{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12);color:var(--primary);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.idle-warning-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.3s fadeOverlay;display:flex;position:fixed;inset:0}.idle-warning-modal{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:380px;padding:32px 40px;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.idle-warning-modal h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.idle-warning-modal p{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.idle-warning-modal .btn-primary{padding:12px 32px}.sidebar-search{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 10px;transition:border-color .2s;display:flex}.sidebar-search:focus-within{border-color:var(--primary)}.sidebar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:12px}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.sidebar-search-clear:hover{color:var(--text-primary);background:var(--bg-card-hover)}.sidebar-search-results{flex-direction:column;gap:2px;display:flex}.sidebar-search-item{padding:10px 16px!important}.sidebar-search-empty{text-align:center;color:var(--text-muted);padding:20px 16px;font-size:12px}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeOverlay;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border);width:560px;max-width:95vw;max-height:85vh;box-shadow:var(--shadow-lg);color:var(--text-primary);border-radius:20px;flex-direction:column;animation:.3s scaleIn;display:flex;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;padding:12px 24px;display:flex;overflow-x:auto}.settings-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-tab:hover{background:var(--bg-card);color:var(--text-primary)}.settings-tab.active{background:var(--primary);color:#fff}.settings-body{flex:1;padding:24px;overflow-y:auto}.settings-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px;font-size:14px;font-weight:700}.settings-section h4:not(:first-child){margin-top:28px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.setting-row label{color:var(--text-primary);font-weight:500}.toggle-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.color-picker-wrap{align-items:center;gap:10px;display:flex}.color-picker-wrap input[type=color]{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;width:36px;height:36px;padding:0}.color-picker-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-hex{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:13px}.color-presets{margin-top:20px}.preset-label{color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:500;display:block}.presets-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;font-family:inherit;transition:all .2s;display:flex}.preset-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.preset-colors{gap:4px;display:flex}.preset-colors span{border-radius:6px;width:24px;height:24px}.preset-name{color:var(--text-secondary);font-size:11px;font-weight:500}.range-input{width:200px;accent-color:var(--primary);cursor:pointer}.font-preview{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;margin-top:16px;padding:20px;line-height:1.6}.setting-hint{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.menu-config-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.menu-config-header{background:var(--bg-input);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.menu-config-header span{align-items:center;gap:8px;display:flex}.menu-config-items{padding:8px}.menu-config-item{color:var(--text-primary);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .15s;display:flex}.menu-config-item:hover{background:var(--bg-input)}.menu-config-item span{align-items:center;gap:8px;font-size:13px;display:flex}.move-select{border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px}.menu-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.btn-sm{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.btn-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.perm-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.perm-card code{color:var(--text-muted);background:var(--bg-input);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.toast-container{z-index:300;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);min-width:250px;color:var(--text-primary);border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s toastIn;display:flex}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.topbar-center,.topbar-username{display:none}.sidebar{position:fixed;transform:translate(-100%)}.sidebar:not(.collapsed){box-shadow:var(--shadow-lg);transform:translate(0)}.main-area{margin-left:0!important}.reminder-panel{width:100vw}}@media (width<=480px){.topbar{padding:0 12px}.login-card{margin:16px;padding:32px 24px}}.section-card{max-width:720px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.form-grid .form-field:last-child:nth-child(odd){grid-column:1/-1}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-field input[type=text],.form-field input[type=number],.form-field input[type=file],.form-field input[type=password],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=url],.form-field input[type=search],.form-field input[type=date],.form-field input:not([type]){background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-field input:focus{border-color:var(--primary);outline:none}.password-input-wrap{flex:1;align-items:stretch;width:100%;min-width:0;display:flex;position:relative}.password-input-wrap input{flex:1;width:100%;min-width:0;padding-right:42px!important}.input-group .password-input-wrap input{padding-right:34px!important}.input-group .password-toggle{right:0}.password-toggle{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary);background:color-mix(in srgb, var(--primary) 10%, transparent)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.form-field input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important}.form-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important}.form-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important}.form-field input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);-webkit-background-clip:text;transition:background-color 5000s ease-in-out;box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important}.radio-row{align-items:center;gap:16px;padding:10px 0;display:flex}.radio-row label{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.radio-row input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.form-actions{gap:12px;margin-top:24px;display:flex}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1}.form-msg{border-radius:10px;margin-top:16px;padding:12px 16px;font-size:14px;line-height:1.5}.form-msg-success{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc714d}.form-msg-error{color:#e74c3c;background:#e74c3c1f;border:1px solid #e74c3c4d}.cert-screen{max-width:1400px}.cert-filters{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 18px;display:flex}.cert-filters .seg-group{flex-shrink:0}.cert-filters .inline-search-lg{flex:1;min-width:220px}.cert-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.cert-empty p{margin:12px 0 0;font-size:14px}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.cert-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.cert-card:hover{background:color-mix(in srgb, var(--primary) 4%, var(--bg-card));transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.cert-card.cert-ok,.cert-card.cert-soon{border-left-color:#16a34a}.cert-card.cert-warn{border-left-color:#f59e0b}.cert-card.cert-critical{border-left-color:#ea580c}.cert-card.cert-expired{opacity:.7;border-left-color:#dc2626}.cert-card.cert-renewed{opacity:.7;border-left-color:#6366f1}.cert-card.cert-revoked{opacity:.5;border-left-color:#94a3b8}.cert-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cert-card-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cert-card-title strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.cert-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:10.5px;font-weight:700}.cert-badge-ok,.cert-badge-soon{color:#16a34a;background:#22c55e24}.cert-badge-warn{color:#d97706;background:#f59e0b24}.cert-badge-critical{color:#ea580c;background:#ea580c24}.cert-badge-expired{color:#dc2626;background:#dc262624}.cert-badge-renewed{color:#6366f1;background:#6366f124}.cert-badge-revoked{color:#64748b;background:#94a3b824}.cert-card-body{flex-direction:column;gap:4px;font-size:12.5px;display:flex}.cert-meta-row{justify-content:space-between;gap:8px;display:flex}.cert-meta-row span{color:var(--text-muted)}.cert-meta-cn{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;padding-top:6px;font-size:11px;overflow:hidden}.cert-detail-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.cert-detail-stat{background:color-mix(in srgb, var(--text-muted) 6%, transparent);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cert-detail-stat span{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-size:10px;font-weight:600}.cert-detail-stat b{color:var(--text-primary);font-size:13px}.cert-detail-cn{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.cert-detail-cn small{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-size:10px;font-weight:600}.cert-detail-cn>div{word-break:break-all;font-size:13px}.cert-detail-thumb{background:var(--bg-input);border-radius:4px;padding:4px 6px;font-family:monospace;font-size:10.5px!important}.cert-action-row{background:color-mix(in srgb, var(--primary) 6%, transparent);border:1px dashed color-mix(in srgb, var(--primary) 30%, transparent);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:10px;display:flex}.cert-revealed-box{background:#16a34a0f;border:1px solid #16a34a40;border-radius:8px;margin-top:10px;padding:10px 12px}.cert-reveal-step{background:var(--bg-input);border-radius:8px;margin-top:10px;padding:12px}.cert-reveal-head{align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.cert-notif-checks{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.cert-notif-checks label{cursor:pointer;align-items:center;gap:6px;display:flex}.pwd-gen-card{max-width:520px!important}.pwd-gen-display-card{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--bg-input)), var(--bg-input));border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));border-radius:12px;align-items:center;gap:10px;margin:14px 0 10px;padding:14px 16px;display:flex}.pwd-gen-display-text{letter-spacing:1px;color:var(--text-primary);word-break:break-all;cursor:text;-webkit-user-select:all;user-select:all;flex:1;align-items:center;min-height:28px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;display:flex}.pwd-gen-empty{color:var(--text-muted);letter-spacing:4px;font-weight:400}.pwd-gen-display-actions{flex-shrink:0;gap:4px;display:flex}.pwd-gen-icon-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.pwd-gen-icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, var(--bg-card));border-color:var(--primary);color:var(--primary)}.pwd-gen-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pwd-gen-icon-btn.is-copied{color:#16a34a;background:#22c55e24;border-color:#22c55e66}.pwd-gen-strength-v2{align-items:center;gap:10px;margin-bottom:16px;display:flex}.pwd-gen-strength-segments{flex:1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.pwd-gen-strength-seg{background:var(--border);border-radius:3px;height:6px;transition:background .2s}.pwd-gen-strength-label{text-transform:uppercase;letter-spacing:.4px;text-align:right;min-width:80px;font-size:11px;font-weight:700}.pwd-gen-section{margin-bottom:14px}.pwd-gen-section-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pwd-gen-section-head label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px;font-weight:600}.pwd-gen-length-pill{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary);border-radius:12px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.pwd-gen-slider{appearance:none;background:var(--bg-input);cursor:pointer;border-radius:3px;width:100%;height:6px}.pwd-gen-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:3px solid var(--bg-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary);border-radius:50%;transition:transform .15s}.pwd-gen-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pwd-gen-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:3px solid var(--bg-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary);border-radius:50%}.pwd-gen-slider-marks{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.pwd-gen-toggles{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.pwd-gen-toggle{background:var(--bg-input);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 8px;transition:all .15s;display:flex;position:relative}.pwd-gen-toggle input{display:none}.pwd-gen-toggle.is-on{background:color-mix(in srgb, var(--primary) 8%, var(--bg-input));border-color:var(--primary)}.pwd-gen-toggle:hover{border-color:color-mix(in srgb, var(--primary) 60%, var(--border))}.pwd-gen-toggle-label{color:var(--text-primary);letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.pwd-gen-toggle.is-on .pwd-gen-toggle-label{color:var(--primary)}.pwd-gen-toggle-desc{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px}.pwd-gen-extra-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.pwd-gen-extra-toggle input{width:14px;height:14px;accent-color:var(--primary)}@media (width<=480px){.pwd-gen-display-text{font-size:15px}.pwd-gen-toggles{grid-template-columns:1fr 1fr}}.sec-tool-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}@media (width<=640px){.cert-grid{grid-template-columns:1fr}.cert-filters{flex-direction:column;align-items:stretch}.cert-detail-grid{grid-template-columns:repeat(2,1fr)}}.cliente-preview-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:22px 0 10px;padding-bottom:10px;display:flex}.cliente-preview-head h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.cliente-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cliente-preview-grid input[readonly]{background:var(--bg-input);color:var(--text-muted,#94a3b8);cursor:not-allowed}.cliente-result-box{background:#16a34a14;border:1px solid #16a34a4d;border-radius:12px;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;display:flex}.cliente-result-icon{color:#fff;background:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cliente-result-body h4{color:#16a34a;margin:0 0 4px;font-size:15px;font-weight:700}.cliente-result-body p{color:var(--text-primary);margin:0;font-size:13px}@media (width<=640px){.cliente-result-box{flex-direction:column;align-items:flex-start}}.preview-box{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:16px 20px}.preview-box p{color:var(--text-primary);margin:4px 0;font-size:14px}.preview-list{color:var(--text-secondary);margin:8px 0 0;padding-left:20px;font-size:13px}.preview-list li{padding:2px 0}.online-users-card{max-width:960px}.online-users-filters{flex-direction:column;gap:12px;margin-top:20px;display:flex}.online-users-filters .radio-row{flex-wrap:wrap;gap:20px;display:flex}.online-users-filters .radio-row label{cursor:pointer;color:var(--text-primary);align-items:center;gap:6px;font-size:14px;display:inline-flex}.online-users-table-wrap{border:1px solid var(--border);border-radius:12px;margin-top:20px;overflow-x:auto}.online-users-table{border-collapse:collapse;width:100%;font-size:14px}.online-users-table th,.online-users-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 16px}.online-users-table th{background:var(--bg-input);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.online-users-table tbody tr:last-child td{border-bottom:none}.online-users-table tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, transparent)}.online-empty{color:var(--text-secondary);text-align:center!important;padding:24px!important}.online-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.online-dot.on{background:#2ecc71;box-shadow:0 0 0 3px #2ecc712e}.online-dot.off{background:#95a5a6}.progress-log{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;max-height:340px;margin-top:20px;padding:12px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.6;overflow-y:auto}.upload-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-input);border-radius:14px;margin-top:20px;padding:32px 24px;transition:border-color .2s,background .2s}.upload-drop-zone:hover:not(.disabled){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--bg-input))}.upload-drop-zone.dragging{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-input))}.upload-drop-zone.has-file{border-style:solid;padding:16px 20px}.upload-drop-zone.disabled{opacity:.6;cursor:not-allowed}.upload-drop-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.upload-drop-placeholder svg{opacity:.4}.upload-drop-placeholder span{font-size:14px}.upload-drop-placeholder b{color:var(--primary)}.upload-drop-hint{opacity:.6;font-size:12px}.upload-drop-file{align-items:center;gap:14px;display:flex}.upload-drop-file svg{color:var(--primary);flex-shrink:0}.upload-drop-file-info{text-align:left;flex-direction:column;min-width:0;display:flex}.upload-drop-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.upload-drop-file-size{color:var(--text-muted);font-size:12px}.upload-drop-file .btn-ghost{margin-left:auto;padding:6px}.import-screen .form-actions{margin-top:20px}.import-screen .form-actions .btn-primary{gap:8px}.import-params{flex-wrap:wrap;align-items:flex-end;gap:20px;margin-top:18px;display:flex}.import-params .form-field{flex:none}.import-params .form-field label{align-items:center;gap:5px;display:flex}.import-expected-cols{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:4px;display:flex}.import-expected-label{color:var(--text-muted);margin-right:2px;font-size:12px}.import-col-tag{background:color-mix(in srgb, var(--primary) 12%, var(--bg-input));color:var(--primary);border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.import-preview-cards{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.import-preview-card{background:color-mix(in srgb, var(--primary) 6%, var(--bg-card));border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:12px;flex:140px;align-items:center;gap:12px;padding:14px 18px;display:flex}.import-preview-card svg{color:var(--primary);opacity:.7;flex-shrink:0}.import-preview-val{color:var(--text-primary);font-size:18px;font-weight:700}.import-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.import-progress{align-items:center;gap:10px;margin-top:16px;display:flex}.import-progress-label{color:var(--text-muted);text-align:right;min-width:36px;font-size:12px;font-weight:600}.progress-bar-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #2ecc71));border-radius:10px;height:100%;transition:width .3s}.progress-line{color:var(--text-secondary);padding:2px 0}.progress-info{color:var(--text-secondary)}.progress-progress{color:var(--text-primary)}.progress-error{color:#e74c3c}.progress-end{color:#2ecc71;font-weight:600}.notif-card{max-width:800px}.notif-channels{flex-direction:column;gap:12px;margin-top:20px;display:flex}.notif-channel-card{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.notif-channel-header{align-items:center;gap:14px;display:flex}.notif-channel-icon{background:var(--bg-card);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-channel-icon img{object-fit:contain}.notif-channel-info{flex:1;min-width:0}.notif-channel-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.notif-channel-info p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.notif-status-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.notif-status-badge.active{color:#2ecc71;background:#2ecc711f;border-color:#2ecc714d}.notif-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.notif-telegram-link{margin-top:10px}.notif-link-code{background:var(--bg-card);border:1px dashed var(--primary);border-radius:10px;align-items:center;gap:12px;margin-top:8px;padding:10px 16px;display:flex}.notif-link-code code{color:var(--primary);letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.notif-section-title{color:var(--text-primary);align-items:center;gap:8px;margin:28px 0 12px;font-size:15px;font-weight:700;display:flex}.notif-prefs-table{border:1px solid var(--border);background:var(--bg-input);border-radius:12px;overflow:hidden}.notif-prefs-header{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;grid-template-columns:1fr 56px 56px 56px;padding:10px 16px;font-size:12px;font-weight:600;display:grid}.notif-prefs-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 56px 56px 56px;align-items:center;padding:12px 16px;transition:background .15s;display:grid}.notif-prefs-row:last-child{border-bottom:none}.notif-prefs-row:hover{background:var(--bg-card)}.notif-prefs-type{color:var(--text-secondary);align-items:center;gap:10px;display:flex}.notif-prefs-type div{flex-direction:column;display:flex}.notif-prefs-type strong{color:var(--text-primary);font-size:13px}.notif-prefs-type small{color:var(--text-muted);font-size:11px}.notif-prefs-ch{justify-content:center;align-items:center;display:flex}.notif-toggle{cursor:pointer;justify-content:center;align-items:center;display:flex}.notif-toggle input{display:none}.notif-toggle-track{background:var(--border);border-radius:9px;width:34px;height:18px;transition:background .2s;position:relative}.notif-toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.notif-toggle input:checked+.notif-toggle-track{background:var(--primary)}.notif-toggle input:checked+.notif-toggle-track:after{transform:translate(16px)}.notif-toggle-track.disabled{opacity:.35;cursor:not-allowed}.notif-test-section{flex-direction:column;gap:12px;margin-top:24px;display:flex}.notif-test-wrapper{display:inline-block;position:relative}.notif-test-menu{z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:240px;padding:6px;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.notif-test-option{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.notif-test-option:hover:not(:disabled){background:var(--bg-input)}.notif-test-option:disabled{opacity:.45;cursor:not-allowed}.notif-test-option span{text-align:left;flex:1;font-weight:500}.notif-test-disabled-hint{color:var(--text-muted);white-space:nowrap;font-size:10px}.notif-test-divider{background:var(--border);height:1px;margin:4px 8px}.notif-test-result{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.notif-test-ok{color:#27ae60;background:#2ecc711a;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-weight:500;display:inline-flex}.users-card{max-width:1100px}.users-table-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-top:20px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:13.5px}.users-table thead th{text-align:left;background:var(--bg-input);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);padding:12px 14px;font-size:12px;font-weight:600}.users-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:var(--bg-input)}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.role-admin{color:var(--primary);background:#c0392b26;border:1px solid #c0392b59}.role-user{color:var(--text-secondary);border:1px solid var(--border);background:#64748b26}.perm-chips{flex-wrap:wrap;gap:4px;max-width:240px;display:flex}.perm-chip{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:2px 8px;font-size:11px;display:inline-block}.perm-chip.perm-all{color:#2ecc71;background:#2ecc711f;border-color:#2ecc714d;font-weight:600}.actions-cell{gap:6px;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--primary);border-color:var(--primary)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{color:var(--text-secondary);border-color:var(--border)}.icon-btn-danger:hover{color:#e74c3c;border-color:#e74c3c}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:80px 20px 20px;animation:.18s fadeOverlay;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:640px;max-height:100%;padding:0;animation:.22s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0006}.modal-card.modal-sm{max-width:420px}.modal-card>.modal-header{background:var(--bg-card);z-index:2;margin-bottom:0;padding:22px 32px 14px;position:sticky;top:0}.modal-card>.form-grid,.modal-card>.form-field,.modal-card>.perm-section,.modal-card>p,.modal-card>.form-msg,.modal-card>.section-msg{padding-left:32px;padding-right:32px}.modal-card>.form-grid,.modal-card>.form-field{padding-top:18px}.modal-card>.form-actions{background:var(--bg-card);border-top:1px solid var(--border);z-index:2;margin-top:18px;padding:16px 32px;position:sticky;bottom:0}.modal-body{padding:0 32px 18px}.modal-body>.form-grid:first-child{padding-top:18px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.form-field select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px}.form-field select:focus{border-color:var(--primary);outline:none}.form-field select:disabled{opacity:.5;cursor:not-allowed}.switch-row{color:var(--text-primary);cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.switch-row input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px}.perm-section{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.perm-section h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:700}.muted-hint{color:var(--text-muted);margin:0;font-size:13px;font-style:italic}.perm-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.perm-checkbox{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:border-color .15s;display:flex}.perm-checkbox:hover{border-color:var(--primary)}.perm-checkbox input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:6px 0;font-size:13px;text-decoration:underline}.btn-link:hover{opacity:.8}.twofa-methods{gap:8px;margin-bottom:12px;display:flex}.twofa-method-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;transition:all .15s;display:flex}.twofa-method-btn:hover{border-color:var(--primary)}.twofa-method-btn.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary);font-weight:600}.security-screen{flex-direction:column;gap:16px;max-width:900px;display:flex}.sec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.security-events-list{flex-direction:column;gap:6px;display:flex}.security-event-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.security-event-icon{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.security-event-body{flex:1;min-width:0}.security-event-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.security-event-meta{color:var(--text-muted,var(--text-secondary));margin-top:2px;font-size:11px}.security-event-meta code{background:var(--bg-card);border-radius:3px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:10px}.sec-card h3{color:var(--text-primary);margin:0;font-size:16px}.sec-card-sub{color:var(--text-muted);margin:0;font-size:12px}.sec-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.totp-setup{background:var(--bg-input);border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.totp-qr{background:#fff;border-radius:8px;width:180px;height:180px;padding:8px}.totp-secret{color:var(--text-muted);margin:0;font-size:12px}.perm-groups{flex-direction:column;gap:14px;display:flex}.perm-group{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.perm-group.open{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.perm-group-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.perm-group-toggle{cursor:pointer;width:100%;color:var(--text-muted);background:0 0;border:0;padding:12px 14px;font-family:inherit;transition:background-color .15s}.perm-group-toggle:hover{background:color-mix(in srgb, var(--primary) 6%, transparent);color:var(--text-secondary)}.perm-group.open .perm-group-toggle{color:var(--text-primary)}.perm-group-label{text-align:left;flex:1}.perm-group-count{text-transform:none;letter-spacing:0;background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.perm-group-chevron{color:var(--text-muted);transition:transform .22s}.perm-group.open .perm-group-chevron{transform:rotate(180deg)}.perm-group .perm-grid{padding:0 14px 14px}.profile-chips{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.profile-chip{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.profile-chip:hover{border-color:var(--primary)}.profile-chip.checked{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg-surface))}.profile-chip input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;margin:0}.profile-chip-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.profile-chip-desc{color:var(--text-muted);flex-basis:100%;padding-left:26px;font-size:12px}.perm-grid-custom{gap:6px}.perm-checkbox-custom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.perm-checkbox-custom .perm-label{flex:1}.perm-checkbox-custom.is-denied .perm-label{color:var(--text-muted);text-decoration:line-through}.perm-badge{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.perm-badge-inherited{background:color-mix(in srgb, var(--text-muted) 15%, transparent);color:var(--text-muted);border-color:color-mix(in srgb, var(--text-muted) 25%, transparent)}.perm-badge-allow{background:color-mix(in srgb, var(--success,#22c55e) 18%, transparent);color:var(--success,#22c55e);border-color:color-mix(in srgb, var(--success,#22c55e) 35%, transparent)}.perm-badge-deny{background:color-mix(in srgb, var(--danger,#ef4444) 18%, transparent);color:var(--danger,#ef4444);border-color:color-mix(in srgb, var(--danger,#ef4444) 35%, transparent)}.totp-secret code{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);-webkit-user-select:all;user-select:all;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace}.menu-manager-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.menu-manager-col{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:220px;padding:12px;transition:background .15s,border-color .15s;display:flex}.menu-manager-col.drop-target{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--bg-card))}.menu-manager-col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.menu-manager-col-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;flex:1;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.menu-manager-col-title .input-field{text-transform:none;letter-spacing:0;padding:4px 8px;font-size:13px}.menu-manager-items{flex-direction:column;flex:1;gap:6px;display:flex}.menu-manager-item{border:1px solid var(--border);background:var(--bg-elevated);cursor:grab;color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.menu-manager-item:hover{background:color-mix(in srgb, var(--primary) 6%, var(--bg-elevated));border-color:var(--primary)}.menu-manager-item:active{cursor:grabbing}.menu-manager-item.dragging{opacity:.4;transform:scale(.98)}.menu-manager-item.drop-before{border-top:2px solid var(--primary);margin-top:-1px}.menu-manager-item.drop-after{border-bottom:2px solid var(--primary);margin-bottom:-1px}.menu-manager-item>span:not(.menu-manager-badge){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.menu-manager-badge{background:color-mix(in srgb, var(--primary) 20%, transparent);color:var(--primary);text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.menu-manager-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:6px;padding:16px 8px;font-size:12px}.menu-manager-col.system{background:color-mix(in srgb, var(--text-muted) 6%, var(--bg-card));border-style:dashed}.menu-manager-col.system .menu-manager-col-title span{color:var(--text-muted)}.btn-icon-sm.btn-icon-danger{color:var(--danger,#c0392b)}.btn-icon-sm.btn-icon-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger,#c0392b) 15%, transparent)}.btn-icon-sm:disabled{opacity:.4;cursor:not-allowed}.menu-manager-create{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.menu-manager-icon-picker{flex-wrap:wrap;gap:6px;display:flex}.menu-manager-icon-picker .icon-choice{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.menu-manager-icon-picker .icon-choice:hover{border-color:var(--primary);color:var(--text-primary)}.menu-manager-icon-picker .icon-choice.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 15%, var(--bg-elevated));color:var(--primary)}.pwd-change-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;display:grid}.pwd-change-grid .input-group{flex-direction:column;gap:6px;display:flex}.pwd-change-grid .input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pwd-change-grid .input-group input{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:6px;padding:8px 10px}.login-forgot{align-self:center;margin-top:4px;font-size:13px}.sidebar-item-collapsed{border-radius:8px;justify-content:center;width:44px;margin:2px auto;padding:10px}.sidebar-item-collapsed span{display:none}.sidebar-fav-hint{width:44px;height:44px;color:var(--text-muted);opacity:.5;justify-content:center;align-items:center;margin:2px auto;display:flex}.sidebar-empty-hint{color:var(--text-muted);padding:8px 12px;font-size:11px;font-style:italic;line-height:1.4}.sidebar-item-row{border-radius:8px;align-items:center;gap:2px;transition:background .15s;display:flex}.sidebar-item-row:hover{background:var(--bg-card)}.sidebar-item-row .sidebar-item{background:0 0;flex:1;min-width:0}.sidebar-item-row:hover .sidebar-item{transform:none}.sidebar-item-row.active .sidebar-item{background:var(--primary);color:#fff}.sidebar-fav-btn{width:28px;height:28px;color:var(--text-muted);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;transition:all .15s;display:inline-flex}.sidebar-item-row:hover .sidebar-fav-btn,.sidebar-fav-btn.favorited{opacity:1}.sidebar-fav-btn:hover{background:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary)}.sidebar-fav-btn.favorited{color:#f59e0b}.sidebar-fav-btn.favorited svg{fill:currentColor}.sidebar-favorites{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin:8px 0 4px;padding:8px 0 4px}.sidebar-favorites-head{letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px 6px;font-size:10px;font-weight:700;display:flex}.sidebar-favorites-head svg{color:#f59e0b}.sidebar-fav-row .sidebar-fav-btn{opacity:1}.sidebar-fav-row .sidebar-fav-btn:hover{color:#f59e0b;background:#f59e0b26}.sec-card-tool{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--bg-card)), var(--bg-card));border-left:3px solid var(--primary)}.sec-card-tool .sec-card-head svg{color:var(--primary)}.section-transition{animation:.35s cubic-bezier(.22,.61,.36,1) backwards sectionFadeIn}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.section-transition{animation:none}}.wx-icon{color:currentColor;overflow:visible}.wx-sun .wx-sun-rays{transform-origin:32px 32px;animation:18s linear infinite wxSunSpin}.wx-sun .wx-sun-core{transform-origin:32px 32px;animation:3s ease-in-out infinite wxSunPulse}@keyframes wxSunSpin{to{transform:rotate(360deg)}}@keyframes wxSunPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.08)}}.wx-partly .wx-sun-rays-small{transform-origin:22px 22px;animation:14s linear infinite wxSunSpin}.wx-partly .wx-cloud-drift{animation:5s ease-in-out infinite wxCloudDrift}.wx-cloud .wx-cloud-drift,.wx-rain .wx-cloud-drift,.wx-storm .wx-cloud-drift,.wx-snow .wx-cloud-drift{transform-origin:50%;animation:5s ease-in-out infinite wxCloudDrift}@keyframes wxCloudDrift{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.wx-fog .wx-fog-lines{animation:2.6s ease-in-out infinite wxFogPulse}@keyframes wxFogPulse{0%,to{opacity:.45;transform:translate(0)}50%{opacity:.9;transform:translate(2px)}}.wx-rain .wx-drop{transform-origin:50%;animation:1.2s linear infinite wxDropFall}.wx-rain .wx-drop-1{animation-delay:0s}.wx-rain .wx-drop-2{animation-delay:.4s}.wx-rain .wx-drop-3{animation-delay:.8s}@keyframes wxDropFall{0%{opacity:0;transform:translateY(-4px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(6px)}}.wx-storm .wx-bolt{transform-origin:32px 48px;color:#fbbf24;animation:1.8s ease-in-out infinite wxBoltFlash}@keyframes wxBoltFlash{0%,70%,to{opacity:1;filter:drop-shadow(0 0 #0000)}35%{opacity:.25}50%{opacity:1;filter:drop-shadow(0 0 6px #fbbf24e6)}}.wx-snow .wx-flake{animation:2.4s ease-in-out infinite wxFlakeFall}.wx-snow .wx-flake-1{animation-delay:0s}.wx-snow .wx-flake-2{animation-delay:.8s}.wx-snow .wx-flake-3{animation-delay:1.6s}@keyframes wxFlakeFall{0%{opacity:0;transform:translateY(-4px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.wx-icon *{animation:none!important}}.wx-sun,.wx-partly{color:#f59e0b}.wx-cloud,.wx-fog{color:var(--text-muted)}.wx-rain{color:#3b82f6}.wx-storm{color:#6366f1}.wx-snow{color:#60a5fa}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 0%, color-mix(in srgb, var(--border) 80%, transparent) 50%, color-mix(in srgb, var(--border) 40%, transparent) 100%);vertical-align:middle;background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeletonShimmer;display:inline-block}.skeleton-block{display:block}.skeleton-line{border-radius:4px;width:100%;height:14px}.skeleton-pill{border-radius:999px;width:60px;height:20px}.skeleton-circle{border-radius:50%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row td{padding:14px 12px!important}.skeleton-stack{flex-direction:column;gap:10px;margin-top:20px;display:flex}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.dashboard-card{max-width:1400px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-header-left{flex-direction:column;gap:2px;min-width:0;display:flex}.dashboard-dynamic-title{color:var(--text-muted);letter-spacing:.2px;margin:0;font-size:14px;font-weight:400}.dashboard-actions{align-items:center;gap:8px;display:flex}.dashboard-updated{color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.btn-ghost:hover:not(:disabled){color:var(--primary);border-color:var(--primary);background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .08)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.spin{animation:1s linear infinite spinAround}@keyframes spinAround{to{transform:rotate(360deg)}}.dashboard-filter-toggle{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-secondary);border-radius:12px;justify-content:space-between;align-items:center;margin:16px 0 4px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dashboard-filter-toggle:hover{border-color:var(--primary);color:var(--text-primary)}.dashboard-filter-toggle-left{align-items:center;gap:8px;display:flex}.dashboard-filter-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.filter-chevron{transition:transform .3s}.filter-chevron.open{transform:rotate(180deg)}.dashboard-filters-collapsible{opacity:0;max-height:0;transition:max-height .35s,opacity .25s,overflow 0s .35s;overflow:hidden}.dashboard-filters-collapsible.open{opacity:1;max-height:400px;transition:max-height .35s,opacity .25s,overflow;overflow:visible}.dashboard-filters{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:8px 0;padding:16px;display:grid}.seg-group{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .3)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0 22px;display:grid}.kpi-card{--kpi-accent:var(--primary);background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--kpi-accent), color-mix(in srgb, var(--kpi-accent) 60%, white));height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:color-mix(in srgb, var(--kpi-accent) 40%, var(--border));box-shadow:0 6px 20px color-mix(in srgb, var(--kpi-accent) 10%, transparent);transform:translateY(-2px)}.kpi-icon-wrap{background:color-mix(in srgb, var(--kpi-accent) 12%, var(--bg-input));width:36px;height:36px;color:var(--kpi-accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:600}.kpi-value{color:var(--text-primary);margin-top:2px;font-size:26px;font-weight:700;line-height:1.1}.kpi-sub{color:var(--text-muted);font-size:11px}.tabs-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.dashboard-tab{flex-direction:column;gap:18px;display:flex}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px}.kpi-hero{color:#fff;background:linear-gradient(135deg,#c0392b 0%,#7e1d14 60%,#2c3e50 120%);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:14px;padding:22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 32px #00000040}.kpi-hero:before{content:"";pointer-events:none;background:radial-gradient(at 100% 0,#ffffff24,#0000 60%),radial-gradient(at 0 100%,#0000004d,#0000 60%);position:absolute;inset:0}.kpi-hero-left{z-index:1;position:relative}.kpi-hero-right{z-index:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.kpi-hero-label{letter-spacing:.4px;opacity:.9;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.kpi-hero-value{letter-spacing:-1px;margin:4px 0 8px;font-size:38px;font-weight:800;line-height:1.05}.kpi-hero-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kpi-hero-ctx{opacity:.85;font-size:12px}.kpi-insights{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.kpi-insight{border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.kpi-insight-warn{color:#d97706;background:#d977061f;border-color:#d9770652}.kpi-insight-good{color:#16a34a;background:#16a34a1a;border-color:#16a34a47}.kpi-insight-info{color:#3b82f6;background:#3b82f61a;border-color:#3b82f647}.kpi-insight-wrap{flex-direction:column;display:flex}.kpi-insight.clickable{cursor:pointer;transition:filter .15s}.kpi-insight.clickable:hover{filter:brightness(1.05)}.kpi-insight-toggle{opacity:.7;margin-left:auto;display:inline-flex}.kpi-insight-detail{background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-top:-4px;padding:10px 14px 12px;animation:.2s insightSlideDown}@keyframes insightSlideDown{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:600px;transform:translateY(0)}}.insight-table{border-collapse:collapse;width:100%;font-size:12px}.insight-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted,var(--text-secondary));border-bottom:1px solid var(--border);padding:4px 8px;font-size:10px;font-weight:700}.insight-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:6px 8px}.insight-table tr:last-child td{border-bottom:none}.insight-table td.num,.insight-table th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.tab-btn .tab-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.tab-btn.active .tab-badge{background:#ffffff40}.anomaly-card{margin-bottom:14px}.anomaly-desc{color:var(--text-secondary);margin:-4px 0 14px;font-size:12px;line-height:1.4}.anomaly-desc strong{color:var(--text-primary)}.anomaly-desc em{color:var(--text-muted,var(--text-secondary));opacity:.85;font-style:italic}.anomaly-count{color:#ef4444;background:#ef444426;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.anomaly-tag{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.anomaly-tag-cheap{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f64d}.anomaly-tag-expensive{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.anomaly-footer{color:var(--text-muted,var(--text-secondary));text-align:center;border-top:1px solid var(--border);padding:8px 12px;font-size:11px;font-style:italic}.news-widget-wrap{position:relative}.news-widget{min-width:180px}.news-icon{color:var(--primary)}.news-temp{font-size:15px!important}.news-city{font-size:11px!important}.news-widget-badge{color:#fff;background:#ef4444;border-radius:999px;align-items:center;gap:2px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.news-widget-cat{color:var(--cat-color);background:color-mix(in srgb, var(--cat-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 28%, transparent);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.news-popover{background:var(--bg-secondary);border:1px solid var(--border);z-index:300;border-radius:14px;flex-direction:column;width:420px;max-width:92vw;max-height:520px;animation:.15s popoverIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #00000052}.news-popover-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.news-popover-head h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:inline-flex}.news-empty{text-align:center;color:var(--text-muted,var(--text-secondary));padding:24px 16px;font-size:12px;font-style:italic}.news-list{scrollbar-width:thin;flex-direction:column;gap:4px;padding:6px;display:flex;overflow-y:auto}.news-list::-webkit-scrollbar{width:6px}.news-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.news-item{color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:40px 1fr auto;gap:10px;padding:10px 12px;text-decoration:none;transition:background .12s,border-color .12s;display:grid;position:relative}.news-item:hover{background:var(--bg-card);border-color:var(--border)}.news-item.is-new{background:#c0392b0f}.news-item.is-new:before{content:"";background:var(--primary);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:-2px}.news-item-thumb{background:color-mix(in srgb, var(--cat-color) 12%, transparent);width:40px;height:40px;color:var(--cat-color);border:1px solid color-mix(in srgb, var(--cat-color) 25%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.news-item-thumb img{object-fit:contain;border-radius:6px;width:28px;height:28px}.news-item-body{min-width:0}.news-item-head{color:var(--text-muted,var(--text-secondary));flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;font-size:10px;display:flex}.news-item-cat{background:color-mix(in srgb, var(--cat-color) 15%, transparent);color:var(--cat-color);border:1px solid color-mix(in srgb, var(--cat-color) 30%, transparent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.news-item-source{font-weight:600}.news-item-time{opacity:.85;margin-left:auto}.news-item-title{color:var(--text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.news-item-ext{color:var(--text-muted,var(--text-secondary));opacity:0;grid-area:2/2;align-self:end;transition:opacity .12s}.news-item:hover .news-item-ext{opacity:1;color:var(--primary)}.news-popover-footer{border-top:1px solid var(--border);color:var(--text-muted,var(--text-secondary));text-align:center;padding:8px 16px;font-size:10px;font-style:italic}.dash-section-head{cursor:pointer;width:100%;color:var(--text-secondary);letter-spacing:.6px;text-transform:uppercase;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s;display:flex}.dash-section-head:hover{background:var(--bg-secondary)}.dash-section-count{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.dash-section-toggle{color:var(--text-muted,var(--text-secondary));margin-left:auto;transition:transform .15s;display:inline-flex}.collapsible.is-collapsed{padding-bottom:0!important}.collapsible .dash-section-head:focus{outline:none}.kpi-insights-wrap{background:0 0;border-radius:12px;margin-bottom:14px;overflow:hidden}.kpi-insights-wrap .kpi-insights{margin-bottom:0;padding:0 4px 6px}.dash-news{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden}.dash-news.collapsible{padding:0}.dash-news.collapsible .dash-section-head{border-bottom:1px solid var(--border)}.dash-news.is-collapsed .dash-section-head{border-bottom:none}.dash-news-head{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted,var(--text-secondary));align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:inline-flex}.dash-news-list{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.dash-news-item{color:inherit;border:1px solid #0000;border-radius:8px;grid-template-columns:32px auto 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:12px;text-decoration:none;transition:background .12s,border-color .12s;display:grid}.dash-news-item:hover{background:var(--bg-secondary);border-color:var(--border)}.dash-news-thumb{background:color-mix(in srgb, var(--cat-color) 12%, transparent);width:32px;height:32px;color:var(--cat-color);border:1px solid color-mix(in srgb, var(--cat-color) 25%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.dash-news-thumb img{object-fit:contain;border-radius:4px;width:22px;height:22px}.dash-news-cat{background:color-mix(in srgb, var(--cat-color) 15%, transparent);color:var(--cat-color);border:1px solid color-mix(in srgb, var(--cat-color) 30%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.dash-news-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.3;overflow:hidden}.dash-news-time{color:var(--text-muted,var(--text-secondary));white-space:nowrap;font-size:10px}.dash-news-item>svg:last-child{color:var(--text-muted,var(--text-secondary))}.dash-news-item:hover>svg:last-child{color:var(--primary)}.kpi-grid-v2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kpi-grid-secondary{margin-top:16px;margin-bottom:16px}.kpi-grid-secondary .kpi-card-v2{padding:14px 16px}.vehicles-ranking-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;margin-bottom:16px;display:grid}.vehicles-ranking-grid .chart-card{margin:0}@media (width<=720px){.vehicles-ranking-grid{grid-template-columns:1fr;gap:12px}}.op-delta-pill{background:var(--surface-2,#94a3b824);color:var(--text-muted,#94a3b8);vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-block}.op-delta-pill.pill-up{color:#16a34a;background:#22c55e24}.op-delta-pill.pill-down{color:#dc2626;background:#ef444424}.tab-count{background:var(--surface-2,#94a3b829);min-width:18px;height:18px;color:var(--text-muted,#94a3b8);border-radius:9px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.tab-btn.active .tab-count{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary)}.chart-ann-prev{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.chart-ann-dash{background:repeating-linear-gradient(to right, var(--text-muted,#94a3b8) 0 5px, transparent 5px 9px);width:22px;height:2px;display:inline-block}.period-compare{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:14px 16px}.period-compare-head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.period-compare-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.period-compare-pill{background:var(--surface-2,#94a3b80f);border-left:3px solid var(--border);border-radius:8px;padding:10px 12px;transition:all .2s}.period-compare-pill.period-compare-up{background:#22c55e0f;border-left-color:#16a34a}.period-compare-pill.period-compare-down{background:#ef44440f;border-left-color:#dc2626}.period-compare-pill.period-compare-neutral{border-left-color:#94a3b8}.period-compare-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.period-compare-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.15}.period-compare-meta{justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.period-compare-prev{color:var(--text-muted,#94a3b8)}.period-compare-delta{font-weight:700}.period-compare-up .period-compare-delta{color:#16a34a}.period-compare-down .period-compare-delta{color:#dc2626}.period-compare-neutral .period-compare-delta{color:#94a3b8}.data-table-compact th,.data-table-compact td{padding:7px 10px;font-size:12.5px}.data-table-compact th{text-transform:uppercase;letter-spacing:.3px;font-size:11px}.td-muted{color:var(--text-muted,#94a3b8);font-size:12px}.row-clickable{cursor:pointer;transition:background .15s}.row-clickable:hover{background:color-mix(in srgb, var(--primary) 6%, transparent)}.chart-card-modern{border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.chart-card-modern .chart-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-2,#f8fafc) 50%, transparent);padding:14px 18px}.chart-card-modern .table-wrap{-webkit-overflow-scrolling:touch;max-height:600px;overflow:auto}.data-table-modern{border-collapse:separate;border-spacing:0;width:100%}.data-table-modern thead th{z-index:2;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#94a3b8);background:color-mix(in srgb, var(--surface) 96%, var(--border));border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}.data-table-modern thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.data-table-modern thead th.sortable:hover{color:var(--text-primary);background:color-mix(in srgb, var(--primary) 5%, var(--surface))}.data-table-modern tbody td{color:var(--text-primary);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);vertical-align:middle;padding:11px 14px;font-size:13px}.data-table-modern tbody tr:last-child td{border-bottom:none}.data-table-modern tbody tr{transition:background .12s}.data-table-modern tbody tr:hover{background:color-mix(in srgb, var(--primary) 4%, transparent)}.data-table-modern tbody tr.row-clickable{cursor:pointer}.data-table-modern tbody tr.row-clickable:active{background:color-mix(in srgb, var(--primary) 10%, transparent)}.data-table-modern tbody td.num{font-variant-numeric:tabular-nums}.data-table-modern tbody td b{color:var(--text-primary);font-weight:600}.data-table-modern tbody td.td-muted{color:var(--text-muted,#94a3b8);font-size:12.5px}.data-table-modern.data-table-compact thead th{padding:9px 12px}.data-table-modern.data-table-compact tbody td{padding:9px 12px;font-size:12.5px}@media (width<=640px){.data-table-modern thead th,.data-table-modern tbody td{padding:8px 10px;font-size:12px}}.inline-search-lg{min-width:280px;padding:7px 12px;font-size:13px}@media (width<=640px){.inline-search-lg{min-width:160px}}.modal-dialog{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:100%;animation:.22s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.modal-dialog .modal-head{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;align-items:center;gap:10px;padding:18px 24px;display:flex}.modal-dialog .modal-head h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:700;overflow:hidden}.modal-dialog .modal-close{cursor:pointer;color:var(--text-muted,#94a3b8);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .12s,color .12s;display:flex}.modal-dialog .modal-close:hover{background:color-mix(in srgb, var(--text-muted) 12%, transparent);color:var(--text-primary)}.modal-dialog .modal-body{background:var(--bg-card);flex:auto;min-height:0;padding:20px 24px 22px;overflow-y:auto}.modal-dialog-lg{width:95vw;max-width:1050px;max-height:90vh}.data-updates-card{max-width:1400px}.du-sources-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin:16px 0 0;display:grid}.du-source-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .2s;display:flex}.du-source-card.is-running{border-left-color:#3498db}.du-source-card.is-failed{border-left-color:#dc2626}.du-source-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.du-source-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.du-source-title strong{color:var(--text-primary)}.du-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.du-toggle input{opacity:0;width:0;height:0}.du-toggle-track{cursor:pointer;background:var(--border);border-radius:22px;transition:background .2s;position:absolute;inset:0}.du-toggle-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.du-toggle input:checked+.du-toggle-track{background:#16a34a}.du-toggle input:checked+.du-toggle-track:before{transform:translate(18px)}.du-source-stats{grid-template-columns:1fr 1fr;gap:8px 14px;font-size:12px;display:grid}.du-stat{flex-direction:column;gap:2px;display:flex}.du-stat span{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);font-size:10px;font-weight:600}.du-stat b{color:var(--text-primary);font-size:13px}.du-stat-fail{color:#dc2626;font-size:11px;font-weight:500}.du-source-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.du-source-actions .btn-primary,.du-source-actions .btn-ghost{padding:5px 10px;font-size:12px}.du-interval-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px}.du-error-box{color:#b91c1c;background:#dc262614;border:1px solid #dc262640;border-radius:6px;align-items:flex-start;gap:6px;padding:6px 10px;font-size:11.5px;line-height:1.4;display:flex}.kpi-meta-bar-fill.meta-ok{background:linear-gradient(90deg,#16a34a,#22c55e)}.kpi-meta-pct.meta-ok{color:#16a34a;font-weight:700}.dashboard-updated.is-stale{color:#f59e0b;border-color:#f59e0b}:-webkit-any(.dashboard-card:fullscreen,.dashboard-card:-webkit-full-screen){background:var(--bg-primary);color:var(--text-primary);width:100vw;max-width:none;height:100vh;padding:max(24px, env(safe-area-inset-top,0)) max(20px, env(safe-area-inset-right,0), calc((100vw - 1400px) / 2)) max(24px, env(safe-area-inset-bottom,0)) max(20px, env(safe-area-inset-left,0), calc((100vw - 1400px) / 2));border:none;border-radius:0;margin:0;overflow:hidden auto}:is(.dashboard-card:fullscreen,.dashboard-card:fullscreen){background:var(--bg-primary);color:var(--text-primary);width:100vw;max-width:none;height:100vh;padding:max(24px, env(safe-area-inset-top,0)) max(20px, env(safe-area-inset-right,0), calc((100vw - 1400px) / 2)) max(24px, env(safe-area-inset-bottom,0)) max(20px, env(safe-area-inset-left,0), calc((100vw - 1400px) / 2));border:none;border-radius:0;margin:0;overflow:hidden auto}.dashboard-card:fullscreen::backdrop{background:var(--bg-primary)}.dashboard-card:-webkit-full-screen::backdrop{background:var(--bg-primary)}.dashboard-card:fullscreen::backdrop{background:var(--bg-primary)}:-webkit-any(.dashboard-card:fullscreen .modal-overlay,.dashboard-card:-webkit-full-screen .modal-overlay){z-index:10001}:is(.dashboard-card:fullscreen .modal-overlay,.dashboard-card:fullscreen .modal-overlay){z-index:10001}.modal-dialog-lg .modal-body .table-wrap{max-height:none;overflow-x:auto}.modal-search-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-search-row .inline-search{flex:1;min-width:0;padding:7px 12px;font-size:13px}.modal-search-row .search-count{color:var(--text-muted,#94a3b8);white-space:nowrap;font-size:12px}.detail-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.detail-stat{background:var(--surface-2,#94a3b814);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.detail-stat span{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted,#94a3b8);font-size:10.5px;font-weight:600}.detail-stat b{color:var(--text-primary);font-size:15px;font-weight:700}.detail-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin:8px 0 10px;font-size:13px;font-weight:600}.op-share-bar-wrap{background:var(--surface-2,#94a3b81f);border-radius:4px;justify-content:flex-end;align-items:center;width:110px;height:18px;display:inline-flex;position:relative;overflow:hidden}.op-share-bar{background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 60%, transparent));border-radius:4px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.op-share-label{z-index:1;color:var(--text-primary);mix-blend-mode:difference;filter:invert();padding-right:6px;font-size:11px;font-weight:600;position:relative}.kpi-card-v2{grid-template-columns:1fr;gap:4px;padding:16px 18px;display:grid;position:relative}.kpi-card-v2 .kpi-card-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.kpi-card-v2 .kpi-card-head .kpi-label{flex:1;font-size:12px}.kpi-card-v2 .kpi-value{color:var(--text-primary);font-size:26px;font-weight:800;line-height:1.1}.kpi-card-v2 .kpi-sub{color:var(--text-muted,var(--text-secondary));font-size:11px}.kpi-spark{margin-top:6px}.kpi-spark .spark-svg{width:100%;height:36px;display:block}.trend-badge{letter-spacing:.2px;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.trend-up-good{color:#16a34a;background:#16a34a26}.trend-up-bad{color:#ef4444;background:#ef444426}.trend-neutral{background:var(--border);color:var(--text-muted,var(--text-secondary))}.chart-annotations{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.chart-ann{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.chart-ann small{opacity:.75;margin-left:2px;font-weight:500}.chart-ann-up{color:#ef4444;background:#ef444421}.chart-ann-down{color:#16a34a;background:#16a34a1f}.fuel-donut-wrap{grid-template-columns:minmax(200px,280px) 1fr;align-items:center;gap:18px;display:grid}@media (width<=740px){.fuel-donut-wrap{grid-template-columns:1fr}}.fuel-donut-chart{position:relative}.fuel-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fuel-donut-value{color:var(--text-primary);font-size:16px;font-weight:800}.fuel-donut-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted,var(--text-secondary));font-size:10px}.fuel-donut-legend{flex-direction:column;gap:6px;display:flex}.fuel-legend-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:grid}.fuel-legend-dot{border-radius:50%;width:10px;height:10px}.fuel-legend-name{color:var(--text-primary);text-transform:capitalize;font-weight:600}.fuel-legend-qty{color:var(--text-secondary);font-variant-numeric:tabular-nums}.fuel-legend-pct{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800}@media (width<=720px){.kpi-hero{grid-template-columns:1fr;padding:18px 20px}.kpi-hero-right{justify-content:flex-start}.kpi-hero-value{font-size:30px}}.kpi-meta-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:10px;max-width:480px;margin-top:12px;padding:10px 12px}.kpi-meta-bar-head{color:#ffffffe6;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.kpi-meta-pct{font-weight:800}.kpi-meta-bar-track{background:#ffffff2e;border-radius:4px;height:8px;overflow:hidden}.kpi-meta-bar-fill{background:linear-gradient(90deg,#ffd27a,#7ee787);border-radius:4px;height:100%;transition:width .4s}.kpi-hero-forecast{opacity:.92;align-items:center;gap:6px;font-size:12px;display:inline-flex}.kpi-hero-forecast b{font-weight:800}.kpi-spark-placeholder{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--kpi-accent) 20%, transparent), transparent);opacity:.35;border-radius:6px;height:36px}.pareto-tag{color:#16a34a;background:#16a34a24;border:1px solid #16a34a4d;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:700}.chart-subtitle{color:var(--text-secondary);margin:-6px 0 12px;font-size:12px;line-height:1.5}.chart-subtitle strong{color:var(--text-primary)}.chart-subtitle em{opacity:.85;font-style:italic}.recharts-default-tooltip,.rc-tooltip-solid .recharts-default-tooltip,.rc-tooltip-solid{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:10px 12px!important;font-size:12px!important;box-shadow:0 12px 28px #00000038!important}.recharts-tooltip-label,.rc-tooltip-solid .recharts-tooltip-label{color:var(--text-primary)!important;margin-bottom:4px!important;font-size:12px!important;font-weight:700!important}.recharts-tooltip-item{color:var(--text-secondary)!important;font-size:12px!important;line-height:1.5!important}.recharts-tooltip-item-name,.recharts-tooltip-item-separator{color:var(--text-muted,var(--text-secondary))!important}.recharts-tooltip-item-value{color:var(--text-primary)!important;font-weight:700!important}.chart-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chart-head h3,.chart-head h4{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:600}.chart-toggle{align-items:center;gap:6px;display:inline-flex}.chart-body{margin-top:4px}.chart-empty{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:13px}.chart-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:13px;display:flex}.kpi-card.kpi-loading{pointer-events:none}.kpi-card.kpi-loading .kpi-sub,.kpi-card.kpi-loading .kpi-label{opacity:.6}.kpi-skeleton{background:linear-gradient(90deg, var(--bg-input) 0%, var(--bg-card-hover) 50%, var(--bg-input) 100%);background-size:200% 100%;border-radius:6px;width:70%;height:32px;margin-top:4px;animation:1.4s ease-in-out infinite kpiShimmer;display:block}@keyframes kpiShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-error{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.inline-search{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;min-width:220px;padding:6px 10px;font-family:inherit;font-size:12px}.inline-search:focus{border-color:var(--primary);outline:none}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12.5px}.data-table thead th{background:var(--bg-input);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th.sortable:hover{color:var(--primary)}.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:9px 12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table .table-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:28px!important}.muted{color:var(--text-secondary);font-size:12px}.br-map-wrap{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.br-map-svg{width:100%;max-width:620px;height:auto;display:block}.br-map-state{cursor:pointer;transition:filter .15s,stroke-width .15s}.br-map-state:hover{filter:brightness(1.15)drop-shadow(0 2px 6px #0000004d);stroke-width:2.5px;stroke:var(--primary)}.br-map-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.br-map-legend-label{font-weight:600}.br-map-legend-bar{border:1px solid var(--border);background:linear-gradient(90deg,#2bca2b,#caca2b,#ca2b2b);border-radius:5px;width:200px;height:10px}.br-map-legend-range{color:var(--text-secondary);border-left:1px solid var(--border);margin-left:4px;padding-left:12px;font-size:11px}.br-map-tip{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-primary);pointer-events:none;z-index:1000;border-radius:10px;min-width:180px;padding:10px 12px;font-size:12px;position:fixed;box-shadow:0 8px 24px #00000059}.br-map-tip strong{color:var(--primary);margin-bottom:6px;font-size:13px;display:block}.br-map-tip .muted{font-size:11px;font-style:italic}.br-map-label{fill:#1a1d2b;stroke:#fff;stroke-width:2.5px;paint-order:stroke fill;letter-spacing:.3px;-webkit-user-select:none;user-select:none;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:700}.multi-select{position:relative}.multi-select-trigger{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.multi-select-trigger:hover{border-color:var(--border-strong)}.multi-select-trigger:focus{border-color:var(--primary);outline:none}.multi-select-backdrop{z-index:30;position:fixed;inset:0}.multi-select-menu{background:var(--bg-card);border:1px solid var(--border-strong);z-index:40;border-radius:10px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.multi-select-actions{border-bottom:1px solid var(--border);gap:4px;padding:6px;display:flex}.multi-select-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:600}.multi-select-action:hover{background:var(--bg-input);color:var(--primary)}.multi-select-list{padding:4px;overflow-y:auto}.multi-select-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.multi-select-item:hover{background:var(--bg-input)}.multi-select-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.multi-select-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12px}.fat-kpi-grid{grid-template-columns:1.5fr 1fr 1fr}.fat-kpi-main{grid-row:span 1}.fat-kpi-big{font-size:28px!important}.fat-var{border-radius:6px;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.fat-var.positive{color:#27ae60;background:#2ecc711f}.fat-var.negative{color:#e74c3c;background:#e74c3c1f}.fat-forecast{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fat-forecast-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:11px}.fat-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fat-chart-half{min-width:0}.fat-veiculos-scroll{max-height:500px;overflow-y:auto}.text-positive{color:#27ae60}.text-negative{color:#e74c3c}@media (width<=768px){.section-card{border-radius:14px;min-width:0;max-width:100%;padding:18px;overflow-x:hidden}.dashboard-card{min-width:0;max-width:100%}.section-header h2{font-size:18px}.section-desc{margin-bottom:14px;font-size:13px}.form-grid{grid-template-columns:1fr;gap:12px}.form-actions{flex-wrap:wrap;gap:8px}.form-actions .btn-primary,.form-actions .btn-secondary{flex:auto;justify-content:center;min-width:0}.btn-ghost{padding:5px 8px}.home-greeting{border-radius:14px;padding:24px}.home-greeting h2{font-size:22px}.home-greeting p{font-size:14px}.home-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-number{font-size:22px}.stat-label{font-size:12px}.users-card{max-width:100%}.users-table-wrap{background:0 0;border:none;overflow:visible}.users-table{display:block}.users-table thead{display:none}.users-table tbody{flex-direction:column;gap:10px;display:flex}.users-table tbody tr{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.users-table tbody tr:hover{background:var(--bg-card)}.users-table tbody td{border-bottom:none;justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.users-table tbody td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);letter-spacing:.3px;flex-shrink:0;margin-right:12px;font-size:11px;font-weight:600}.users-table tbody td:last-child{justify-content:flex-end;padding-top:6px}.perm-chips{justify-content:flex-end;max-width:none}.actions-cell{justify-content:flex-end!important}.online-users-card{max-width:100%}.online-users-table-wrap{overflow-x:auto}.online-users-table{font-size:12px}.online-users-table th,.online-users-table td{white-space:nowrap;padding:8px 10px}.modal-card{border-radius:16px 16px 0 0;max-width:100%;max-height:90vh;animation:.25s slideUpModal}.modal-card>.modal-header{padding:16px 18px 12px}.modal-card>.form-grid,.modal-card>.form-field,.modal-card>.perm-section,.modal-card>p,.modal-card>.form-msg,.modal-card>.section-msg{padding-left:18px;padding-right:18px}.modal-card>.form-actions{padding:12px 18px}.modal-body{padding:0 18px 14px}.modal-header h3{font-size:16px}.perm-grid{grid-template-columns:1fr}.perm-checkbox{padding:8px 12px;font-size:12px}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.settings-panel{border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:90vh}.settings-header{padding:14px 16px}.settings-tabs{padding:0 12px}.settings-tab{padding:8px 10px;font-size:12px}.settings-body{padding:14px 16px}.setting-row{flex-direction:column;align-items:flex-start;gap:6px}.upload-drop-zone{padding:20px 16px}.upload-drop-placeholder span{font-size:13px}.import-params{flex-direction:column;gap:12px}.import-params .form-field{flex:100%;width:100%}.import-expected-cols{gap:4px}.import-col-tag{padding:2px 6px;font-size:10px}.import-preview-cards{gap:8px}.import-preview-card{flex:100%;padding:10px 14px}.import-preview-val{font-size:16px}.progress-log{max-height:240px;padding:10px 12px;font-size:11px}.twofa-methods{flex-direction:column}.multi-select-menu{z-index:1000;border-radius:16px 16px 0 0;max-height:55vh;animation:.25s slideUpMenu;position:fixed;inset:auto 0 0;box-shadow:0 -8px 32px #00000040}.multi-select-backdrop{z-index:999;background:#00000059;position:fixed}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dashboard-card{padding:14px!important}.dashboard-header{flex-direction:column;gap:10px}.dashboard-header-left{width:100%}.dashboard-header-left .section-header h2{font-size:18px}.dashboard-dynamic-title{font-size:12px}.dashboard-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.dashboard-updated{padding:4px 8px;font-size:11px}.dashboard-filter-toggle{margin:10px 0 4px;padding:8px 12px;font-size:12px}.dashboard-filters{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 16px}.kpi-card{padding:14px}.kpi-icon-wrap{border-radius:8px;width:30px;height:30px;margin-bottom:4px}.kpi-icon-wrap svg{width:14px;height:14px}.kpi-label{letter-spacing:.3px;font-size:10px}.kpi-value{font-size:20px}.kpi-sub{font-size:10px}.tabs-bar{-webkit-overflow-scrolling:touch;gap:0;margin-bottom:14px}.tab-btn{white-space:nowrap;padding:8px 10px;font-size:12px}.chart-card{padding:14px}.chart-head h3{font-size:13px}.chart-empty{padding:24px 12px;font-size:12px}.chart-loading{padding:30px 12px;font-size:12px}.table-wrap{font-size:12px}.data-table thead th{padding:8px 10px;font-size:10px}.data-table tbody td{padding:7px 10px}.seg-btn{padding:5px 8px;font-size:11px}.perm-groups{gap:10px}.perm-group{padding:12px}.fat-kpi-grid{grid-template-columns:1fr}.fat-kpi-big{font-size:22px!important}.fat-split{grid-template-columns:1fr}.notif-channel-card{padding:12px 14px}.notif-channel-icon{width:34px;height:34px}.notif-channel-header{gap:10px}.notif-prefs-header,.notif-prefs-row{grid-template-columns:1fr 44px 44px 44px;padding:10px 12px}.notif-prefs-type strong{font-size:12px}.notif-prefs-type small{display:none}.notif-toggle-track{width:30px;height:16px}.notif-toggle-track:after{width:12px;height:12px}.notif-toggle input:checked+.notif-toggle-track:after{transform:translate(14px)}.notif-link-code code{font-size:16px}.dashboard-filters .form-field .seg-group{width:100%}.dashboard-filters .form-field .seg-group .seg-btn{flex:1;justify-content:center}.dashboard-filters .form-field input[type=date]{width:100%;padding:10px 12px;font-size:14px}.kpi-hero{grid-template-columns:1fr;gap:12px;min-width:0;padding:18px}.kpi-hero-left{min-width:0}.kpi-hero-right{justify-content:flex-start;min-width:0;margin-top:4px;overflow:hidden}.kpi-hero-right svg{height:auto;width:100%!important;max-width:100%!important}.kpi-hero-value{word-break:break-all;font-size:28px}.kpi-hero-label{font-size:11px}.kpi-hero-meta{flex-wrap:wrap;gap:6px}.kpi-hero-ctx{width:100%;font-size:11px;display:block}.kpi-grid-v2{grid-template-columns:1fr;gap:10px}.kpi-grid-secondary{margin-top:10px;margin-bottom:10px}.kpi-card-v2{min-width:0;padding:12px 14px;overflow:hidden}.kpi-card-v2 .kpi-value{word-break:break-all;font-size:22px}.kpi-card-v2 .kpi-spark svg,.kpi-card svg{height:auto;width:100%!important;max-width:100%!important}.dash-news-item{grid-template-columns:32px 1fr auto;gap:8px;font-size:11.5px}.dash-news-item>:nth-child(2){display:none}.dash-news-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dash-news-time{font-size:10px}.period-compare{padding:12px 14px}.period-compare-head{margin-bottom:10px;font-size:11px}.period-compare-grid{grid-template-columns:1fr 1fr;gap:8px}.period-compare-pill{padding:8px 10px}.period-compare-value{font-size:14px}.period-compare-label{font-size:10px}.period-compare-meta{flex-direction:column;align-items:flex-start;gap:2px;font-size:10px}.chart-card-modern{border-radius:10px}.chart-card-modern .chart-head{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.chart-card-modern .chart-head h3{font-size:13px}.chart-card-modern .chart-toggle{flex-wrap:wrap;width:100%}.inline-search-lg{width:100%;min-width:0}.chart-card-modern .table-wrap{-webkit-overflow-scrolling:touch;max-height:420px}.data-table-modern thead th{padding:8px 10px;font-size:10px}.data-table-modern tbody td{padding:8px 10px;font-size:12px}.data-table-modern tbody td.td-muted{font-size:11.5px}.modal-overlay{align-items:flex-end;padding:0}.modal-dialog,.modal-dialog-lg{border-radius:16px 16px 0 0;width:100%;max-width:100vw;max-height:95vh;animation:.25s slideUpModal}.modal-dialog .modal-head{padding:14px 16px;font-size:14px}.modal-dialog .modal-head h3{font-size:15px}.modal-dialog .modal-body{padding:16px 16px 20px}.detail-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.detail-stat{padding:8px 10px}.detail-stat span{font-size:10px}.detail-stat b{font-size:13px}.detail-section-title{margin:6px 0 8px;font-size:11.5px}.modal-search-row .inline-search{padding:9px 12px;font-size:14px}.vehicles-ranking-grid{grid-template-columns:1fr;gap:10px}.vehicles-ranking-grid .data-table tbody td:nth-child(3){text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.vehicles-ranking-grid .data-table thead th{padding:6px 8px;font-size:9.5px}.vehicles-ranking-grid .data-table tbody td{padding:7px 8px;font-size:12px}.table-wrap{background:linear-gradient(to right, var(--bg-card) 0%, transparent 8px), linear-gradient(to left, var(--bg-card) 0%, transparent 8px) 100% 0, radial-gradient(farthest-side at 0 50%, #00000014, transparent), radial-gradient(farthest-side at 100% 50%, #00000014, transparent) 100% 0;background-repeat:no-repeat;background-size:14px 100%,14px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;position:relative}.tabs-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-count{min-width:16px;height:16px;margin-left:4px;padding:0 5px;font-size:9.5px}.chart-card{border-radius:10px;padding:12px}.chart-head{margin-bottom:10px}:-webkit-any(.dashboard-card:fullscreen,.dashboard-card:-webkit-full-screen){padding:14px 10px}:is(.dashboard-card:fullscreen,.dashboard-card:fullscreen){padding:14px 10px}.home-cards-grid{grid-template-columns:1fr!important}.home-card{padding:14px}.op-share-bar-wrap{width:80px;height:16px}.op-share-label{padding-right:4px;font-size:10px}.op-delta-pill{margin-left:4px;padding:1px 4px;font-size:9.5px}}@media (width<=420px){.section-card{border-radius:12px;padding:14px}.main-area{padding:8px}.home-greeting{padding:18px}.home-greeting h2{font-size:19px}.home-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;align-items:center;padding:14px}.stat-number{font-size:20px}.dashboard-card{padding:10px!important}.dashboard-filters{grid-template-columns:1fr;gap:8px;padding:10px}.kpi-grid{gap:8px;margin:10px 0 12px}.kpi-card{padding:12px}.kpi-value{font-size:17px}.kpi-label{font-size:9px}.kpi-icon-wrap{width:26px;height:26px}.tab-btn{padding:6px 8px;font-size:11px}.kpi-hero{padding:14px}.kpi-hero-value{font-size:24px}.kpi-card-v2{padding:10px 12px}.kpi-card-v2 .kpi-value{font-size:19px}.period-compare-grid{grid-template-columns:1fr}.period-compare-value{font-size:15px}.data-table-modern thead th{padding:7px 8px;font-size:9.5px}.data-table-modern tbody td{padding:7px 8px;font-size:11.5px}.modal-dialog,.modal-dialog-lg{border-radius:0;height:100vh;max-height:100vh}.modal-dialog .modal-body{padding:12px 14px 16px}.detail-stats-grid{grid-template-columns:1fr 1fr}.users-table tbody tr{padding:12px 14px}.users-table tbody td{font-size:12px}.modal-overlay{padding:0}.modal-card{border-radius:0;height:100vh;max-height:100vh}.upload-drop-zone{padding:16px 12px}.import-preview-card{gap:8px;padding:8px 12px}.import-preview-val{font-size:14px}:-webkit-any(.dashboard-card:fullscreen,.dashboard-card:-webkit-full-screen){padding:10px 8px}:is(.dashboard-card:fullscreen,.dashboard-card:fullscreen){padding:10px 8px}}.home-cards-section{margin:24px 0}.home-section-actions{align-items:center;gap:8px;display:flex}.home-edit-hint{background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .08);border:1px dashed hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;margin:0 0 14px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.home-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:70px;gap:14px;display:grid}.home-cards-grid.is-editing .home-card-wrap{position:relative}.topbar-divider-tabs{height:24px;margin:0 4px 0 8px}.tabs-menu{display:inline-flex;position:relative}.tabs-menu-trigger{height:34px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;max-width:280px;padding:0 8px 0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.tabs-menu-trigger:hover,.tabs-menu-trigger.open{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.tabs-menu-trigger-label{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.tabs-menu-chev{opacity:.6;transition:transform .18s}.tabs-menu-trigger.open .tabs-menu-chev{opacity:1;transform:rotate(180deg)}.tabs-menu-panel{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:12px;min-width:320px;max-width:380px;animation:.16s cubic-bezier(.22,.61,.36,1) tabsMenuFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 36px #0000002e,0 4px 12px #00000014}@keyframes tabsMenuFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tabs-menu-head{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-secondary,var(--bg-input)) 60%, transparent);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.tabs-menu-list{max-height:60vh;padding:6px 0;overflow-y:auto}.tabs-menu-item{border-radius:8px;align-items:stretch;gap:0;margin:0 6px;transition:background .12s;display:flex}.tabs-menu-item:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}.tabs-menu-item.active{background:color-mix(in srgb, var(--primary) 12%, transparent)}.tabs-menu-item.active .tabs-menu-item-main{color:var(--primary);font-weight:600}.tabs-menu-item-main{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 10px;font-size:13.5px;display:flex}.tabs-menu-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tabs-menu-item-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.tabs-menu-item-close{width:26px;color:var(--text-secondary);opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;transition:background .12s,opacity .12s,color .12s;display:inline-flex}.tabs-menu-item-close:hover{background:color-mix(in srgb, var(--danger,#c0392b) 15%, transparent);color:var(--danger,#c0392b);opacity:1}.tabs-menu-foot{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-secondary,var(--bg-input)) 40%, transparent);padding:6px}.tabs-menu-close-all{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.tabs-menu-close-all:hover{background:color-mix(in srgb, var(--danger,#c0392b) 15%, transparent);color:var(--danger,#c0392b)}.tabs-pane{position:relative}.tab-content{animation:.25s cubic-bezier(.22,.61,.36,1) backwards tabContentFadeIn}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tab-content{animation:none}}@media (width<=768px){.tabs-menu-trigger{max-width:none;padding:0 8px}.tabs-menu-trigger-label{display:none}.topbar-divider-tabs{margin:0 2px 0 4px}.tabs-menu-panel{min-width:280px;max-width:90vw}}.tab-restore-card{text-align:center;max-width:460px!important;padding:28px!important}.tab-restore-icon{background:color-mix(in srgb, var(--primary) 14%, transparent);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:inline-flex}.tab-restore-card h3{margin:0 0 8px;font-size:19px}.tab-restore-sub{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.tab-restore-list{background:var(--bg-secondary,var(--bg-input));text-align:left;border-radius:10px;max-height:200px;margin:0 0 20px;padding:12px;list-style:none;overflow-y:auto}.tab-restore-list li{color:var(--text-primary);align-items:center;gap:8px;padding:6px 4px;font-size:13px;display:flex}.tab-restore-list li+li{border-top:1px dashed color-mix(in srgb, var(--border) 60%, transparent)}.tab-restore-more{justify-content:center;font-style:italic;color:var(--text-secondary)!important}.tab-restore-actions{justify-content:flex-end;gap:10px;display:flex}.tab-restore-actions .btn-primary{align-items:center;gap:6px;display:inline-flex}.home-card-wrap{position:relative}.home-card-drag-overlay{cursor:grab;z-index:1;background:0 0;border-radius:0 0 14px 14px;position:absolute;inset:36px 0 0}.home-card-drag-overlay:active{cursor:grabbing}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;min-height:110px;padding:14px 16px;transition:all .15s;display:flex;position:relative;overflow:hidden}.home-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.home-card-wrap-small{grid-area:span 2/span 1}.home-card-wrap-medium{grid-area:span 3/span 2}.home-card-wrap-large{grid-area:span 4/span 3}.home-card-wrap>.home-card{width:100%;height:100%}.home-card-medium .home-card-value{font-size:28px}.home-card-large .home-card-value{font-size:32px}@media (width<=900px){.home-card-wrap-large{grid-column:span 2}}@media (width<=640px){.home-card-wrap-medium,.home-card-wrap-large{grid-column:span 1}.home-card-medium .home-card-value,.home-card-large .home-card-value{font-size:24px}}.home-card-prev{color:var(--text-muted);align-items:baseline;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.home-card-prev b{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.home-card-spark-wrap{align-items:flex-end;width:100%;margin-top:auto;padding-top:6px;display:flex}.home-card-spark-wrap>svg{max-width:100%;height:auto;width:100%!important}.home-card-hint{color:var(--text-muted);margin-top:2px;font-size:11px;font-style:italic}.home-card.is-editing{border-style:dashed;border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .5);animation:2s ease-in-out infinite homeCardWiggle;animation-delay:calc(var(--wiggle-delay,0) * 1ms)}@keyframes homeCardWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-.2deg)}75%{transform:rotate(.2deg)}}.home-card.is-editing:hover{transform:scale(1.02)}.home-card-edit-controls{z-index:2;gap:4px;display:flex;position:absolute;top:6px;right:6px}.home-card-edit-btn{border:1px solid var(--border);background:var(--bg-card);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.home-card-edit-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.home-card-edit-btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.home-card-head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.home-card-icon{color:var(--primary);display:inline-flex}.home-card-title{flex:1}.home-card-body{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.home-card-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.1}.home-card-value-sm{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.home-card-muted{color:var(--text-muted)}.home-card-sub{color:var(--text-muted);font-size:11px;line-height:1.4}.home-card-sub-inline{color:var(--text-muted);font-size:11px;font-weight:400}.home-card-delta{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;width:fit-content;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.home-card-delta.up{color:#16a34a;background:#22c55e24}.home-card-delta.down{color:#dc2626;background:#ef444424}.home-card-delta.neutral{color:var(--text-muted);background:#94a3b824}.home-card-delta-label{opacity:.85;margin-left:3px;font-weight:400}.home-card-progress{background:var(--bg-input);border-radius:99px;width:100%;height:6px;margin:2px 0;overflow:hidden}.home-card-progress-fill{background:linear-gradient(90deg, var(--primary), hsl(var(--primary-h), calc(var(--primary-s) + 10%), calc(var(--primary-l) + 10%)));border-radius:99px;height:100%;transition:width .6s}.home-card-rank-name{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.3}.home-card-rank-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.home-card-rank-item{border-bottom:1px dashed var(--border);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.home-card-rank-item:last-child{border-bottom:none}.home-card-rank-pos{color:var(--primary);min-width:22px;font-size:11px;font-weight:800}.home-card-rank-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.home-card-rank-item-val{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.home-card-compare-row{align-items:baseline;gap:16px;display:flex}.home-card-compare-row>div{flex:1}.home-card-spark-labels{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.home-card-alerts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.home-card-alert-item{text-align:center;background:var(--bg-input);border-radius:8px;padding:8px 4px}.home-card-alert-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;display:block}.home-card-alert-label{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.home-card-list{flex-direction:column;gap:4px;font-size:12px;display:flex}.home-card-list-item{border-bottom:1px dashed var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 0;display:grid}.home-card-list-item:last-child{border-bottom:none}.home-card-list-action{color:var(--text-secondary)}.home-card-list-user{color:var(--text-primary);font-size:11px;font-weight:600}.home-card-list-when{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.home-card-shortcut{flex-direction:column;flex:1;justify-content:flex-end;gap:4px;display:flex}.home-card:has(.home-card-shortcut){cursor:pointer;background:linear-gradient(135deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .08), hsla(var(--primary-h), var(--primary-s), var(--primary-l), .02));border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .2)}.home-card:has(.home-card-shortcut):hover{background:linear-gradient(135deg, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .14), hsla(var(--primary-h), var(--primary-s), var(--primary-l), .05));border-color:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4)}.home-card-warn{color:#dc2626;font-weight:600}.home-card-empty{color:var(--text-muted);padding:8px 0;font-size:12px;font-style:italic}.home-empty-state{background:var(--bg-card);border:1px dashed var(--border);color:var(--text-muted);border-radius:14px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.home-catalog-group{margin-bottom:16px}.home-catalog-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:800}.home-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.home-catalog-item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex}.home-catalog-item:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-1px)}.home-catalog-item.unavailable{opacity:.5;cursor:not-allowed}.home-catalog-item-icon{color:var(--primary);background:var(--bg-input);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.home-catalog-item-info{flex:1;min-width:0}.home-catalog-item-title{font-size:13px;font-weight:600;line-height:1.3}.home-catalog-item-soon{color:var(--text-muted);margin-top:2px;font-size:10px}.home-empty-hint{text-align:center;color:var(--text-muted);padding:20px}.home-catalog-toolbar{background:color-mix(in srgb, var(--bg-secondary,var(--bg-input)) 50%, transparent);border:1px dashed var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;display:flex}.home-catalog-hint{color:var(--text-secondary);font-size:12px}.home-catalog-toolbar-actions{gap:6px;display:flex}.home-catalog-item.selected{background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.home-catalog-item.selected .home-catalog-item-icon{background:color-mix(in srgb, var(--primary) 18%, var(--bg-input))}.home-catalog-check{border:1.5px solid var(--border-strong,var(--border));background:var(--bg-card);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:inline-flex}.home-catalog-check.checked{background:var(--primary);border-color:var(--primary)}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px}.rolling-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;display:inline}.rolling-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rolling-digit{vertical-align:baseline;min-width:.6em;height:1em;line-height:1;display:inline-block;position:relative;overflow:hidden}.rolling-digit-anchor{visibility:hidden;width:0;display:inline-block}.rolling-digit-strip{will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0}.rolling-digit-cell{text-align:center;height:1em;line-height:1;display:block}