*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1a202c}.wrap{max-width:980px;margin:0 auto;padding:28px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.header h1{font-size:20px;margin:0}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px #00000014;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.stat{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014}.stat .n{font-size:24px;font-weight:700}.stat .l{color:#718096;font-size:13px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #edf2f7;font-size:14px}th{color:#718096;font-weight:600}button{background:#2b6cb0;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:13px}button.secondary{background:#718096}input,select{padding:8px 10px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;width:100%;max-width:100%}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field-inline{display:flex;flex-direction:column}.field-inline label{font-size:12px;margin-bottom:4px;color:#4a5568;font-weight:600}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:#fff;padding:32px;border-radius:12px;width:340px;box-shadow:0 4px 16px #0000001a}.login-box h2{margin-top:0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;margin-bottom:6px;color:#4a5568}.error{color:#c53030;font-size:13px;margin-bottom:12px}.badge{padding:2px 8px;border-radius:12px;font-size:12px;background:#edf2f7}.schedule-block{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#f8fafc}.schedule-hint{margin:12px 0 0;font-size:13px;color:#718096}.schedule-hint.scheduled{color:#2b6cb0;font-weight:600}.sched-toggle{display:flex;border:1px solid #cbd5e0;border-radius:8px;overflow:hidden}.sched-toggle button{flex:1;background:#fff;color:#4a5568;border:none;border-radius:0;padding:9px 10px;font-size:13px;font-weight:600}.sched-toggle button+button{border-left:1px solid #cbd5e0}.sched-toggle button.active{background:#2b6cb0;color:#fff}.cal{margin-top:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-title{font-size:14px;font-weight:700;color:#1a202c}.cal-nav{background:#edf2f7;color:#2b6cb0;border:none;width:30px;height:30px;padding:0;border-radius:6px;font-size:18px;line-height:1}.cal-nav:hover{background:#e2e8f0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{margin-bottom:4px}.cal-dow-cell{text-align:center;font-size:11px;font-weight:600;color:#a0aec0;padding:4px 0}.cal-cell{background:transparent;color:#2d3748;border:none;border-radius:6px;padding:0;height:34px;width:100%;font-size:13px}.cal-cell:hover:not(:disabled):not(.empty){background:#ebf4ff}.cal-cell.empty{visibility:hidden}.cal-cell.today{box-shadow:inset 0 0 0 1px #90cdf4;font-weight:700}.cal-cell.selected,.cal-cell.selected:hover{background:#2b6cb0;color:#fff;font-weight:700}.cal-cell:disabled{color:#cbd5e0;cursor:not-allowed}.cal-time{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #edf2f7}.cal-time label{font-size:13px;color:#4a5568;font-weight:600}.cal-time input{width:auto;flex:0 0 auto}.preview-mobile{display:none}@media(max-width:1024px){.wrap{padding:20px}}@media(max-width:768px){.wrap{padding:16px}.header{flex-direction:column;align-items:flex-start;gap:10px}table{display:block;overflow-x:auto;white-space:nowrap}.field-inline{width:100%!important}.preview-col{display:none}.preview-mobile{display:block;margin-bottom:16px}.row{gap:10px}.login-box{width:90%;max-width:360px}.grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}