*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;background:#f4f7fb;color:#17233a}.shell{display:flex;min-height:100vh}.side{width:232px;background:#102446;color:#dbe7ff;padding:26px 16px}.brand{font-weight:800;font-size:20px;color:white;margin:0 10px 36px}.brand span{color:#6ed0ff}.nav{display:block;padding:12px 14px;margin:6px 0;border-radius:9px;cursor:pointer}.nav.active,.nav:hover{background:#1c3a68;color:white}.main{flex:1;padding:34px;max-width:1440px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0;font-size:27px}.date{color:#65728a}.cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:white;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 2px 8px #1734610a}.card{padding:18px}.card label{font-size:13px;color:#73809a}.value{font-size:30px;font-weight:750;margin:9px 0 2px}.hint{font-size:12px;color:#6680a9}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:20px}.panel h2{font-size:17px;margin:0 0 16px}.panel-header{display:flex;justify-content:space-between;align-items:center}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:#758199;padding:9px 6px;border-bottom:1px solid #e9eef5}.table td{font-size:14px;padding:12px 6px;border-bottom:1px solid #f0f3f8}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.available,.open{background:#e5f8ee;color:#18844e}.assigned,.working{background:#e9f1ff;color:#2e63c6}.inactive,.absent{background:#f0f2f5;color:#657087}.completed{background:#f4ebff;color:#8659b8}.bar{height:8px;background:#edf1f7;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#3678e8}.empty{color:#718096;padding:20px}.view{display:none}.view.active{display:block}.action{border:0;background:#2769d7;color:white;border-radius:7px;padding:9px 12px;font-weight:700;cursor:pointer}.legend{font-size:13px;color:#718096;margin-bottom:14px}@media(max-width:900px){.side{width:64px;padding:20px 7px}.brand{font-size:0;margin:0 0 28px}.brand span{font-size:22px}.nav{font-size:0;padding:14px}.main{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:560px){.cards{grid-template-columns:1fr}.main{padding:16px}.table{font-size:12px}}.overlay{display:none;position:fixed;inset:0;background:#0d1b33;align-items:center;justify-content:center;padding:20px;z-index:10}.login-card{background:white;border-radius:14px;padding:32px;width:100%;max-width:380px;box-shadow:0 18px 48px #05101f55}.login-card h1{margin:0 0 6px;font-size:21px}.login-card p.sub{margin:0 0 22px;color:#6b7891;font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#6b7891;margin-bottom:6px}.field input{width:100%;padding:11px 12px;border:1px solid #d9e1ec;border-radius:8px;font-size:14px}.field input:focus{outline:2px solid #2769d7;border-color:transparent}.login-card .action{width:100%;padding:12px}.err{color:#c62f2f;font-size:13px;min-height:18px;margin:10px 0 0}.userbox{display:flex;align-items:center;gap:10px}.action.ghost{background:#eef2f8;color:#42526e}.shell{display:none}
.bar i{width:0}