:root{--ink:#17212b;--muted:#687584;--line:#dce3e8;--paper:#fff;--bg:#f4f7f9;--accent:#2563eb;--accent-dark:#1d4ed8;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.shell{max-width:980px;margin:0 auto;padding:42px 20px 70px}.narrow{max-width:680px}.brand{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--muted)}h1{margin:14px 0 10px;font-size:clamp(32px,5vw,54px);line-height:1.03;letter-spacing:-.04em}h2{margin:0 0 18px;font-size:22px}p{line-height:1.55}.muted{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 30px #182b3d0b}.dropzone{margin-top:28px;border:2px dashed #aebdca;border-radius:16px;padding:38px 20px;text-align:center;background:#fbfdff;cursor:pointer;transition:.15s}.dropzone.active,.dropzone:hover{border-color:var(--accent);background:#eff6ff}.dropzone input{display:none}.drop-icon{font-size:35px;margin-bottom:8px}.button,button{border:0;border-radius:9px;background:var(--accent);color:white;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.button:hover,button:hover{background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}.button.secondary,button.secondary{color:var(--ink);background:#eaf0f4}.button.danger,button.danger{background:#fff0ee;color:var(--danger)}.row{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.file-list{list-style:none;padding:0;margin:22px 0;display:grid;grid-gap:8px;gap:8px}.file-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.file-item .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size,.status{color:var(--muted);font-size:13px}.error{color:var(--danger);background:#fff4f2;border:1px solid #f2c4bd;border-radius:9px;padding:12px 14px}.success{color:#17603a;background:#effaf3;border:1px solid #b8e2c7;border-radius:9px;padding:16px}.progress{height:8px;background:#e7edf2;border-radius:99px;overflow:hidden;margin-top:14px}.progress>span{display:block;height:100%;background:var(--accent);transition:width .15s}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.grid{grid-gap:18px}.admin-grid,.grid{display:grid;gap:18px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px}label{display:grid;grid-gap:7px;gap:7px;font-weight:700;font-size:14px}input,select{width:100%;border:1px solid #bcc8d1;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}form{display:grid;grid-gap:16px;gap:16px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pill,th{font-size:12px}.pill{border-radius:99px;padding:4px 9px;background:#e9f1ff;color:#1e40af;font-weight:700}.pill.off{background:#edf0f2;color:#687584}.linkbox{word-break:break-all;background:#f4f7f9;border-radius:8px;padding:10px;font-size:12px;margin-top:8px}@media (max-width:600px){.shell{padding-top:26px}.card{padding:20px}td:nth-child(2),th:nth-child(2){display:none}}