@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17212b;--muted:#77828e;--line:#e7ebef;--blue:#2563eb;--bg:#f7f9fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope,Arial,sans-serif}.shell{display:flex;min-height:100vh}aside{background:#101820;color:white;width:250px;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:16px;font-weight:800;letter-spacing:-.4px}.brand span:last-child{display:block;font-size:8px;letter-spacing:1.4px;color:#8e9ba7;margin-top:3px}.brand-mark{display:grid!important;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff!important;font-size:19px!important;letter-spacing:0!important;margin:0!important}nav{margin-top:58px}nav a{display:block;color:#9eabb5;text-decoration:none;padding:13px 14px;border-radius:9px;margin:4px 0}nav a.active,nav a:hover{color:#fff;background:#202d38}.account{margin-top:auto;border-top:1px solid #2a3740;padding:20px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:#d7e7ff;color:#1454ad;display:grid;place-items:center;font-weight:800}.account strong{display:block;font-size:12px}.account small{color:#83909a;font-size:10px}.account form{margin-left:auto}.account button{border:0;background:none;color:#84909a;font-size:11px;cursor:pointer}main{max-width:1050px;width:100%;margin:0 auto;padding:57px 62px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px}h1{font-size:34px;letter-spacing:-1.5px;margin:0 0 8px}h2{font-size:18px;letter-spacing:-.5px;margin:0 0 6px}.muted{color:var(--muted);margin:0;line-height:1.7}.upload-card,.results,.meta{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px 29px;box-shadow:0 4px 20px #25364b05}.upload-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.upload-copy{display:flex;align-items:center;gap:17px}.icon{width:45px;height:45px;border-radius:12px;background:#eaf1ff;color:var(--blue);font-size:28px;display:grid;place-items:center}.upload-copy p{color:var(--muted);margin:7px 0 0;font-size:12px}.upload-form{display:flex;gap:10px;align-items:center}.file-input{max-width:190px;font-size:11px;color:var(--muted)}button.primary{background:var(--blue);border:0;border-radius:8px;color:#fff;padding:12px 17px;font:600 12px Manrope;cursor:pointer;white-space:nowrap}button.primary:hover{background:#1d4ed8}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.count{background:#e9eef3;color:#66727e;border-radius:20px;padding:3px 8px;font-size:11px}.project-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.project-row{min-height:77px;padding:14px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.project-row:last-child{border:0}.project-row:hover{background:#fbfcff}.project-icon{width:38px;height:38px;border-radius:9px;background:#e9f0ff;color:#3971df;display:grid;place-items:center;font-size:10px;font-weight:800}.project-info{flex:1}.project-info strong{display:block;font-size:13px}.project-info span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.status{font-size:10px;font-weight:700;padding:6px 10px;border-radius:20px;background:#eef1f3;color:#65717b}.status.ready{background:#e5f8ee;color:#14834c}.status.processing{background:#fff5db;color:#aa7410}.status.error{background:#ffebeb;color:#c33434}.arrow{color:#aab4bc;font-size:18px}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty-icon{font-size:30px;color:#b5c0c8}.empty h3{color:var(--ink);margin:12px 0 5px}.empty p{margin:0}.back{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:34px}.detail-head{align-items:center}.large{font-size:12px;padding:9px 13px}.results{margin-bottom:20px}.results>p{font-size:12px;margin-bottom:24px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.result-card{position:relative;border:1px solid var(--line);border-radius:10px;padding:17px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:7px}.result-card:hover{border-color:#a8c1f5}.result-card strong{font-size:12px}.result-card span:not(.result-icon){font-size:10px;color:var(--muted)}.result-card b{position:absolute;right:15px;bottom:15px;color:var(--blue);font-size:17px}.result-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:17px}.blue{background:#eaf1ff;color:#3971df}.orange{background:#fff1df;color:#dc8a20}.green{background:#e4f8ef;color:#20a46a}.meta{display:flex;gap:45px}.meta h2{margin-right:auto}.meta span,.meta strong{display:block;font-size:11px}.meta span{color:var(--muted);margin-bottom:5px}.notice{padding:13px 17px;border-radius:8px;background:#eaf1ff;color:#2456a8;margin-bottom:20px;font-size:12px}.notice.error{background:#ffebeb;color:#b52b2b}.notice.success{background:#e5f8ee;color:#147848}.login-wrap{min-height:80vh;display:grid;place-items:center}.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;width:380px;padding:42px;box-shadow:0 12px 40px #25364b0b}.centered{justify-content:center;margin-bottom:40px}.login-card h1{text-align:center;font-size:25px}.login-card>.muted{text-align:center;margin-bottom:25px;font-size:12px}.login-card label{display:block;font-size:11px;font-weight:700;margin:15px 0}.login-card input{display:block;width:100%;border:1px solid #dce3e8;border-radius:7px;padding:12px;margin-top:7px;font:14px Manrope}.full{width:100%;margin-top:15px}
@media(max-width:800px){aside{width:205px}main{padding:35px 25px}.upload-card{display:block}.upload-form{margin-top:20px}.result-grid{grid-template-columns:1fr}.meta{gap:15px;flex-wrap:wrap}}
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#10182099}.modal-backdrop[hidden],.file-preview[hidden],.precheck[hidden]{display:none!important}.upload-modal{position:relative;width:min(100%,510px);background:#fff;border-radius:16px;padding:31px;box-shadow:0 20px 70px #10182040}.upload-modal h2{font-size:22px;margin-bottom:7px}.modal-intro{font-size:12px;margin-bottom:21px}.modal-close{position:absolute;right:19px;top:15px;border:0;background:none;color:var(--muted);font-size:25px;line-height:1;cursor:pointer}.upload-modal .upload-form{display:block}.dropzone{border:1.5px dashed #b9c9dc;border-radius:12px;background:#f8fbff;min-height:190px;padding:26px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);cursor:pointer;transition:.15s}.dropzone:hover,.dropzone.dragover{border-color:var(--blue);background:#f0f6ff}.dropzone strong{color:var(--ink);font-size:13px}.dropzone small{font-size:10px;margin-top:6px}.dropzone-icon{width:39px;height:39px;border-radius:11px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-size:24px;margin-bottom:3px}.dropzone .file-input{position:absolute;width:1px;height:1px;opacity:0}.file-preview{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border-radius:9px;background:#f4f7f9}.file-preview>div{min-width:0}.file-preview strong,.file-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview strong{font-size:11px}.file-preview span:not(.file-check){font-size:10px;color:var(--muted);margin-top:3px}.file-check{width:25px;height:25px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e5f8ee;color:#14834c;font-weight:800}.precheck{padding:10px 12px;border-radius:8px;margin-top:10px;font-size:11px}.precheck.valid{background:#e5f8ee;color:#147848}.precheck.invalid{background:#ffebeb;color:#b52b2b}.modal-submit{width:100%;margin-top:17px}.modal-submit:disabled{background:#b8c5d3;cursor:not-allowed}.field-error{color:#b52b2b;font-size:11px;margin-top:10px}
.archive-head{margin-bottom:25px}.archive-upload{display:inline-flex;align-items:center;text-decoration:none;padding:12px 17px!important}.archive-summary{display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,#eef5ff,#f8fbff);border:1px solid #dce8fb;border-radius:14px;padding:17px 20px;margin-bottom:22px}.summary-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#dceaff;color:var(--blue);font-size:18px;font-weight:800}.archive-summary strong{display:block;font-size:18px;line-height:1.1}.archive-summary span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.summary-divider{width:1px;height:30px;background:#d7e2f0;margin:0 8px}.summary-hint{color:#63758a;font-size:11px}.archive-filters{display:flex;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:27px}.search-field{height:42px;display:flex;align-items:center;gap:9px;flex:1;min-width:220px;padding:0 13px;border:1px solid #dce3e8;border-radius:9px;color:#8997a5}.search-field span{font-size:22px;line-height:1}.search-field input{width:100%;border:0;outline:0;background:none;font:11px Manrope;color:var(--ink)}.filter-select{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.filter-select select{height:42px;min-width:145px;border:1px solid #dce3e8;border-radius:9px;padding:0 10px;background:#fff;color:var(--ink);font:11px Manrope;outline:0}.filter-submit{height:42px;border:0;border-radius:9px;background:#eaf1ff;color:var(--blue);padding:0 16px;font:700 11px Manrope;cursor:pointer}.filter-submit:hover{background:#dceaff}.archive-list-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.archive-list-head h2{margin:0}.archive-list-head>a{margin-left:auto;color:var(--blue);font-size:10px;text-decoration:none}.archive-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.archive-row{display:flex;align-items:center;gap:15px;min-height:88px;padding:16px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:.15s}.archive-row:last-child{border:0}.archive-row:hover{background:#fbfcff}.archive-info{flex:1;min-width:0}.archive-title{display:flex;align-items:center;gap:9px}.archive-title strong{font-size:13px}.archive-info>span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.archive-info small{display:block;color:#9aa6b1;font-size:10px;margin-top:6px}.archive-action{color:var(--muted);font-size:10px;white-space:nowrap}.archive-action b{color:var(--blue);font-size:17px;margin-left:8px}.archive-empty{text-align:center;padding:68px 20px}.archive-empty h3{margin:13px 0 5px;font-size:15px}.archive-empty p{color:var(--muted);font-size:11px;margin:0 0 13px}.archive-empty a{color:var(--blue);font-size:11px;text-decoration:none}@media(max-width:700px){.archive-filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-select{flex:1}.filter-select select{min-width:0;width:100%}.filter-submit{flex:0 0 auto}.summary-hint{display:none}.archive-action{font-size:0}.archive-action b{font-size:18px}.archive-row{padding:14px}.archive-upload{margin-top:15px}}