:root{color-scheme:light;font-family:Inter,Microsoft YaHei UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;--bg: #f5f8fb;--surface: #ffffff;--surface-strong: #eef7f8;--ink: #14212b;--muted: #647484;--line: #dbe6ec;--teal: #0f9f95;--blue: #2368d9;--amber: #c38316;--danger: #c93f45;--shadow: 0 20px 50px rgba(21, 42, 58, .12);--soft-shadow: 0 10px 26px rgba(25, 48, 70, .08);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(120deg,rgba(15,159,149,.08),transparent 34%),linear-gradient(300deg,rgba(35,104,217,.08),transparent 42%),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,470px) minmax(420px,1fr);gap:48px;align-items:center;padding:48px clamp(24px,5vw,76px)}.login-panel,.brief-card,.surface,.stat{background:#ffffffeb;border:1px solid rgba(219,230,236,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.login-panel{padding:34px}.brand-row{display:flex;gap:14px;align-items:center}.brand-row.compact{gap:12px;align-items:flex-start}.brand-row.compact span{display:block;margin-top:4px;color:#7b8b98;font-size:13px}.brand-mark{display:grid;width:54px;height:54px;place-items:center;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:14px}.brand-mark.small{width:40px;height:40px;border-radius:10px}.overline{margin:0 0 6px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:0}h2{margin-bottom:8px;font-size:20px}h3{margin-bottom:6px;font-size:17px}p{color:var(--muted);line-height:1.7}.login-form{display:grid;gap:16px;margin-top:30px}label{display:grid;gap:8px;color:#334754;font-size:14px;font-weight:700}input,select{width:100%;min-height:40px;padding:0 13px;color:var(--ink);background:#f9fbfc;border:1px solid var(--line);border-radius:7px;outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0f9f9521}.primary-button,.secondary-button,.ghost-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:7px;cursor:pointer;font-weight:800}.primary-button{color:#fff;background:linear-gradient(135deg,#0d958f,#2368d9);box-shadow:0 14px 28px #2368d938}.secondary-button{color:#173f52;background:#e8f6f5;border:1px solid #b8e2df}.ghost-button{color:#536573;background:transparent;border:1px solid transparent}button:disabled{cursor:not-allowed;opacity:.55}.quick-accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.quick-accounts button{min-height:36px;color:#486070;background:#f2f6f8;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:12px;font-weight:700}.login-brief{display:grid;gap:16px}.brief-card{max-width:680px;padding:46px;background:linear-gradient(145deg,#fffffff0,#eff9f9f0),var(--surface)}.brief-card svg{color:var(--teal)}.brief-strip{display:flex;flex-wrap:wrap;gap:10px}.brief-strip span,.kind-pill{display:inline-flex;min-height:30px;align-items:center;padding:0 11px;color:#12645f;background:#e8f7f5;border-radius:999px;font-size:12px;font-weight:800}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);overflow-x:hidden}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:26px;padding:20px 14px;color:#fff;background:#10202d}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.logout{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;color:#cfe0e8;background:transparent;border:0;border-radius:7px;cursor:pointer;font-weight:800;text-align:left}.sidebar nav button.active{color:#fff;background:#ffffff1a}.sidebar-help{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px;color:#bfd1dc;border-top:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700}.logout{margin-top:0}.workspace{min-width:0;padding:0 clamp(14px,2vw,24px) 34px}.topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;margin:0 calc(clamp(14px,2vw,24px)*-1) 18px;padding:0 clamp(14px,2vw,24px);background:#ffffffdb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar strong{color:var(--teal);font-size:18px}.topbar-user{display:inline-flex;align-items:center;gap:12px;color:#4d6170;font-size:13px;font-weight:700}.badge-dot{display:grid;width:18px;height:18px;place-items:center;color:#fff;background:#e0313d;border-radius:999px;font-size:11px}.page-header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.page-header h1{max-width:920px;margin-bottom:6px;font-size:clamp(24px,2.1vw,30px)}.page-header p:last-child{max-width:760px;margin-bottom:0;line-height:1.45}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:8px}.stats-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{position:relative;min-height:58px;padding:10px 16px;box-shadow:none}.stat svg{position:absolute;top:18px;right:18px;color:#8ca0ae}.stat span{display:block;margin-bottom:4px;color:var(--muted);font-size:13px;font-weight:800}.stat strong{display:block;font-size:19px}.stat.accent strong{color:var(--amber);font-size:20px}.admin-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:14px;margin-bottom:10px}.surface{padding:12px 14px;box-shadow:var(--soft-shadow)}.surface-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.surface-title h2{margin-bottom:0}.surface-title span{color:var(--muted);font-size:13px;font-weight:700}.action-panel{display:grid;align-content:start;gap:10px}.dropzone{min-height:62px;place-items:center;padding:12px;color:#486070;text-align:center;background:#f4fbfb;border:1px dashed #9bd5d0;border-radius:var(--radius);cursor:pointer}.dropzone input{display:none}.dropzone strong{color:#173f52}.dropzone svg{width:20px;height:20px}.dropzone span,small{color:var(--muted);font-size:12px}.password-note{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;color:#895c13;background:#fff7e7;border:1px solid #f1ddae;border-radius:7px;font-size:13px;font-weight:800}.notice{margin-bottom:16px;padding:12px 14px;border-radius:7px;font-weight:800}.notice.success{color:#12645f;background:#e7f8f4;border:1px solid #b7e5de}.notice.error{color:#8c2730;background:#fff0f1;border:1px solid #f2c6ca}.file-tools{align-items:flex-start;flex-direction:column}.search-box{position:relative;width:min(340px,100%)}.search-box svg{position:absolute;top:13px;left:12px;color:#70828e}.search-box input{padding-left:38px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:13px 8px;text-align:left;border-bottom:1px solid #edf2f5;vertical-align:middle}th{color:#627382;font-size:12px;font-weight:900}td{color:#2f414d;font-size:13px}.file-name{display:block;max-width:300px;overflow:hidden;color:#17465b;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.file-name-link{padding:0;text-align:left;text-decoration:underline;text-underline-offset:3px;background:transparent;border:0;cursor:pointer}.file-name-link:hover{color:var(--blue)}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px}.preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#09161fb8}.preview-panel{position:relative;z-index:1;display:grid;width:min(980px,100%);max-height:92vh;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 24px 70px #09161f52}.preview-header,.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.preview-header{border-bottom:1px solid #edf2f5}.preview-header h2{margin-bottom:3px;font-size:18px}.preview-header span{color:var(--muted);font-size:13px;font-weight:800}.preview-body{display:grid;min-height:260px;max-height:68vh;place-items:center;overflow:auto;background:#101820}.preview-body img,.preview-body video{display:block;max-width:100%;max-height:68vh}.preview-body iframe{width:100%;min-height:68vh;border:0;background:#fff}.preview-actions{justify-content:flex-end;border-top:1px solid #edf2f5}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions a,.row-actions button:not(.more-button){display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 9px;color:#17465b;background:#edf7f8;border:0;border-radius:7px;cursor:pointer;font-size:12px;font-weight:900}.admin-summary-grid{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr);gap:14px;margin-bottom:10px}.section-support{margin-top:12px}.select-customer-card{display:grid;align-content:start;gap:10px}.customer-info-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:8px 0 0}.customer-info-card div{min-width:0}.customer-info-card dt{color:var(--muted);font-size:12px;font-weight:800}.customer-info-card dd{margin:4px 0 0;color:var(--ink);font-size:13px;font-weight:800}.file-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;color:#3a5060;font-size:12px}.file-type-options strong{grid-column:1 / -1}.file-type-options label{display:flex;grid-template-columns:none;align-items:center;gap:6px;font-weight:700}.file-type-options input{width:15px;min-height:15px}.filter-bar,.table-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}.filter-bar select,.table-toolbar select,.table-toolbar .search-box{width:160px}.date-filter{display:inline-flex;min-height:38px;align-items:center;gap:8px;padding:0 12px;color:#718290;background:#f9fbfc;border:1px solid var(--line);border-radius:7px;font-weight:700}.compact-button{min-height:36px;padding:0 14px}.single-panel{grid-template-columns:minmax(320px,560px)}.simple-list,.log-list{display:grid;gap:8px}.simple-list button{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:#244455;background:#f8fbfc;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-weight:800}.simple-list button.active{color:#0c6862;background:#e9f8f5;border-color:#a9ded8}.settings-card{display:grid;align-content:start;gap:12px}.settings-row,.log-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;background:#f8fbfc;border:1px solid var(--line);border-radius:7px}.settings-row{justify-content:space-between}.settings-row strong{color:#0c6862}.log-row svg,.log-row span{flex:0 0 auto;color:var(--teal);font-weight:900}.log-row p{margin:0;color:#314958;line-height:1.4}.file-cell{display:flex;align-items:center;gap:11px;min-width:0}.file-thumb{flex:0 0 auto;display:grid;width:46px;height:38px;place-items:center;color:#2368d9;background:#eaf2ff;border-radius:6px}.file-thumb.video{color:#1b6ee0;background:#eaf2ff}.file-thumb.image{color:#0f8f85;background:#e9f8f5}.file-thumb.pdf{color:#d33c45;background:#fff0f1}.status-pill{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;color:#1f7a3f;background:#e9f8ec;border:1px solid #bfe7c7;border-radius:6px;font-size:12px;font-weight:900}.status-pill.processing{color:#a56412;background:#fff6e7;border-color:#efd7a8}.more-button,.pagination-row button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;color:#496170;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-weight:800}.more-button{width:34px}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:var(--muted);font-size:13px;font-weight:700}.pagination-row>div{display:flex;align-items:center;gap:6px}.pagination-row button{width:34px}.pagination-row button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.pagination-row select{width:100px;min-height:32px;font-size:12px}.empty-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:8px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state svg{color:var(--teal)}.empty-state p{margin-bottom:0}@media(max-width:1100px){.login-shell,.admin-grid,.admin-summary-grid{grid-template-columns:1fr}.app-shell{display:block;min-height:100vh;overflow-x:hidden}.login-shell{gap:18px;padding:22px}.sidebar{position:relative;height:auto;width:100%;flex-direction:column;gap:14px;padding:14px 16px}.sidebar nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{flex:0 0 auto;width:auto;min-width:max-content}.sidebar-help{display:none}.logout{align-self:flex-start;margin-top:0;width:auto}.workspace{width:100%;padding:0 14px 28px}.page-header{flex-direction:column}.stats-grid,.stats-grid.two,.stats-grid.four{grid-template-columns:1fr}.admin-grid>*{min-width:0}.table-wrap{max-width:100%}.topbar{margin-top:0}.filter-bar select,.table-toolbar select,.table-toolbar .search-box,.filter-bar .date-filter,.filter-bar button,.table-toolbar button{width:100%}.file-tools{align-items:stretch}.pagination-row{align-items:flex-start;flex-direction:column}.quick-accounts{grid-template-columns:1fr}}