:root{color:#202538;font-synthesis:none;--ink:#202538;--muted:#7b849d;--line:#e7e9f1;--panel:#fff;--primary:#5d68e8;--primary-dark:#4d57d2;--green:#27a879;--amber:#e79b35;--red:#df5d6c;--sidebar:#171b2c;background:#f4f6fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:650;transition:all .18s;display:inline-flex}.button.primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #5d68e82e}.button.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.button.ghost{color:#4d566e;background:#f2f4f8}.button.full{width:100%}.button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}input,select{height:43px;color:var(--ink);background:#fff;border:1px solid #dfe3ed;border-radius:10px;outline:none;padding:0 13px;transition:all .18s}input:focus,select:focus{border-color:#8992ed;box-shadow:0 0 0 3px #5d68e81a}label{color:#4f5870;gap:8px;font-size:13px;font-weight:650;display:grid}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2;display:block}.brand-mark{color:#fff;background:linear-gradient(145deg,#737dec,#4e59d4);border-radius:11px;place-items:center;width:37px;height:37px;font-family:serif;font-size:20px;display:grid;box-shadow:0 8px 18px #5d68e84d}.brand-mark.large{width:46px;height:46px;font-size:25px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:20;flex-direction:column;width:238px;height:100vh;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand b{font-size:19px;display:block}.brand small{color:#7f889f;margin-top:2px;font-size:11px;display:block}.sidebar nav{gap:7px;margin-top:42px;display:grid}.sidebar nav a{color:#9da6bd;border-radius:11px;align-items:center;gap:12px;height:47px;padding:0 14px;font-weight:650;transition:all .18s;display:flex}.sidebar nav a:hover{color:#fff;background:#202638}.sidebar nav a.active{color:#fff;background:linear-gradient(100deg,#5e69e8,#525dd3);box-shadow:0 9px 22px #3d46ac47}.sidebar-user{border-top:1px solid #2b3042;grid-template-columns:38px 1fr 32px;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 0;display:grid}.sidebar-user b,.sidebar-user small{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user b{font-size:13px}.sidebar-user small{color:#828ba2;margin-top:3px;font-size:10px}.sidebar-user button{color:#828ba2;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.sidebar-user button:hover{color:#fff;background:#2a3043}.main-content{width:calc(100% - 238px);min-height:100vh;margin-left:238px}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:38px 42px 56px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:73px;margin-bottom:27px;display:flex}.page-header.compact{margin-bottom:20px}.page-header h1{letter-spacing:-.02em;margin:7px 0 5px;font-size:28px;line-height:1.2}.page-header p{color:var(--muted);margin:0}.page-header select{min-width:128px;margin-top:19px}.page-header>.button{margin-top:19px}.panel{background:var(--panel);border:1px solid #e0e3edd1;border-radius:16px;box-shadow:0 8px 26px #272d4c0b}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-grid article{background:#fff;border:1px solid #e0e3edd1;border-radius:15px;min-height:139px;padding:23px;position:relative;overflow:hidden}.metric-grid article:after{content:"";background:#eef0ff;border-radius:50%;width:78px;height:78px;position:absolute;top:-30px;right:-31px}.metric-grid article:nth-child(2):after{background:#e7f7f1}.metric-grid article:nth-child(3):after{background:#fff4e6}.metric-grid article:nth-child(4):after{background:#fbecef}.metric-grid span{color:#777f95;font-size:13px}.metric-grid b{margin:16px 0 8px;font-size:32px;line-height:1.1;display:block}.metric-grid small{color:#a0a6b7}.dashboard-grid,.analytics-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard-grid .panel,.analytics-grid .panel{padding:23px 24px}.panel-title{justify-content:space-between;gap:16px;display:flex}.panel-title h2{margin:0 0 5px;font-size:16px}.panel-title p{color:#9299aa;margin:0;font-size:12px}.legend-dot{color:#7a8298;align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot:before{content:"";background:var(--primary);border-radius:50%;width:7px;height:7px}.chart-view{width:100%;height:318px}.toolbar{justify-content:space-between;align-items:center;gap:20px;min-height:74px;margin-bottom:16px;padding:14px 16px;display:flex}.toolbar>span{color:#8c94a8;white-space:nowrap;font-size:12px}.search-box{color:#9aa1b3;align-items:center;gap:10px;width:min(610px,75%);height:44px;display:flex}.search-box input{background:#f6f7fa;border:0;flex:1;height:100%}.search-box input:focus{box-shadow:none}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#8a92a7;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--line);background:#fafbfc;height:48px;padding:0 20px;font-size:11px;font-weight:700}td{color:#4c5469;border-bottom:1px solid #edf0f5;height:70px;padding:0 20px}tbody tr{transition:all .15s}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbff}.table-panel tbody tr{cursor:pointer}.user-cell{align-items:center;gap:11px;display:flex}.user-cell img,.profile-main img{object-fit:cover;border-radius:12px;width:39px;height:39px}.avatar-text{color:#5863db;background:#eef0ff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.avatar-text.big{border-radius:20px;width:70px;height:70px;font-size:26px}.user-cell b,.user-cell small{display:block}.user-cell b{color:#292f42;font-size:13px}.user-cell small{color:#9aa1b2;margin-top:4px;font-size:10px}.mono{color:#687088;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.rate-cell{align-items:center;gap:8px;font-size:12px;display:flex}.rate-cell>span{background:#eceef4;border-radius:4px;width:58px;height:5px;overflow:hidden}.rate-cell i{background:var(--primary);border-radius:4px;height:100%;display:block}.row-arrow{color:#aeb4c2;font-size:21px}.pagination{border-top:1px solid var(--line);color:#8d94a6;justify-content:flex-end;align-items:center;gap:10px;min-height:62px;padding:10px 18px;font-size:12px;display:flex}.pagination button{color:#626a80;cursor:pointer;background:#fff;border:1px solid #e0e3eb;border-radius:8px;height:32px;padding:0 11px}.pagination button:disabled{opacity:.4}.pagination b{color:#41495e}.page-state{color:#8c94a7;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;display:flex}.page-state .button{margin-top:5px}.error-state b{color:#4c5367}.empty-mark{color:#c3c8d3;font-size:36px}.spinner{border:3px solid #e2e5ee;border-top-color:var(--primary);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.back-link{color:#747d93;align-items:center;gap:5px;margin-bottom:11px;font-size:12px;display:flex}.profile-panel{justify-content:space-between;align-items:center;margin-bottom:16px;padding:23px 25px;display:flex}.profile-main{align-items:center;gap:17px;display:flex}.profile-main h2{margin:0 0 8px;font-size:20px}.profile-main p{color:#878fa4;margin:9px 0 0;font-size:11px}.role-badge{color:#5561d9;background:#eef0ff;border-radius:7px;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.role-badge.operator{color:#17855f;background:#e9f8f2}.role-badge.analyst{color:#ae6b13;background:#fff3e5}.profile-panel dl{gap:35px;margin:0;display:flex}.profile-panel dt{color:#9aa1b2;margin-bottom:7px;font-size:10px}.profile-panel dd{color:#4f576c;margin:0;font-size:12px}.detail-metrics{grid-template-columns:repeat(4,1fr)}.detail-metrics article{min-height:105px}.detail-metrics b{margin-bottom:0;font-size:25px}.detail-content{padding:0 22px 22px}.tabs{border-bottom:1px solid var(--line);gap:28px;height:65px;display:flex}.tabs button{color:#8790a4;cursor:pointer;background:0 0;border:0;height:65px;font-weight:700;position:relative}.tabs button.active{color:var(--primary)}.tabs button.active:after{content:"";background:var(--primary);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.tabs span{background:#eef0f5;border-radius:5px;margin-left:3px;padding:2px 5px;font-size:10px}.filter-row{gap:10px;padding:17px 0;display:flex}.filter-row input{width:min(380px,60%)}.filter-row select{width:130px}.task-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.task-list article{border:1px solid var(--line);background:#fcfcfd;border-radius:13px;padding:17px}.status-pill,.priority-pill{border-radius:6px;align-items:center;min-height:23px;margin-right:6px;padding:0 7px;font-size:9px;font-weight:750;display:inline-flex}.status-pill.done{color:#16805b;background:#e7f7f1}.status-pill.pending{color:#b66c0b;background:#fff3e4}.priority-pill{color:#747d91;background:#f0f2f7}.task-list h3{margin:13px 0 7px;font-size:14px}.task-list p{color:#8a92a5;min-height:35px;margin:0;font-size:11px;line-height:1.6}.task-list footer{color:#9aa1b2;border-top:1px solid #edf0f4;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;font-size:9px;display:flex}.timeline{margin:4px 0 0;padding:18px 0;list-style:none}.timeline li{grid-template-columns:16px 1fr;gap:12px;padding-bottom:20px;display:grid;position:relative}.timeline li:before{content:"";background:#e1e4ed;width:1px;position:absolute;top:12px;bottom:-3px;left:5px}.timeline li:last-child:before{display:none}.timeline li>i{z-index:1;background:#5d68e8;border:3px solid #cdd2f8;border-radius:50%;width:11px;height:11px;position:relative}.timeline li>div{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.timeline header{justify-content:space-between;display:flex}.timeline b{color:var(--primary);font-size:11px}.timeline time{color:#a0a6b5;font-size:9px}.timeline h3{margin:9px 0 5px;font-size:13px}.timeline p{color:#838b9e;margin:0;font-size:11px}.success-banner{color:#24775c;background:#effaf6;border:1px solid #ccebdd;border-radius:11px;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:15px;padding:0 15px;font-size:12px;display:flex}.success-banner button{color:#4c8f79;cursor:pointer;background:0 0;border:0;font-size:19px}.success-text{color:var(--green);font-size:12px}.warning-text{color:#b5721c;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#1519288c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;gap:17px;width:min(480px,100%);padding:26px;display:grid;box-shadow:0 30px 80px #14192d47}.modal>header{justify-content:space-between;display:flex}.modal h2{margin:5px 0 0;font-size:21px}.modal-close{color:#7d8497;cursor:pointer;background:#f2f3f7;border:0;border-radius:9px;width:33px;height:33px;font-size:20px}.modal label input,.modal label select{width:100%}.modal footer{justify-content:flex-end;gap:10px;margin-top:3px;display:flex}.role-help{background:#f6f7fb;border-radius:10px;padding:12px 13px}.role-help b,.role-help span{display:block}.role-help b{margin-bottom:5px;font-size:12px}.role-help span{color:#828a9f;font-size:10px}.form-error{color:#bd4352;background:#fff0f2;border-radius:9px;padding:10px 12px;font-size:11px}.auth-page{background:#f5f6fa;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-intro{color:#fff;background:#171b2c;flex-direction:column;justify-content:space-between;padding:55px clamp(45px,7vw,110px);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-180px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.auth-brand{align-items:center;gap:13px;font-size:18px;display:flex}.auth-intro h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(38px,4.4vw,66px);line-height:1.18}.auth-intro p{color:#9da6bc;font-size:15px}.auth-intro>small{color:#69738c;letter-spacing:.12em}.auth-panel{place-items:center;padding:30px;display:grid}.login-card,.password-card{background:#fff;border:1px solid #e7e9f1;border-radius:20px;gap:17px;width:min(410px,100%);padding:36px;display:grid;box-shadow:0 24px 65px #1f264414}.login-icon{width:49px;height:49px;color:var(--primary);background:#eef0ff;border-radius:14px;place-items:center;display:grid}.login-card h2,.password-card h1{margin:4px 0 -11px;font-size:25px}.login-card>p,.password-card>p{color:#8a92a6;margin:0 0 5px}.security-note{text-align:center;color:#9ba2b2}.password-page{background:linear-gradient(135deg,#f2f4ff,#f7f8fb);place-items:center;min-height:100vh;padding:30px;display:grid}.password-card{width:min(460px,100%)}.password-rules{color:#a0a6b5;flex-wrap:wrap;gap:11px;margin:0;padding:0;font-size:10px;list-style:none;display:flex}.password-rules li:before{content:"○";margin-right:4px}.password-rules li.ok{color:var(--green)}.password-rules li.ok:before{content:"●"}.standalone-state{text-align:center;background:#f5f6fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.state-symbol{width:72px;height:72px;color:var(--primary);background:#eef0ff;border-radius:20px;place-items:center;display:grid}.standalone-state h1{margin:22px 0 7px}.standalone-state p{color:#858da1;margin:0 0 22px}@media (width<=1050px){.sidebar{width:196px}.main-content{width:calc(100% - 196px);margin-left:196px}.page-wrap{padding:32px 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.profile-panel{align-items:flex-start}.profile-panel dl{gap:12px;display:grid}.task-list{grid-template-columns:1fr}.auth-intro{padding:45px}.auth-intro h1{font-size:44px}}@media (width<=760px){.sidebar{width:72px;padding:22px 10px}.brand{justify-content:center;padding:0}.brand>div,.sidebar nav a:not(.active){font-size:0}.sidebar nav a{justify-content:center;padding:0}.sidebar nav a.active{font-size:0}.sidebar-user{grid-template-columns:1fr;justify-items:center}.sidebar-user>div,.sidebar-user button{display:none}.main-content{width:calc(100% - 72px);margin-left:72px}.page-wrap{padding:25px 17px}.page-header{display:block}.page-header select,.page-header>.button{margin-top:15px}.metric-grid,.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.toolbar>span{padding-left:4px}.profile-panel{display:block}.profile-panel dl{grid-template-columns:1fr 1fr;margin-top:20px}.detail-metrics{grid-template-columns:1fr 1fr}.filter-row{flex-wrap:wrap}.filter-row input{width:100%}.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.login-card{padding:28px}.task-list footer{display:grid}.chart-view{height:280px}}.main-content{flex-direction:column;display:flex}.main-route{flex:1;min-height:0}.auth-panel{grid-template-rows:1fr auto;place-items:stretch stretch;min-height:100vh}.auth-panel-center{place-items:center;width:100%;display:grid}.password-page.with-filing,.standalone-state.with-filing{grid-template-rows:1fr auto;place-items:stretch stretch;display:grid}.password-page-center{place-items:center;padding:30px;display:grid}.standalone-state-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.standalone-state-center h1{margin:22px 0 7px}.standalone-state-center p{color:#858da1;margin:0 0 22px}@media (width<=760px){.auth-panel{padding:22px 18px 8px}.password-page-center,.standalone-state-center{padding:22px 18px}}