:root{--orange:#ef5b22;--orange-dark:#c94413;--ink:#17202a;--muted:#65717d;--line:#e6e8e6;--surface:#fff;--soft:#fff3ec}
header nav{margin-left:auto;display:flex;align-items:center;gap:8px;padding:5px;background:#f2f3f1;border:1px solid var(--line);border-radius:14px}
header nav a{margin-left:0!important;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;color:#52606d;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
header nav a:hover{background:#fff;color:var(--ink);transform:translateY(-1px)}
header nav a.active{background:var(--orange);color:#fff;box-shadow:0 5px 14px #ef5b2233}
header nav a:last-child{color:#8b3a28}
.archive-wrap{padding-top:52px}
.archive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
.archive-head>div{max-width:760px}.archive-head h2{font-size:48px;margin:20px 0 10px}.archive-head p{margin:0;color:var(--muted);line-height:1.6}
.back-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 9px 22px #17202a22}
.back-button:hover{background:#273542;color:#fff;transform:translateY(-1px)}
.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #17202a0d}
table{width:100%;border-collapse:collapse;min-width:820px}thead{background:#17202a;color:#fff}th{padding:15px 16px;text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}td{padding:15px 16px;border-bottom:1px solid #edf0ed;color:#36424d;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fffaf6}td:first-child strong{color:var(--ink)}td:nth-child(2){color:#8a4a2e;font-weight:700}
td:last-child{white-space:nowrap}td:last-child a{display:inline-flex;padding:7px 11px;margin-right:7px;border-radius:8px;background:var(--soft);color:var(--orange-dark);font-weight:800;text-decoration:none}td:last-child a:hover{background:var(--orange);color:#fff}
.empty{padding:42px;background:#fff;border:1px dashed #ccd2cc;border-radius:18px;text-align:center;color:var(--muted)}
.public-archive-link{display:block;margin-top:18px;text-align:center;color:var(--orange-dark);font-weight:800;text-decoration:none}.public-archive-link:hover{text-decoration:underline}
.upload-panel{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(390px,1.15fr);align-items:center;gap:28px;margin:0 0 24px;padding:22px 24px;background:linear-gradient(135deg,#17202a,#263744);color:#fff;border-radius:18px;box-shadow:0 16px 36px #17202a20}.upload-panel h3{margin:6px 0 5px;font-size:22px}.upload-panel p{margin:0;color:#d7dee4;line-height:1.5}.upload-panel form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px}.upload-panel button{padding:13px 17px;white-space:nowrap}.upload-panel button:disabled{opacity:.5;cursor:not-allowed}.drop-zone{grid-row:span 2;display:flex;min-height:104px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:15px;background:#ffffff10;border:2px dashed #ffffff55;border-radius:14px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.drop-zone:hover,.drop-zone:focus,.drop-zone.drag-active{outline:none;border-color:#ff8a58;background:#ffffff1c;transform:translateY(-1px)}.drop-zone span{font-size:12px;color:#ccd5dc}.drop-zone .drop-icon{font-size:24px;line-height:1;color:#ff8a58}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-summary{max-width:245px;color:#dce3e8;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.file-summary.error{color:#ffb9a0}.upload-message{margin:0 0 20px;padding:14px 17px;border-radius:12px;font-weight:800}.upload-message.success{color:#196b35;background:#eaf8ee;border:1px solid #bde3c8}.upload-message.error{margin-top:0;color:#a72e18;background:#fff0ec;border:1px solid #f4c5ba}
.archive-controls{display:flex;align-items:flex-end;gap:12px;margin:0 0 16px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px #17202a0a}.archive-controls label{display:flex;flex-direction:column;gap:6px}.archive-controls label span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.archive-controls input,.archive-controls select{min-height:42px;padding:9px 12px;border:1px solid #cfd5d1;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-weight:700}.archive-controls input:focus,.archive-controls select:focus{outline:3px solid #ef5b2225;border-color:var(--orange)}.clear-filter{min-height:42px;padding:9px 14px;border:1px solid #e5b9a6;border-radius:10px;background:var(--soft);color:var(--orange-dark);font-weight:850;cursor:pointer}.clear-filter:hover{background:#ffe6da}.result-count{margin-left:auto;align-self:center;color:var(--muted);font-size:13px;font-weight:800}.archive-no-results{margin-top:16px}
@media(max-width:800px){header{height:auto;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}header nav{width:100%;order:3}header nav a{flex:1;padding:9px 7px;font-size:12px}.archive-wrap{padding-top:36px}.archive-head{align-items:flex-start;flex-direction:column}.archive-head h2{font-size:38px}.back-button{width:100%}.upload-panel{grid-template-columns:1fr}.upload-panel form{grid-template-columns:1fr}.drop-zone{grid-row:auto}.file-summary{max-width:none}.archive-controls{align-items:stretch;flex-direction:column}.archive-controls label,.archive-controls input,.archive-controls select,.clear-filter{width:100%}.result-count{margin-left:0;align-self:flex-start}.table-wrap{border-radius:13px}}