:root{--primary: #0f172a;--success: #30ad73;--danger: #b42318;--bg: #f3f4f6;--text: #0f172a;--card: #ffffff;--muted: #64748b;--line: #d7dde5}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:#fff;border:1px solid #d8dee8;border-radius:14px;box-shadow:0 12px 28px #0f172a14;padding:24px}.roc-logo{width:120px;height:120px;object-fit:contain}.login-logo{margin-bottom:8px}.login-kicker{margin:0;color:#64748b;font-weight:600}.login-card h1{margin:8px 0;font-size:1.7rem;letter-spacing:-.02em}.login-help{margin:0 0 16px;color:#475569}.login-form{display:grid;gap:8px}.login-form label{font-size:.95rem;color:#334155;font-weight:600}.login-form input{border:1px solid #cfd8e3;border-radius:10px;padding:11px 12px;font-size:1rem;outline:none}.login-form input:focus{border-color:#4b84d9;box-shadow:0 0 0 3px #4b84d933}.login-form button{margin-top:8px;border:none;background:#0f172a;color:#fff;border-radius:10px;padding:11px 14px;font-size:1rem;font-weight:700;cursor:pointer}.login-form button:hover{background:#1e293b}.login-error{margin:2px 0 0;color:var(--danger);font-size:.92rem;font-weight:600}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar-inner{width:min(1120px,92vw);margin:0 auto;padding:16px 4px;display:flex;align-items:center;justify-content:space-between}.brand-wrap{display:flex;align-items:center;gap:10px}.topbar-inner h1{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em}.topbar-inner p{margin:2px 0 0;color:#334155}.container{width:min(900px,92vw);margin:0 auto;padding:40px 0 26px;flex:1}.menu-wrap{position:relative}.topbar-actions{display:flex;align-items:center;gap:10px}.logout-btn{border:1px solid #d4dbe5;background:#fff;color:#0f172a;border-radius:10px;padding:10px 12px;font-size:.95rem;font-weight:600;cursor:pointer}.logout-btn:hover{background:#f8fafc}.hamburger-btn{width:44px;height:44px;border-radius:10px;border:1px solid #d4dbe5;background:#fff;font-size:1.4rem;cursor:pointer}.hamburger-menu{position:absolute;right:0;top:52px;width:180px;border:1px solid #d4dbe5;border-radius:12px;background:#fff;box-shadow:0 10px 22px #0f172a21;padding:8px;display:grid;gap:6px;z-index:5}.hamburger-menu button{border:none;background:#f8fafc;color:#0f172a;border-radius:8px;padding:9px 10px;text-align:left;font-size:.98rem;font-weight:600;cursor:pointer}.hamburger-menu button:hover{background:#eef2f7}.hero{text-align:center;margin-bottom:22px}.hero-kicker{margin:0;color:#64748b;font-size:1.1rem}.hero h2{margin:8px 0 0;font-size:clamp(1.9rem,2.8vw,2.4rem);letter-spacing:-.02em}.card{background:var(--card);border-radius:14px;border:1px solid #d8dee8;overflow:hidden;width:100%}.status-banner{display:flex;align-items:center;gap:14px;padding:22px 26px 18px;color:#fff}.status-banner.ok{background:var(--success)}.status-banner.fail{background:var(--danger)}.status-icon{width:34px;height:34px;border:3px solid rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;font-weight:700}.status-banner h3{margin:0;font-size:2rem;line-height:1}.status-banner p{margin:6px 0 0;opacity:.95;font-size:1.2rem}.panel{padding:18px 24px 22px}.panel-title{margin:0 0 12px;font-size:1.3rem}.home-card{background:#fff;border:1px solid #d8dee8;border-radius:14px;padding:26px;text-align:center}.home-card h2{margin:4px 0 0;font-size:clamp(1.7rem,2.3vw,2.2rem)}.home-text{margin:10px 0 0;color:#475569}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.profile-grid h4{margin:0 0 4px;color:#475569;font-weight:500}.profile-grid p{margin:0;font-size:1.15rem;font-weight:700}.results-grid{display:grid;gap:10px}.result-row{border:1px solid #e2e8f0;border-radius:10px;background:#fbfdff;display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.pending-row{background:#f1f5f9;border-color:#d4dbe5}.result-row p{margin:0;font-size:1.15rem}.result-meta{display:grid;justify-items:end;gap:2px}.result-date{color:#64748b;font-size:.88rem}.total{margin:14px 0 0;color:#334155;font-weight:600}.pass{color:var(--success);font-weight:700}.fail-text{color:var(--danger);font-weight:700}.pending-text{color:#f08c00;font-weight:700}.notice{text-align:center;color:#475569;margin:28px 0 22px;font-size:1.05rem}.notice-link{text-align:center;margin:0 0 22px;color:#334155}.notice-link a{color:#0b5bd3;text-decoration:none;font-weight:600}.notice-link a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);text-align:center;color:#475569;padding:18px;background:#fff;font-size:1rem}@media (max-width: 760px){.roc-logo{width:92px;height:92px}.topbar-inner h1,.hero h2{font-size:1.8rem}.status-banner h3{font-size:1.5rem}.status-banner p{font-size:1rem}.profile-grid{grid-template-columns:1fr}.logout-btn{padding:9px 10px;font-size:.86rem}}