:root{font-family:Arial,"Noto Sans KR",sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:#fff;border-bottom:1px solid #dfe5ee;position:sticky;top:0}.brand{font-weight:800;color:#2357d9;text-decoration:none}.topbar nav{display:flex;gap:16px}.topbar nav a{color:#334155;text-decoration:none}.container{width:min(1100px,92%);margin:28px auto}.auth-card,.panel,.active-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 28px rgba(24,39,75,.08);margin-bottom:20px}.auth-card{max-width:520px;margin:48px auto}.auth-card form,.grid-form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:700}input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}button{border:0;border-radius:10px;padding:12px 16px;background:#2357d9;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#d9363e}.muted{color:#64748b}.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px;background:#e2e8f0}.flash.success{background:#dcfce7}.flash.danger{background:#fee2e2}.flash.warning{background:#fef3c7}.plan-form{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.study-card{border:1px solid #dfe5ee;border-radius:14px;padding:18px;background:#fbfdff}.actions{display:flex;flex-wrap:wrap;gap:10px}.table-wrap{overflow:auto;background:#fff;border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.status{padding:4px 8px;border-radius:999px;background:#e2e8f0}.status.running{background:#dcfce7}.status.break,.status.away{background:#fef3c7}.status.ended{background:#e0e7ff}@media(max-width:760px){.topbar{align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.plan-form{grid-template-columns:1fr 1fr}.plan-form input:first-child,.plan-form button{grid-column:1/-1}.container{width:94%;margin:18px auto}h1{font-size:25px}}
