:root{color-scheme:light;--ink:#1c2c44;--muted:#6a798c;--navy:#101b2e;--blue:#1764d4;--light:#f5f8fc;--border:#e4eaf2;--white:#fff;--shadow:0 14px 40px rgba(22,41,72,.06)}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--light);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1120px;padding:0 24px;margin:auto}.topbar{background:var(--navy);color:#f8fbff}.nav{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:20px;font-weight:750;letter-spacing:-.6px}.brand-mark{color:#72b7ff;font-size:27px;vertical-align:middle;margin-right:8px}.brand-pill{font-size:10px;background:#1a406b;padding:3px 6px;border-radius:5px;letter-spacing:1px;margin-left:4px}.nav nav{display:flex;align-items:center;gap:22px;font-size:13px;color:#cad5e5}.nav nav a:hover{color:white}.nav form{display:inline}.nav-button{background:none;border:0;color:#cad5e5;cursor:pointer;padding:3px}.hero{padding:54px 0 33px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#2873d9;margin:0 0 12px}h1{font-size:clamp(30px,4.6vw,42px);line-height:1.18;letter-spacing:-1.5px;margin:0 0 12px}h2{font-size:19px;letter-spacing:-.5px;margin:0}.muted{color:var(--muted);margin:0}.status-link{font-size:13px;color:#445f7e;font-weight:650;background:white;border:1px solid var(--border);padding:11px 16px;border-radius:10px;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;background:#26ad79;border-radius:50%;margin-right:7px}.panel{background:white;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.pad{padding:32px}.panel-top{padding:24px 28px 6px;display:flex;align-items:center;gap:14px}.count{color:#8795a7;font-size:12px;background:#f3f6fa;border-radius:20px;padding:4px 10px}.search{display:flex;gap:10px;padding:16px 28px 26px}.search input,.login-form input{width:100%;border:1px solid #d8e2ed;background:white;padding:12px 14px;border-radius:9px;outline:none;min-width:0}.search input:focus,.login-form input:focus{border-color:#2c79de;box-shadow:0 0 0 3px #dcecff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:720;cursor:pointer;white-space:nowrap;border:1px solid transparent}.btn.primary{background:#1764d4;color:white}.btn.primary:hover{background:#0c53be}.btn.soft{background:#eef4fd;color:#1c5db4}.btn.outline{border-color:#cdddF0;color:#1b62bd;background:#fff}.file-list{border-top:1px solid var(--border)}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 165px 110px;align-items:center;gap:12px;padding:16px 28px;border-bottom:1px solid #edf1f6}.file-row.headings{font-size:10px;letter-spacing:1.2px;color:#98a4b4;font-weight:850;background:#fbfcfe;padding-top:12px;padding-bottom:12px}.file-info{display:flex;gap:13px;min-width:0;align-items:center}.file-info strong{font-size:14px;overflow-wrap:anywhere}.file-icon{display:flex;align-items:center;justify-content:center;background:#eaf2fd;color:#276ac4;width:38px;height:38px;border-radius:10px;flex-shrink:0;font-weight:800;font-size:20px}.file-desc{font-size:12px;color:#7d8ca0;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.meta{font-size:12px;color:#677a91}.pager{display:flex;justify-content:space-between;align-items:center;padding:19px 28px;gap:10px}.text-link{font-size:13px;color:#2873c6;font-weight:650}.hint{font-size:12px;color:#78879a;padding:22px 2px 48px}.empty{text-align:center;padding:48px 20px}.empty-symbol{font-size:36px;color:#9ab2d4}.empty h3{margin:8px 0}.empty p{color:#7a899a;font-size:13px}.footer{font-size:12px;color:#8b99aa;padding-bottom:35px}.login-shell{min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;padding:45px 0}.login-card{width:min(450px,100%);background:white;border:1px solid var(--border);border-radius:20px;padding:43px;box-shadow:var(--shadow)}.login-card h1{font-size:32px}.icon-tile{width:48px;height:48px;border-radius:13px;background:#ecf4ff;color:#2469c5;display:grid;place-items:center;font-size:29px;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:10px;margin-top:24px}.login-form label{font-size:12px;font-weight:750}.login-form .btn{margin-top:9px;padding:13px}.small-note{font-size:12px;color:#8895a6;margin:23px 0 0}.alert{background:#fff2f1;color:#a34242;border:1px solid #fad6d2;border-radius:9px;padding:12px 15px;margin:12px 28px 18px;font-size:13px}.login-card .alert,.pad .alert{margin:16px 0}.key-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}.key-row span{color:#718196}.key-row strong{overflow-wrap:anywhere;text-align:right}.good{color:#168861!important}.bad{color:#b74444!important}.error-panel{margin:50px auto;max-width:700px}.error-panel p{margin:20px 0 30px}
@media(max-width:700px){.hero{padding:36px 0 25px;align-items:flex-start;flex-direction:column}.file-row{grid-template-columns:minmax(0,1fr) 95px;gap:8px;padding:14px 17px}.file-row.headings{display:none}.file-row .meta{display:none}.file-row .btn{padding:9px 12px}.search{padding:16px;flex-wrap:wrap}.search input{flex-basis:100%}.panel-top{padding:20px 16px 0}.pager{padding:18px}.nav nav{gap:12px}.nav nav a{font-size:12px}.nav{flex-wrap:wrap;padding-top:10px;padding-bottom:12px}.login-card{padding:29px}.status-link{max-width:100%}}
