body{margin:0;font-family:system-ui,Arial;background:#f5f7fb;color:#172033}header,nav,.card{background:#fff;border:1px solid #e2e8f0}header{padding:18px;display:flex;justify-content:space-between}nav{display:flex;gap:6px;padding:10px;overflow:auto}nav button{padding:10px;border:0;border-radius:9px;background:transparent}nav .on{background:#eef2ff;color:#4338ca;font-weight:700}main{max-width:1050px;margin:20px auto;padding:0 15px}.page{display:none}.page.on{display:block}.card{border-radius:15px;padding:16px;margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}label{font-size:13px;font-weight:700}input,select{width:100%;padding:10px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;margin-top:5px}button,.btn{border:0;border-radius:9px;padding:10px 13px;background:#4f46e5;color:white;cursor:pointer}.secondary{background:#e2e8f0;color:#172033}.danger{background:#fee2e2;color:#b91c1c}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.days{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.day{padding:7px 9px;border:1px solid #ddd;border-radius:8px;cursor:pointer}.day.on{background:#eef2ff;color:#4338ca}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left}.suggest{border-left:4px solid #4f46e5;background:#f8faff;padding:12px;margin:9px 0}.muted{color:#64748b}.big{font-size:28px;font-weight:800}
