:root{color:#1d252c;background:#f6f7f8;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{border:0;border-radius:6px;color:#25313b;cursor:pointer;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;border:1px solid #d7dde3;border-radius:6px;background:#fff;color:#1d252c;outline:none;padding:9px 10px}input:focus,select:focus{border-color:#2474a6;box-shadow:0 0 0 3px #2474a624}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#ffffffd6,#ffffffb8),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center;padding:24px}.login-panel{width:min(420px,100%);border:1px solid rgba(255,255,255,.6);border-radius:8px;background:#ffffffeb;box-shadow:0 24px 70px #1d252c29;padding:28px}.login-panel h1,.sidebar h1,.topbar h2,.preview h3{margin:0;letter-spacing:0}.eyebrow{margin:0 0 6px;color:#2474a6;font-size:12px;font-weight:700;text-transform:uppercase}.login-form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;color:#52606b;font-size:13px;font-weight:600}.primary{background:#2474a6;color:#fff;padding:10px 16px}.error{margin:0;color:#b42318}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{border-right:1px solid #e1e5e9;background:#fff;padding:24px}.sidebar nav{display:grid;gap:8px;margin-top:28px}.sidebar button{background:transparent;padding:10px 12px;text-align:left}.sidebar .nav-active{background:#e8f2f8;color:#155d82}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar p,.preview p{margin:4px 0 0;color:#63717c}.status-line{min-height:24px;color:#2474a6;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.metrics article,.upload-band,.table-wrap{border:1px solid #e1e5e9;border-radius:8px;background:#fff}.metrics article{display:grid;gap:4px;min-height:92px;padding:16px}.metrics span{color:#63717c;font-size:13px}.metrics strong{font-size:28px}.metrics em{color:#64748b;font-size:12px;font-style:normal}.upload-band{margin-bottom:14px;padding:14px}.upload-grid{display:grid;grid-template-columns:minmax(120px,180px) minmax(120px,180px) minmax(220px,1fr) 104px;gap:12px;align-items:end}.file-picker input{padding:7px}.progress{height:8px;overflow:hidden;border-radius:999px;background:#e9edf1;margin-top:12px}.progress span{display:block;height:100%;background:#2f9e73;transition:width .18s ease}.filters{display:grid;grid-template-columns:minmax(180px,1fr) 160px 160px 88px;gap:10px;margin-bottom:12px}.filters button,.pager button,.actions button,.actions a,.preview header button{background:#eef1f4;padding:8px 10px}.table-wrap{overflow-x:auto}table{width:100%;min-width:920px;border-collapse:collapse}th,td{border-bottom:1px solid #edf0f2;padding:12px;text-align:left;vertical-align:middle}th{color:#63717c;font-size:12px;font-weight:700}.file-name{display:grid;gap:3px;max-width:360px;background:transparent;padding:0;text-align:left}.file-name span,.file-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name small{color:#7a8791}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions .danger{background:#fff0ee;color:#b42318}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 0}.preview{position:fixed;inset:0 0 0 auto;width:min(680px,100vw);border-left:1px solid #d9e0e6;background:#fff;box-shadow:-16px 0 50px #1d252c29;z-index:20}.preview header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e5e9;padding:18px}.preview-body{height:calc(100vh - 82px);padding:18px;overflow:auto}.preview-body img,.preview-body video,.preview-body iframe{width:100%;max-height:calc(100vh - 130px);border:0;border-radius:6px;object-fit:contain;background:#f4f6f7}.preview-body iframe{height:calc(100vh - 130px)}.preview-body pre{min-height:100%;margin:0;border-radius:6px;background:#101820;color:#e7eef4;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.empty-preview{display:grid;place-items:center;min-height:260px;color:#63717c}.empty-preview a{background:#2474a6;color:#fff;padding:9px 14px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #e1e5e9}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-grid,.filters{grid-template-columns:1fr}.topbar{display:grid}}