:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#172236;background:#f5f7fb;--blue:var(--navi-accent);--muted:#748096;--border:#e3e8f0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 8px;color:var(--navi-accent);font-size:11px;font-weight:800;letter-spacing:1.8px}.eyebrow.light{color:#79a9ff}.muted{color:var(--muted);margin:7px 0 0}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.07fr) minmax(420px,.93fr)}.login-brand{position:relative;overflow:hidden;padding:8vh 8vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 75% 16%,#285ba8 0,transparent 34%),radial-gradient(circle at 15% 85%,#183e73 0,transparent 30%),#0f2748}.login-brand:after{content:"";position:absolute;width:540px;height:540px;right:-230px;bottom:-210px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.brand-mark{width:40px;height:40px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 23%,88% 76%,50% 100%,12% 76%,6% 23%);background:linear-gradient(145deg,var(--navi-accent),var(--navi-accent));color:#fff;font-weight:900}.brand-mark.large{width:62px;height:62px;font-size:26px;margin-bottom:62px}.login-brand h1{font-size:clamp(37px,4vw,58px);line-height:1.2;margin:0;letter-spacing:-2px}.brand-copy{max-width:600px;color:#b8c9df;font-size:16px;line-height:1.8;margin:26px 0 52px}.brand-stats{display:flex;gap:48px;position:relative;z-index:1}.brand-stats div{display:flex;flex-direction:column}.brand-stats strong{font-size:20px}.brand-stats span{font-size:12px;color:#91a9c7;margin-top:5px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(420px,100%)}.login-card h2{font-size:34px;margin:0 0 4px;color:#152238}.mobile-logo{display:none}.field{display:block;margin-top:28px}.field>span{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.input-wrap{height:49px;border:1px solid #dce2eb;border-radius:9px;display:flex;align-items:center;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:var(--navi-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--navi-accent) 9%, transparent)}.input-wrap input{border:0;outline:0;flex:1;min-width:0;padding:0 10px;color:#19253a}.icon{width:15px;height:15px;border:2px solid #95a0b1;display:block}.user-icon{border-radius:50%;position:relative;margin-bottom:8px}.user-icon:after{content:"";position:absolute;left:-5px;top:13px;width:21px;height:10px;border:2px solid #95a0b1;border-bottom:0;border-radius:12px 12px 0 0}.lock-icon{height:13px;margin-top:7px;border-radius:3px;position:relative}.lock-icon:before{content:"";position:absolute;width:9px;height:8px;left:1px;top:-9px;border:2px solid #95a0b1;border-bottom:0;border-radius:7px 7px 0 0}.password-toggle{border:0;background:transparent;color:#9aa4b3}.login-options{display:flex;justify-content:space-between;margin:20px 0;font-size:13px}.check{display:flex;gap:8px;align-items:center;color:#5f6b7e}.check input{width:16px;height:16px;accent-color:var(--blue)}.link-button,.text-action{border:0;background:none;color:var(--navi-accent);padding:0}.form-error{min-height:18px;margin:0 0 8px;color:#d53e4f;font-size:13px}.primary-button,.secondary-button{border:0;border-radius:8px;padding:11px 18px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--navi-accent),var(--navi-accent));color:white;box-shadow:0 6px 16px #1e62ec28}.primary-button:disabled{opacity:.6;cursor:wait}.wide{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px}.secondary-button{color:#36506f;background:#fff;border:1px solid var(--border)}.login-help{text-align:center;color:#9aa4b3;font-size:12px;margin-top:28px}
.portal-view{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#102640;color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #ffffff12}.sidebar-brand b{font-size:22px;letter-spacing:1px}.sidebar-brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#8199b6;margin-top:2px}.sidebar nav{padding:24px 12px;flex:1}.nav-item{width:100%;border:0;background:transparent;color:#9fb0c5;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:7px;margin-bottom:5px;text-align:left}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:linear-gradient(90deg,var(--navi-accent),var(--navi-accent));color:#fff;box-shadow:0 6px 14px #07182d60}.nav-icon{font-size:20px;width:21px}.sidebar-footer{padding:20px;display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff12}.sidebar-footer b,.sidebar-footer small{display:block;font-size:11px}.sidebar-footer small{font-size:8px;color:#708aa8;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#3dd894;box-shadow:0 0 0 4px #3dd89418}.portal-main{margin-left:236px;width:calc(100% - 236px);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px}.breadcrumb span{color:#8b95a5}.breadcrumb span:after{content:"/";margin-left:9px;color:#c2c8d1}.account-area{margin-left:auto;display:flex;align-items:center;gap:10px}.notification-button,.icon-button{border:0;background:transparent;color:#627188;font-size:20px;position:relative}.notification-button{margin-right:14px}.notification-button i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef5a64;right:0;top:1px}.avatar{width:36px;height:36px;border-radius:9px;background:#e6efff;color:var(--navi-accent);display:grid;place-items:center;font-weight:800}.account-copy b,.account-copy span{display:block;font-size:12px}.account-copy span{font-size:10px;color:#8792a5;margin-top:2px}.logout-button{border:0;background:#f3f5f8;color:#68758a;border-radius:6px;padding:7px 11px;margin-left:8px}.menu-button{display:none}.content{padding:30px 34px;max-width:1520px;margin:auto}.page{display:none}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading h1{margin:0;font-size:26px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-card{padding:21px;background:#fff;border:1px solid var(--border);border-radius:11px;display:flex;gap:17px;align-items:center;box-shadow:0 2px 7px #1c315307}.metric-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-size:24px}.metric-card.blue .metric-icon{background:#e9f1ff;color:var(--navi-accent)}.metric-card.green .metric-icon{background:#e6f8f1;color:#1ca977}.metric-card.violet .metric-icon{background:#f0ebff;color:var(--navi-accent)}.metric-card span,.metric-card small{display:block;color:#788498;font-size:12px}.metric-card strong{display:block;font-size:25px;margin:4px 0}.metric-card small{font-size:10px;color:#a1a9b7}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 2px 7px #1c315307}.panel-title{padding:20px 22px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.panel h3{font-size:15px;margin:0}.panel p{font-size:11px;color:#929bac;margin:5px 0 0}.text-action{font-size:12px}.activity-list{min-height:240px}.activity-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 22px;border-bottom:1px solid #f0f2f6}.signal-dot{width:36px;height:36px;border-radius:8px;background:#eaf2ff;color:var(--navi-accent);display:grid;place-items:center}.activity-row b,.activity-row span{display:block;font-size:12px}.activity-row small{font-size:10px;color:#9aa4b3}.activity-value{text-align:right}.empty-state{display:grid;place-items:center;min-height:220px;color:#9ba5b4;font-size:13px}.quick-panel{padding-bottom:12px}.quick-action{border:0;background:#fff;width:100%;display:grid;grid-template-columns:42px 1fr 14px;gap:12px;align-items:center;text-align:left;padding:14px 20px}.quick-action:hover{background:#f9fbfe}.quick-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-size:19px}.quick-icon.blue{color:var(--navi-accent);background:#eaf2ff}.quick-icon.green{color:#13a473;background:#e8f8f2}.quick-action b,.quick-action small{display:block}.quick-action b{font-size:12px}.quick-action small{font-size:10px;color:#969fae;margin-top:4px}.quick-action i{font-size:22px;color:#a6afbd}
.nav-group{margin:5px 0 10px}.nav-group-title{width:100%;min-height:46px;display:flex;align-items:center;gap:13px;padding:13px 15px;color:#a8aaad;font-size:inherit;font-weight:inherit;line-height:20px}.nav-group-title .nav-icon,.nav-group-title .ui-icon{flex:0 0 auto}.nav-group.active .nav-group-title{color:#fff}.nav-sub-item{width:100%;display:flex;align-items:center;gap:11px;padding:9px 15px 9px 26px;border:0;border-radius:5px;background:transparent;color:#91a0b3;text-align:left;font-size:11px}.sub-nav-icon{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-sub-item:hover{background:#ffffff0a;color:#fff}.nav-sub-item.active{background:#ffffff12;color:#fff;font-weight:800}.nav-sub-item.active .sub-nav-icon{color:#ef3a34;stroke-width:1.9;filter:drop-shadow(0 0 3px #ef3a3440)}
.upload-panel{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.upload-panel form{display:flex;align-items:center;gap:10px}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker span{display:block;padding:10px 15px;border:1px dashed #b6c0cf;border-radius:7px;color:#66758a;font-size:12px;min-width:160px;text-align:center}.upload-panel #upload-message{font-size:11px;color:#66758a;max-width:180px}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 22px;border-bottom:1px solid #edf0f4;font-size:12px}th{font-size:10px;letter-spacing:.5px;color:#8792a3;background:#fafbfc}td{color:#4e5b70}.user-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:32px;height:32px;border-radius:8px;background:#edf3ff;color:var(--navi-accent);display:grid;place-items:center;font-weight:800}.role-badge,.quality-badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700}.role-badge.super{background:#fff0e2;color:#c96a18}.role-badge.admin{background:#e9f1ff;color:var(--navi-accent)}.role-badge.user{background:#e8f8f1;color:#16865f}.quality-badge{background:#e8f8f1;color:#178b62}.table-action{border:0;background:none;color:var(--navi-accent);padding:4px 0}.role-notice{display:flex;align-items:center;gap:12px;background:#eef5ff;border:1px solid #d5e5ff;border-radius:9px;padding:12px 16px;margin-bottom:18px;color:#355a88}.role-notice>span{width:21px;height:21px;border-radius:50%;background:var(--navi-accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.role-notice p{font-size:11px;margin:0}.modal-backdrop{position:fixed;inset:0;background:#0a193966;z-index:50;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(440px,100%);background:#fff;border-radius:13px;padding:28px;box-shadow:0 22px 70px #08193455}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;color:#8d97a6}.modal h2{margin:0 0 7px;font-size:21px}.modal .primary-button{margin-top:24px}.modal .field{margin-top:20px}.modal-note{background:#f2f6fb;border-radius:8px;padding:13px;margin-top:18px;color:#66758a;font-size:12px;line-height:1.6}.toast{position:fixed;right:24px;bottom:24px;background:#18314f;color:#fff;padding:12px 18px;border-radius:8px;z-index:80;box-shadow:0 9px 30px #1328483b;font-size:13px}.toast.error{background:#bf3d4e}@media(max-width:900px){.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:55px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.portal-main{margin-left:0;width:100%}.menu-button{display:block;margin-right:14px}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.content{padding:24px 18px}}@media(max-width:600px){.topbar{padding:0 14px}.breadcrumb span,.account-copy,.notification-button{display:none}.content{padding:22px 14px}.page-heading{align-items:flex-start;gap:15px}.metric-card{padding:17px}.upload-panel{align-items:flex-start;flex-direction:column;gap:15px}.upload-panel form{align-items:stretch;flex-direction:column;width:100%}.logout-button{font-size:11px}.modal{padding:24px 20px}}