@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}:root,[data-theme=dark]{--bg:#000;--surface:#0a0a0a;--surface2:#141414;--border:#1f1f1f;--text:#f5f5f5;--muted:#737373;--subtle:#a3a3a3;--green:#22c55e;--green-bg:#22c55e1a;--red:#ef4444;--red-bg:#ef44441a;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--blue:#6366f1;--blue-bg:#6366f11a;--purple:#a855f7;--purple-bg:#a855f71a;--grad-blue:linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);--grad-purple:linear-gradient(135deg, #3b0764 0%, #6b21a8 50%, #9d174d 100%);--grad-green:linear-gradient(135deg, #052e16 0%, #14532d 50%, #065f46 100%);--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 2px 16px #0009;--shadow-lg:0 8px 40px #000000b3;--transition:.2s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg:#f8f9fc;--surface:#fff;--surface2:#f3f4f8;--border:#e5e7eb;--text:#111827;--muted:#6b7280;--subtle:#374151;--green:#16a34a;--green-bg:#16a34a14;--red:#dc2626;--red-bg:#dc262614;--yellow:#d97706;--yellow-bg:#d9770614;--blue:#4f46e5;--blue-bg:#4f46e514;--purple:#9333ea;--purple-bg:#9333ea14;--grad-blue:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--grad-purple:linear-gradient(135deg, #7c3aed 0%, #db2777 100%);--grad-green:linear-gradient(135deg, #059669 0%, #0891b2 100%);--shadow:0 1px 8px #0000000f;--shadow-lg:0 4px 20px #0000001a}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition), color var(--transition);font-family:Roboto Mono,monospace;font-size:14px;line-height:1.6}a,button,input,select,textarea{transition:all var(--transition)}.app-layout{width:100%;min-height:100vh;display:flex}.app-main{flex:1;width:100%;min-width:0;padding:28px 32px;animation:.3s fadeIn;overflow:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sidebar-overlay{z-index:90;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;transition:background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;position:fixed;inset:0}.sidebar-overlay.visible{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0000008c}.sidebar-rail{background:var(--surface);border-right:1px solid var(--border);z-index:80;flex-direction:column;align-items:center;width:64px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.rail-hamburger{border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--text);justify-content:center;align-items:center;transition:all .25s;display:flex}.rail-hamburger:hover{background:var(--blue-bg);border-color:var(--blue);color:var(--blue);transform:scale(1.05)}.rail-items{flex-direction:column;flex:1;align-items:center;gap:4px;padding-top:24px;display:flex}.rail-item{border-radius:var(--radius);cursor:pointer;width:42px;height:42px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:15px;text-decoration:none;transition:all .25s;display:flex}.rail-item:hover{background:var(--surface2);color:var(--text);transform:scale(1.08)}.rail-item.active{background:var(--blue-bg);color:var(--blue)}.rail-letter{font-size:14px;font-weight:800}.rail-letter:hover{color:var(--blue);background:var(--blue-bg)}.rail-emoji{font-size:18px}.rail-sep{background:var(--border);opacity:.6;width:22px;height:1px;margin:8px 0}.rail-bottom-actions{flex-direction:column;align-items:center;gap:6px;padding-top:12px;display:flex}.sidebar-panel{z-index:100;background:var(--surface);border-right:1px solid var(--border);opacity:0;width:272px;box-shadow:none;flex-direction:column;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-panel.open{opacity:1;transform:translate(0);box-shadow:12px 0 40px #00000059}.sp-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f10a 0%,#a855f70a 100%);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.sp-logo{letter-spacing:-.3px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:800}.sp-sub{color:var(--muted);letter-spacing:.3px;margin-top:3px;font-size:10px}.sp-close{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--muted);justify-content:center;align-items:center;transition:all .25s;display:flex}.sp-close:hover{color:var(--text);border-color:var(--blue);background:var(--blue-bg);transform:scale(1.05)}.sp-nav{flex:1;padding:12px 0;overflow-y:auto}.sp-section{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 20px 6px;font-size:10px;font-weight:700;transition:color .2s;display:flex}.sp-section:hover{color:var(--text)}.sp-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.sp-chevron.collapsed{transform:rotate(-90deg)}.sp-link{border-radius:var(--radius);color:var(--muted);opacity:1;align-items:center;gap:12px;max-height:44px;margin:2px 10px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sp-link-hidden{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.sp-link:hover{background:var(--surface2);color:var(--text);padding-left:20px}.sp-link.active{background:var(--blue-bg);color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);font-weight:600}.sp-link-icon{flex-shrink:0;font-size:15px}.sp-link-text{white-space:nowrap}.sp-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sp-settings{gap:8px;display:flex}.sp-setting-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .25s;display:flex}.sp-setting-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg);transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:var(--subtle)}.kpi-hero{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);padding:24px 26px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.kpi-hero:hover{transform:translateY(-2px)}.kpi-hero:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.kpi-hero:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:30px}.kpi-hero .hero-label{opacity:.7;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:600}.kpi-hero .hero-value{letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1}.kpi-hero .hero-sub{opacity:.65;margin-top:8px;font-size:11px}.kpi-hero .hero-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;font-size:11px;font-weight:700;line-height:1.3;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.uni-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;padding:18px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.uni-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;transition:height .3s;position:absolute;top:0;left:0;right:0}.uni-card.mid:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.uni-card.small:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.uni-card.micro:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.uni-card:hover{box-shadow:var(--shadow-lg);border-color:var(--subtle);transform:translateY(-3px)}.uni-card:hover:before{height:4px}.uni-card .uc-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.uni-card .uc-title{letter-spacing:-.1px;font-size:13px;font-weight:700}.uni-card .uc-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.uni-card .uc-stat{flex-direction:column;gap:3px;display:flex}.uni-card .uc-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.uni-card .uc-stat-value{font-size:14px;font-weight:700}.uni-card .uc-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.stat-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:90px;padding:10px 16px;transition:all .25s}.stat-pill:hover{border-color:var(--subtle);transform:translateY(-1px)}.stat-pill-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600}.stat-pill-value{font-size:15px;font-weight:700}.badge{border-radius:20px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:600;transition:transform .2s;display:inline-flex}.badge:hover{transform:scale(1.05)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:var(--purple-bg);color:var(--purple)}table{border-collapse:collapse;width:100%}th{background:var(--surface2);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;padding:11px 14px;font-size:11px;font-weight:700;transition:color .2s;position:sticky;top:0}th:hover{color:var(--text)}th.asc:after{content:" ▲";color:var(--blue);font-size:9px}th.desc:after{content:" ▼";color:var(--blue);font-size:9px}td{border-bottom:1px solid var(--border);color:var(--subtle);vertical-align:middle;padding:10px 14px;font-size:13px;transition:background .15s,color .15s}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2);color:var(--text)}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-height:calc(100vh - 260px);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;overflow:auto}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .25s}.btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600}.btn-primary:hover{opacity:.88;color:#fff;background:var(--blue);box-shadow:0 4px 12px #6366f140}.btn-danger{background:var(--red-bg);color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{border-radius:8px;padding:7px 14px;font-size:12px}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-width:120px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .25s,box-shadow .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #6366f11f}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.filter-bar select,.filter-bar input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-family:inherit;font-size:12px;transition:border-color .25s}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--blue);outline:none}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.muted{color:var(--muted)}.purple{color:var(--purple)}.bold{font-weight:600}.mono{font-variant-numeric:tabular-nums;font-size:13px}a{color:var(--blue);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header h2{letter-spacing:-.5px;font-size:20px;font-weight:800}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:10px;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.uni-tabs{background:var(--surface2);border-radius:var(--radius);gap:4px;margin-bottom:18px;padding:4px;display:flex}.uni-tab{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .25s}.uni-tab:hover{color:var(--text)}.uni-tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0003}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 18px 16px}.sidebar-logo-text{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:800}.sidebar-logo-sub{color:var(--muted);margin-top:3px;font-size:10px}.sidebar-section{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:14px 18px 4px;font-size:10px;font-weight:700;display:flex}.sidebar-link{color:var(--muted);border-left:3px solid #0000;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--surface2)}.sidebar-link.active{color:var(--blue);background:var(--blue-bg);border-left-color:var(--blue);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 14px;display:flex}html{font-size:clamp(13px,1.4vw,16px)}@media (width<=1024px){.app-main{padding:20px 24px}.kpi-hero .hero-value{font-size:24px}.page-header h2{font-size:18px}}@media (width<=768px){.app-main{margin-left:56px;padding:16px}.sidebar-rail{z-index:80;width:56px;height:100vh;position:fixed;top:0;left:0}.rail-hamburger,.rail-item{width:38px;height:38px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header h2{font-size:16px}.tbl-wrap{border-radius:var(--radius);max-height:none}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group input,.form-group select,.form-group textarea{min-width:unset;width:100%}.form-group:last-child{grid-column:1/-1}.form-group:last-child .btn{width:100%}.form-group:has(textarea){grid-column:1/-1}.hide-mobile{display:none!important}.kpi-hero{padding:18px 20px}.kpi-hero .hero-value{font-size:22px}.kpi-hero .hero-badge{width:48px;height:48px;font-size:10px;right:14px}.uni-card{padding:14px 16px}.uni-card .uc-grid{gap:8px}.stat-bar{flex-wrap:wrap;gap:6px}.stat-pill{min-width:80px;padding:8px 12px}.stat-pill-value{font-size:13px}.filter-bar{flex-wrap:wrap;gap:6px}.sidebar-panel{width:240px}th,td{padding:8px 10px!important;font-size:12px!important}}@media (width<=480px){.app-main{margin-left:48px;padding:10px}.sidebar-rail{width:48px}.rail-hamburger,.rail-item{width:34px;height:34px}.kpi-hero .hero-label,.kpi-hero .hero-sub{font-size:10px}.kpi-hero .hero-badge{width:42px;height:42px;font-size:9px}.uni-card .uc-grid{grid-template-columns:repeat(2,1fr)}.stat-bar{gap:4px}.stat-pill{min-width:70px;padding:6px 8px}html{font-size:13px}.app-main{padding:12px 10px}.sidebar-rail{width:50px;padding:10px 0}.rail-hamburger,.rail-item{border-radius:10px;width:34px;height:34px}.rail-letter{font-size:12px}.sidebar-panel{width:220px}.sp-header{padding:14px 14px 12px}.sp-logo{font-size:14px}.sp-link{gap:8px;margin:1px 6px;padding:8px 14px;font-size:12px}.sp-link-icon{font-size:13px}.page-header h2{font-size:15px}.kpi-hero{padding:14px 16px}.kpi-hero .hero-value{font-size:20px}.kpi-hero .hero-label{font-size:10px}.kpi-hero .hero-badge{width:42px;height:42px;font-size:9px;right:12px}.uni-card{border-radius:var(--radius);padding:12px 14px}.uni-card .uc-stat-value{font-size:13px}.uni-card .uc-stat-label{font-size:9px}.stat-pill{border-radius:var(--radius-sm);min-width:70px;padding:6px 10px}.stat-pill-label{font-size:9px}.stat-pill-value{font-size:12px}.badge{padding:2px 7px;font-size:10px}th,td{padding:6px 8px!important;font-size:11px!important}.btn{padding:7px 12px;font-size:12px}.btn-sm{padding:4px 8px;font-size:10px}.card{border-radius:var(--radius);padding:14px}.section-label{font-size:9px}.uni-tabs{border-radius:var(--radius-sm)}.uni-tab{padding:6px 10px;font-size:11px}}@media (width>=1440px){.app-main{padding:32px 48px}.page-header h2{font-size:22px}.kpi-hero .hero-value{font-size:32px}.uni-card .uc-stat-value{font-size:16px}}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff08}.login-header{text-align:center;margin-bottom:28px}.login-icon{margin-bottom:12px;font-size:40px}.login-header h1{color:var(--text);background:linear-gradient(135deg, var(--blue), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.login-header p{color:var(--muted);margin-top:6px;font-size:13px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 44px 12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-input-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6366f126}.login-eye{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:4px;line-height:0;transition:color .2s;position:absolute;right:12px}.login-eye:hover{color:var(--text)}.login-duration-row{gap:6px;display:flex}.login-dur-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:10px;flex:1;padding:10px 0;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.login-dur-btn:hover{border-color:var(--blue);color:var(--text)}.login-dur-btn.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 14px #6366f159}.login-error{color:var(--red);background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.login-submit{background:linear-gradient(135deg, var(--blue), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #6366f14d}.login-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s toastIn;box-shadow:0 8px 24px #0000004d}.toast-success{color:#fff;background:#059669}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--blue);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]:focus+span,input[type=date]:not([value=""]):focus+span{visibility:hidden}.sp-link-grip{opacity:0;color:var(--muted);cursor:grab;letter-spacing:-2px;margin-left:auto;font-size:10px;transition:opacity .2s}.sp-link:hover .sp-link-grip{opacity:.6}.sp-link-dragging{opacity:.4;background:var(--blue)!important}.confirm-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:90%;max-width:400px;padding:32px 36px;box-shadow:0 20px 60px #0000004d}.confirm-title{color:var(--text);margin:0 0 12px;font-size:20px;font-weight:800}.confirm-message{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-actions{gap:12px;display:flex}.confirm-btn{cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s}.confirm-btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.confirm-btn-danger:hover{background:#dc2626}.confirm-btn-cancel{color:var(--text);border-color:var(--border);background:0 0}.confirm-btn-cancel:hover{background:var(--surface2)}.rank-date-picker{position:relative}.rdp-trigger{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:border-color .2s;display:inline-flex}.rdp-trigger:hover{border-color:var(--blue)}.rdp-arrow{opacity:.6;font-size:10px}.rdp-popup{z-index:100;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;min-width:280px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000026}.rdp-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.rdp-chip{border:1.5px solid var(--muted);background:var(--bg);color:var(--text);cursor:pointer;opacity:.85;border-radius:16px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.rdp-chip:hover{border-color:var(--blue);color:var(--blue);opacity:1}.rdp-chip.active{background:var(--blue);border-color:var(--blue);opacity:1;color:#fff!important}.rdp-dates{grid-template-columns:repeat(auto-fill,44px);gap:6px;display:grid}.rdp-date{border:1.5px solid var(--muted);background:var(--bg);width:44px;height:36px;color:var(--text);cursor:pointer;opacity:.85;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s;display:flex}.rdp-date:hover{border-color:var(--blue);color:var(--blue);opacity:1}.rdp-date.active{background:var(--blue);border-color:var(--blue);opacity:1;color:#fff!important}[data-tip]{cursor:default;position:relative}[data-tip]:after{content:attr(data-tip);background:var(--surface2);color:var(--text);border:1px solid var(--border);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}[data-tip]:hover:after{opacity:1}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cpw-error{color:#ff6b6b;background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:12px}.cpw-rules{flex-wrap:wrap;gap:4px 12px;margin-top:8px;display:flex}.cpw-rule{color:var(--muted);font-size:11px;transition:color .2s}.cpw-rule.pass{color:var(--green)}