:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#f4f6f8; color:#18212b; }
* { box-sizing:border-box; }
body { margin:0; }
.shell { width:min(1180px, calc(100% - 32px)); margin:32px auto 64px; }
header,.section-head,.actions,.folder-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }
header { margin-bottom:24px; }
h1,h2,p { margin-top:0; }
h1 { margin-bottom:0; font-size:clamp(25px,4vw,38px); }
h2 { font-size:19px; }
.eyebrow { margin-bottom:5px; color:#16745b; font-size:12px; font-weight:800; letter-spacing:.13em; }
.card { background:#fff; border:1px solid #dfe5e8; border-radius:16px; padding:22px; margin-bottom:18px; box-shadow:0 8px 28px rgba(30,45,55,.05); }
.login-card { width:min(440px,100%); margin-inline:auto; }
.grid { display:grid; gap:14px; }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
label { display:grid; gap:7px; font-size:13px; font-weight:700; }
input,select,button { min-height:42px; border-radius:9px; border:1px solid #cdd6db; padding:9px 11px; font:inherit; }
button { border-color:#11624e; background:#11624e; color:#fff; font-weight:750; cursor:pointer; }
button:hover { filter:brightness(.94); }
button:disabled { opacity:.5; cursor:not-allowed; }
button.secondary { background:#eef7f4; color:#11624e; }
button.ghost { min-height:36px; background:transparent; border-color:#cdd6db; color:#33414b; }
.actions { justify-content:flex-start; flex-wrap:wrap; margin-top:16px; }
.folder-row { align-items:end; margin-top:16px; }
.folder-row label { flex:1; }
.muted { color:#61717b; font-size:13px; margin:12px 0 0; }
.dropzone { min-height:150px; place-items:center; align-content:center; border:2px dashed #9db7af; border-radius:14px; background:#f5fbf9; cursor:pointer; text-align:center; }
.dropzone.drag { border-color:#11624e; background:#e8f7f2; }
.dropzone input { position:absolute; width:1px; height:1px; opacity:0; }
.dropzone span { font-size:16px; }
.dropzone small { color:#61717b; font-weight:500; }
.uploads { display:grid; gap:10px; margin-top:14px; }
.upload-item { display:grid; grid-template-columns:minmax(180px,1fr) 2fr auto; align-items:center; gap:12px; font-size:13px; }
.progress { height:9px; background:#e7ecef; border-radius:999px; overflow:hidden; }
.progress i { display:block; width:0; height:100%; background:#16866a; transition:width .15s; }
.notice { padding:12px 14px; margin-bottom:16px; border-radius:10px; background:#e9f7f2; color:#0d5d47; }
.notice.error { background:#fff0ef; color:#9f2f29; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; min-width:760px; }
th,td { padding:12px 10px; border-bottom:1px solid #e5eaed; text-align:left; font-size:13px; }
th { color:#60707a; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.status { display:inline-block; border-radius:999px; padding:4px 8px; background:#edf2f4; font-size:11px; font-weight:800; }
.hidden { display:none !important; }
@media (max-width:800px) { .grid.three { grid-template-columns:1fr; } .folder-row { align-items:stretch; flex-direction:column; } .folder-row button { width:100%; } .upload-item { grid-template-columns:1fr; } }