:root{--ink:#152033;--muted:#6c7688;--line:#e5e9f0;--bg:#f5f7fb;--primary:#3157d5;--danger:#d83a52}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}header{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}header h1{font-family:Arial,sans-serif;margin:0;font-size:24px;letter-spacing:.3px}header span{font-size:12px;color:var(--muted)}button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 18px;cursor:pointer}.logout{color:var(--danger)}.dashboard{max-width:1400px;margin:auto;padding:34px clamp(16px,4vw,54px) 60px}.intro h2{margin:0 0 7px}.intro p,.muted,.panel-title p{color:var(--muted)}.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px #21305b0a}.panel-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.panel-title h2,.panel-title p{margin:0}.panel-title p{font-size:13px;margin-top:4px}.section-icon,.brand-mark{display:grid;place-items:center;background:#edf1ff;color:var(--primary);font-weight:bold;border-radius:12px;width:44px;height:44px}.dropzone{border:2px dashed #cdd5e4;border-radius:14px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.2s}.dropzone.drag{border-color:var(--primary);background:#f4f6ff}.upload-icon{font-size:28px;color:var(--primary)}.dropzone span{color:var(--muted);font-size:12px}.choose,.primary{background:var(--primary);color:#fff;border:0}.status{min-height:24px;font-size:13px;padding-top:10px}.status.error{color:var(--danger)}.file-grid{display:grid;gap:9px;margin-top:5px}.file-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px}.preview{width:76px;height:76px;border-radius:8px;background:#f2f4f8;object-fit:contain}.word-icon{display:grid;place-items:center;background:#e9f0ff;color:#1d59bd;font:bold 24px Arial}.file-name{font-weight:600;overflow-wrap:anywhere}.file-meta{font-size:12px;color:var(--muted);margin-top:5px}.delete{padding:8px 10px;color:var(--danger)}#toast{position:fixed;top:90px;left:20px;background:#152033;color:#fff;border-radius:10px;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1}.modal{position:fixed;inset:0;background:#0c1427a6;display:grid;place-items:center;z-index:30}.modal[hidden]{display:none}.modal-card{background:#fff;border-radius:16px;padding:25px;width:min(92vw,400px)}.modal-card div{display:flex;gap:10px;justify-content:flex-end}.danger{background:var(--danger);color:#fff;border:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#e1e8ff,transparent 35%),var(--bg)}.login-card{width:min(100%,420px);background:#fff;padding:38px;border-radius:22px;box-shadow:0 20px 60px #1c2e641f}.login-card .brand-mark{margin:auto;width:55px;height:55px;font-size:25px}.login-card h1{text-align:center;margin:15px 0 4px}.login-card>p{text-align:center}.login-form{display:grid;gap:17px;margin-top:26px}.login-form label{display:grid;gap:7px;font-size:13px}.login-form input{border:1px solid #ccd3df;border-radius:10px;padding:12px;direction:ltr}.login-form button{margin-top:4px}.alert{padding:11px;border-radius:9px;font-size:13px}.alert.error{background:#fff0f2;color:#b82139}@media(max-width:800px){.sections{grid-template-columns:1fr}.dashboard{padding-top:24px}.file-card{grid-template-columns:62px minmax(0,1fr) auto}.preview{width:62px;height:62px}.panel{padding:16px}.login-card{padding:28px 22px}}