:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#20283f;background:#f4f6fb;font-synthesis:none;--blue:#5363ed;--muted:#8290a8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:var(--blue);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.loading{padding:20vh;text-align:center}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:23px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:3px;opacity:.6;margin-top:3px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:linear-gradient(135deg,#697bff,#a392fb);border-radius:14px;color:white;box-shadow:0 5px 18px #6478ff40;font-size:26px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{background:#141c3b;color:white;padding:55px 9%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-art:before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#5265d76b,transparent 65%);left:-80px;top:18%;pointer-events:none}.login-copy{position:relative;z-index:1;padding:65px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#99a8e9;font-weight:600}.login h1{font-size:clamp(36px,4vw,58px);line-height:1.3;letter-spacing:1px;margin:24px 0}.login-art p{color:#a7b2d2;line-height:1.9;font-size:14px;max-width:400px}.orbit{margin:40px 0 10px;display:flex;align-items:center;gap:12px}.orbit span{padding:12px 17px;border:1px solid #ffffff20;background:#ffffff07;border-radius:13px;font-size:12px;color:#bcc6ef}.login-footer{font-size:11px;color:#7785ad;position:relative}.login-side{display:grid;place-items:center;padding:40px;background:#fafbff}.login-card{width:100%;max-width:390px}.login-card h2{font-size:29px;margin-bottom:10px}.sub{color:var(--muted);font-size:13px;line-height:1.8}.label{display:block;font-size:12px;color:#5e6a83;margin:24px 0 8px;font-weight:600}input:not([type=checkbox]),select{width:100%;padding:13px 14px;border:1px solid #dfe4ee;border-radius:9px;background:#fff;color:#24304a;outline:none}input:focus,select:focus{border-color:#7c8aff;box-shadow:0 0 0 3px #5b6af015}.btn{border-radius:9px;background:var(--blue);color:white;padding:12px 19px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.secondary{background:white;border:1px solid #e0e5ef;color:#536078}.btn.danger{background:#fff0f0;color:#d14f60}.wide{width:100%;margin-top:28px}.notice{font-size:11px;color:#94a0b5;text-align:center;margin-top:24px}.layout{display:flex;min-height:100vh}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#17203b;color:#fff;padding:34px 23px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{font-size:21px}.nav-label{font-size:10px;color:#66759b;letter-spacing:2px;margin:48px 15px 14px}.nav{display:flex;flex-direction:column;gap:8px}.nav button{padding:14px 17px;color:#a6b1d0;background:transparent;text-align:left;border-radius:9px;font-size:13px}.nav button.active{background:#5363ed;color:white;box-shadow:0 5px 18px #0002}.nav button span{margin-right:12px;font-size:17px}.side-bottom{margin-top:auto;padding-top:50px}.secure{border:1px solid #ffffff12;border-radius:12px;padding:17px;color:#9eabd0;font-size:11px;line-height:1.8}.secure strong{display:block;color:#dce3ff;font-size:12px;margin-bottom:4px}.workspace{margin-left:235px;width:calc(100% - 235px)}.topbar{height:85px;background:#fff;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:12px;color:#929db3}.breadcrumb b{color:#43506b;font-weight:500}.profile{display:flex;gap:12px;align-items:center;font-size:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf0ff;color:#6271d7;font-weight:700}.textbtn{background:none;color:#8290a8;padding:6px;font-size:12px}.main{padding:35px 42px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.heading h1{font-size:27px;letter-spacing:-.5px;margin:0 0 8px}.heading p{margin:0}.hero{background:linear-gradient(105deg,#e8edff,#f0eefe 65%,#e8f2ff);border:1px solid #dfe5fa;border-radius:15px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:24px}.hero h2{font-size:20px;margin:10px 0}.hero p{color:#7785a9;font-size:12px}.hero .eyebrow{color:#7989c7;font-size:9px}.cloud-mark{font-size:68px;color:#97a8f6;text-shadow:9px 12px #bdc9fa;transform:rotate(-8deg);padding:0 25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid #e6eaf3;border-radius:12px;padding:22px;display:flex;align-items:center;gap:17px}.stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#eef1ff;color:#7280e4;font-size:22px}.stat:nth-child(2) .stat-icon{background:#eaf6f2;color:#6eafa2}.stat:nth-child(3) .stat-icon{background:#fff4e7;color:#d5a36a}.stat small{color:#8b96aa;font-size:11px}.stat strong{display:block;font-size:24px;margin-top:4px;font-weight:650}.panel{background:#fff;border:1px solid #e6eaf3;border-radius:13px;overflow:hidden}.panel-head{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #f0f2f7}.panel-head h3{font-size:15px;margin:0}.filters{display:flex;gap:12px;align-items:center}.filters input{padding:9px 12px;font-size:12px;width:210px;background:#f9fafc}.filters select{padding:9px 12px;font-size:12px;width:155px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{padding:14px 25px;background:#fafbfe;color:#9aa4b8;font-size:11px;font-weight:500}td{padding:18px 25px;border-top:1px solid #f0f3f8;color:#77849e}td:first-child{color:#3e4b66}td.file-name{max-width:320px;overflow:hidden;text-overflow:ellipsis}.file-icon{display:inline-grid;place-items:center;width:32px;height:35px;border-radius:7px;background:#edf1ff;color:#7182d5;margin-right:12px;font-size:11px;font-weight:600}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#eff3ff;color:#7785c4;font-size:10px}.badge.green{color:#50a391;background:#eaf7f1}.badge.off{color:#ac8894;background:#f8eef1}.empty{padding:65px 25px;text-align:center}.empty-icon{font-size:40px;color:#acb9e5;margin-bottom:15px}.empty h3{font-size:15px;font-weight:500}.empty p{font-size:12px;color:#99a4b8;line-height:1.9}.empty .btn{margin-top:10px}.footnote{font-size:11px;color:#a1acc0;margin:19px 0;display:flex;justify-content:space-between}.space-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.space-card{background:white;border:1px solid #e2e7f2;padding:25px;border-radius:13px}.space-card h3{margin:17px 0 8px;font-size:17px}.space-card p{font-size:12px;color:#8e9ab1;line-height:1.9;overflow-wrap:anywhere}.space-actions{display:flex;gap:10px;margin-top:20px}dialog{border:0;border-radius:17px;padding:30px;width:520px;max-width:calc(100% - 30px);box-shadow:0 25px 100px #14213f30;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#17213c80;backdrop-filter:blur(4px)}dialog h2{font-size:21px;margin:0 0 10px}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{background:none;color:#9ba5b9;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#6f7c95;margin:12px 0}.check input{accent-color:var(--blue)}.drop{display:block;border:1.5px dashed #bdc8f2;background:#f7f9ff;border-radius:12px;padding:35px 20px;text-align:center;cursor:pointer;margin-top:20px;color:#6877ad;font-size:13px}.drop input{margin-top:15px;font-size:11px}.progress{margin-top:18px;font-size:12px;color:#7c8aa5;overflow-wrap:anywhere}progress{width:100%;height:7px;accent-color:var(--blue);margin:12px 0}.error{color:#cc596d;font-size:12px;line-height:1.7;margin-top:15px}.tip{padding:12px;background:#f5f7ff;color:#7e8caf;border-radius:8px;font-size:11px;line-height:1.8;margin-top:18px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#263451;color:white;border-radius:10px;padding:14px 24px;font-size:13px;z-index:100;display:none;box-shadow:0 6px 30px #0002}.panel-foot{padding:15px 25px;font-size:11px;color:#9da7ba;border-top:1px solid #eef1f6}
@media(max-width:1000px){.sidebar{width:195px;padding:28px 15px}.workspace{margin-left:195px;width:calc(100% - 195px)}.topbar{padding:0 24px}.main{padding:28px 24px}.filters input{width:150px}.stats{gap:10px}.stat{padding:17px;gap:10px}.stat strong{font-size:20px}.stat-icon{width:36px;height:38px}}@media(max-width:760px){.login{grid-template-columns:1fr}.login-art{padding:30px}.login-copy{padding:20px 0}.login h1{font-size:34px}.orbit,.login-footer{display:none}.login-side{padding:30px 25px}.sidebar{position:static;width:100%;padding:16px 20px}.layout{display:block}.sidebar .brand{font-size:17px}.sidebar .brand small,.nav-label,.side-bottom{display:none}.sidebar .brand-icon{width:32px;height:32px;font-size:22px}.nav{flex-direction:row;margin-top:18px;gap:5px;overflow-x:auto}.nav button{white-space:nowrap;padding:10px;font-size:11px}.nav button span{margin-right:5px}.workspace{margin:0;width:100%}.topbar{height:65px;padding:0 20px}.main{padding:25px 17px}.heading h1{font-size:23px}.hero{padding:20px}.hero h2{font-size:17px}.cloud-mark{font-size:45px;padding:0 10px}.stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{display:block;padding:14px 10px}.stat-icon{display:none}.stat strong{font-size:18px}.stat small{font-size:10px}.panel-head{flex-wrap:wrap;padding:18px}.filters{width:100%;gap:8px}.filters input,.filters select{width:50%}.profile{gap:5px}.profile .role-label{display:none}th,td{padding:14px 17px}.footnote{font-size:10px;gap:15px}.form-grid{grid-template-columns:1fr}.breadcrumb{font-size:11px}}

.brand{flex-direction:column;align-items:flex-start;gap:12px;letter-spacing:0}.brand-logo-surface{background:#fff;border-radius:12px;padding:10px 12px;line-height:0;max-width:100%}.brand-logo{display:block;width:158px;max-width:100%;height:auto;object-fit:contain}.brand-name{font-size:18px;font-weight:650;white-space:nowrap;letter-spacing:.1px}.login-art .brand-logo{width:240px}.login-art .brand-logo-surface{padding:14px 18px}.login-art .brand-name{font-size:24px}.login-card h2{font-size:26px}.sidebar .nav-label{margin-top:32px}@media(max-width:760px){.sidebar .brand{flex-direction:row;align-items:center;gap:14px}.sidebar .brand-logo{width:105px;height:auto}.sidebar .brand-logo-surface{padding:5px 8px;border-radius:8px}.sidebar .brand-name{font-size:18px}.login-art .brand-logo{width:190px}.login-art .brand-name{font-size:22px}}