*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#eef7ff}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#eef9ff 0%,#f7fbff 48%,#eef7ff 100%);position:relative}body:before{content:"";position:fixed;inset:0;background:url('apus-background.png') center/cover no-repeat;opacity:.10;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.top{background:linear-gradient(135deg,#078ff0,#1345bb);color:#fff;padding:10px clamp(14px,4vw,48px);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 5px 20px #0752a51c}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff}.brand span{display:grid;line-height:1.05}.brand b{font-size:clamp(18px,2.3vw,25px)}.brand small{font-size:11px;opacity:.9;margin-top:3px}.userbar{display:flex;align-items:center;gap:12px}.top form{margin:0}nav{display:flex;gap:6px;flex-wrap:wrap;padding:10px clamp(12px,4vw,48px);background:#fff;border-bottom:1px solid #dbeafe;box-shadow:0 2px 12px #0f4c8110}nav a{padding:9px 13px;color:#334155;text-decoration:none;border-radius:10px;font-size:14px;font-weight:700}nav a:hover,nav a.active{background:#e5f3ff;color:#0755c7}main{max-width:1200px;margin:26px auto;padding:0 16px;min-height:68vh}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-logo{width:78px;height:78px;object-fit:contain}.page-title h1,h1{font-size:clamp(24px,4vw,34px);margin:8px 0 8px}.page-title p{margin:0;color:#64748b}h2{font-size:20px;margin-top:0}.card{background:#ffffffeb;border:1px solid #dbeafe;border-radius:18px;padding:clamp(16px,3vw,26px);margin:18px 0;box-shadow:0 8px 24px #0b4d8b10;backdrop-filter:blur(3px)}.login{max-width:470px;margin:7vh auto;text-align:center;padding:clamp(24px,5vw,42px)}.login-logo{width:150px;max-width:55vw;height:auto;object-fit:contain}.login h1{font-size:34px;color:#123eaa;margin:8px 0 0}.subtitle{font-size:22px;font-weight:800;color:#075bc7;margin:4px 0}.login>p:not(.subtitle){color:#64748b;margin-top:4px}.login form{text-align:left;display:grid;gap:9px;margin:24px 0 0}.login .btn{margin-top:8px}.login label,label{font-size:14px;font-weight:650;color:#334155}input,select,textarea{font:inherit;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff;color:#172033;margin-top:6px}input:focus,select:focus,textarea:focus{outline:3px solid #bfdbfe;border-color:#3b82f6}.btn{border:1px solid #d7e2f0;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-weight:750;font-size:14px;background:#fff;color:#334155}.btn.primary{background:#167be8;color:#fff;border-color:#167be8}.btn.primary:hover{background:#075fc3}.btn.danger{background:#fff0f0;color:#b42318;border-color:#ffd2d2}.btn.ghost{background:#ffffff20;color:#fff;border-color:#ffffff50}.btn.full{width:100%}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin:22px 0}.tile{min-height:128px;padding:20px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#078ff0,#2353d8);display:grid;align-content:space-between;gap:8px;text-decoration:none;box-shadow:0 8px 20px #0b5cc322}.tile:nth-child(2){background:linear-gradient(135deg,#11998e,#1677c8)}.tile:nth-child(3){background:linear-gradient(135deg,#1c7ed6,#4263eb)}.tile:nth-child(4){background:linear-gradient(135deg,#2563eb,#7c3aed)}.tile:nth-child(5){background:linear-gradient(135deg,#0757c7,#00a8e8)}.tile strong{font-size:34px}.tile small{color:#e8f5ff;margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 28px}.feature-card{background:#fff;border:1px solid #dcecff;border-radius:16px;padding:18px;text-decoration:none;color:#172033;display:grid;gap:6px;box-shadow:0 6px 18px #0b4d8b0c}.feature-card b{color:#0755c7}.feature-card span{font-size:13px;color:#64748b}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.class-card{background:#fff;border:1px solid #d9eaff;border-radius:18px;padding:18px;box-shadow:0 7px 20px #0b4d8b0c}.class-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.class-head span:first-child{display:block;color:#64748b;font-size:12px}.class-head strong{display:block;font-size:34px;color:#0755c7;line-height:1}.class-count{font-size:12px!important;color:#64748b!important}.class-actions,.row-actions{display:flex;gap:8px;flex-wrap:wrap}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;align-items:end}.formgrid label{display:block}.formgrid .wide{grid-column:1/-1}.formgrid button{min-height:44px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e7ebf2;font-size:14px}th{color:#475569;background:#f8fafc}td small,small{display:block;color:#64748b;font-size:12px;margin-top:4px}.notice{max-width:1200px;margin:18px auto 0;padding:12px 16px;background:#eff8ff;border:1px solid #bfe3ff;color:#0755a8;border-radius:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.list-row,.exam-card,.question-admin{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #e4edf7}.list-row:last-child,.exam-card:last-child,.question-admin:last-child{border-bottom:0}.exam-list{display:grid;gap:2px}.badge{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge.ok{background:#e7f8ef;color:#087443}.badge.draft{background:#f1f5f9;color:#64748b}.examrow{display:grid;grid-template-columns:1fr minmax(130px,200px) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e2e8f0}.examrow small{display:block}.examhead{display:flex;align-items:center;justify-content:space-between;gap:16px}.timer{position:sticky;top:10px;background:#0b3f9e;color:white;padding:12px 18px;border-radius:14px;font-size:24px;font-weight:800;white-space:nowrap}.question{border:0;border-bottom:1px solid #e2e8f0;padding:20px 0;margin:0}.question legend{font-size:17px;font-weight:750;line-height:1.6;margin-bottom:12px}.choice{display:flex;gap:10px;align-items:flex-start;font-weight:400;padding:10px;border:1px solid #e2e8f0;border-radius:10px;margin:8px 0;cursor:pointer}.choice:has(input:checked){border-color:#60a5fa;background:#eff6ff}.choice input{width:auto;margin:3px 0 0}.save-status{min-height:14px}.account-box{display:flex;align-items:center;gap:14px}.account-box img{width:64px;height:64px;object-fit:contain}.account-box b{font-size:18px}.account-box small{margin-top:4px}.top+.notice{}footer{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center;padding:28px 16px;color:#64748b;font-size:12px}footer img{width:42px;height:42px;object-fit:contain}textarea{resize:vertical;min-height:90px}
@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}.class-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.quick-grid{grid-template-columns:1fr}.class-grid{grid-template-columns:1fr}.examrow{grid-template-columns:1fr}.top{align-items:flex-start}.userbar{width:100%;justify-content:space-between}.examhead{align-items:flex-start}.timer{font-size:20px}.login{margin:18px auto}.page-logo{width:60px;height:60px}nav{gap:3px;overflow:auto;flex-wrap:nowrap}nav a{padding:8px 10px;font-size:12px;white-space:nowrap}.list-row,.exam-card,.question-admin{align-items:flex-start;flex-direction:column}.row-actions{width:100%}.row-actions .btn,.row-actions form{flex:1}.row-actions form .btn{width:100%}}
@media print{body:before,.top,nav,footer,.btn,.notice{display:none!important}main{max-width:none;margin:0}.card{box-shadow:none;border:0}.question-admin form{display:none}}