:root{--navy:#173b5d;--navy2:#285c87;--blue:#2589dc;--blue-dark:#1474c4;--blue-soft:#eaf4fd;--sky:#edf7ff;--bg:#f7faff;--surface:#fff;--line:#d9e4ef;--line-strong:#c7d7e7;--text:#102a43;--muted:#6c8096;--shadow:0 8px 24px #1e497112}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2589dc3d}.shell{grid-template-columns:214px minmax(0,1fr);min-height:100vh;display:grid}aside{z-index:10;height:100vh;color:var(--navy);background:linear-gradient(#edf7ff 0%,#e5f1fb 100%);border-right:1px solid #d5e5f2;flex-direction:column;padding:22px 14px;display:flex;position:sticky;top:0;box-shadow:6px 0 22px #2a5e890b}.logo{letter-spacing:-.02em;align-items:center;gap:11px;padding:0 8px 25px;font-size:15px;font-weight:850;display:flex}.logo div,.brand-mark{color:#fff;background:linear-gradient(145deg,#35a4f1,#1479c9);border:1px solid #ffffff3d;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:0 8px 18px #07254240}.logo div{font-size:13px}.logo span{white-space:nowrap}nav{gap:5px;display:grid}nav button{color:#587791;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;min-height:43px;padding:11px 13px;font-size:12.5px;font-weight:750;transition:all .18s;display:flex}nav button:hover{color:var(--blue-dark);background:#ffffffb8}nav button.active{color:#fff;background:linear-gradient(90deg,#2589dc,#1d7fcf);border-color:#ffffff1a;box-shadow:0 8px 18px #001d3938}.dept{color:#6c879e;background:#ffffffa6;border:1px solid #d4e5f2;border-radius:10px;margin-top:auto;padding:13px;font-size:12px}.dept strong{color:var(--navy);margin-top:5px;display:block}.content{min-width:0}.content>header{border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;height:78px;padding:0 30px;display:flex}.content h1{color:var(--navy);letter-spacing:-.035em;margin:0 0 5px;font-size:20px;font-weight:850}.content header p{color:var(--muted);margin:0;font-size:11.5px}.user{align-items:center;gap:13px;display:flex}.user span{text-align:right;color:var(--navy);font-weight:800}.user small{color:var(--muted);margin-top:3px;font-weight:500;display:block}.user button{border:1px solid var(--line);width:40px;height:40px;color:var(--navy);background:#fff;border-radius:9px;place-items:center;display:grid}.user button:hover{color:var(--blue-dark);background:var(--sky);border-color:#9fc7e7}.workspace{padding:24px 28px 42px}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.primary,.secondary,.danger,.admin-link{border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 15px;font-weight:800;text-decoration:none;transition:all .16s;display:inline-flex}.primary{border:1px solid var(--blue);color:#fff;background:linear-gradient(#2b93e5,#2184d4);box-shadow:0 5px 13px #2589dc29}.primary:hover{border-color:var(--blue-dark);background:var(--blue-dark);transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary{border:1px solid var(--line-strong);color:var(--navy2);background:#fff}.secondary:hover{color:var(--blue-dark);background:var(--sky);border-color:#8fc0e6}.danger{color:#b42323;background:#fff;border:1px solid #e6a6a6}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.metric{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:19px 20px;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(#43a8eb,#2589dc);width:3px;position:absolute;inset:0 auto 0 0}.metric span{color:var(--muted);font-size:12px;font-weight:800;display:block}.metric strong{color:var(--navy);margin:9px 0 7px;font-size:29px;line-height:1;display:block}.metric small{color:var(--muted);font-size:11.5px}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;margin-bottom:17px;overflow:hidden}.panel>h2{border-bottom:1px solid var(--line);color:var(--navy);background:linear-gradient(#fff,#fbfdff);margin:0;padding:17px 19px;font-size:16px;font-weight:850}.table-wrap{overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}th{border-bottom:1px solid var(--line);color:#60778e;text-align:left;white-space:nowrap;background:#f4f8fc;padding:11px 14px;font-size:11.5px;font-weight:850}td{white-space:nowrap;border-bottom:1px solid #edf2f7;padding:12px 14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#f7fbff}.empty{color:#8b9caf;text-align:center;padding:48px}.badge{color:#1476b8;background:var(--sky);border:1px solid #cce3f5;border-radius:999px;align-items:center;min-height:25px;padding:4px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.mini{color:#166fae;background:#fff;border:1px solid #bdd6ea;border-radius:7px;padding:6px 9px;font-weight:700}.mini:hover{border-color:var(--blue);background:var(--sky)}.search{border:1px solid var(--line-strong);width:330px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;padding:0 12px;display:flex}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2589dc1a}.search input{background:0 0;border:0;outline:0;width:100%;padding:10px}.roles{gap:32px;padding:5px 21px 18px;display:flex}.roles p{color:var(--muted)}.roles strong{color:var(--navy);margin-bottom:5px;display:block}.modal-bg{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061f369e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffff80;border-radius:14px;width:min(570px,100%);box-shadow:0 28px 90px #00182f47}.modal-head{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;padding:17px 20px;display:flex}.modal-head h2{color:var(--navy);margin:0;font-size:18px}.modal-head button{color:var(--muted);background:0 0;border:0;font-size:25px}.form{gap:14px;padding:20px;display:grid}.form label{color:#314b63;gap:7px;font-size:12.5px;font-weight:800;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line-strong);min-height:40px;color:var(--text);background:#fff;border-radius:8px;padding:9px 11px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #2589dc1a}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary{background:var(--sky);border:1px solid #d5e8f7;border-radius:8px;margin:0;padding:12px}.error{color:#c53030;background:#fff0f0;border-radius:8px;padding:10px}.login-page{background:#fff;grid-template-columns:minmax(430px,1.15fr) minmax(430px,1fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#082944 0%,#0c4b7c 62%,#147dcc 100%);flex-direction:column;justify-content:center;padding:9vw;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-170px;right:-120px;box-shadow:0 0 0 80px #ffffff09,0 0 0 160px #ffffff06}.login-brand h1{z-index:1;letter-spacing:-.04em;margin:25px 0 12px;font-size:42px}.login-brand p{z-index:1;color:#c7deef;font-size:17px}.brand-line{z-index:1;background:#49b2fb;border-radius:5px;width:95px;height:4px;margin-top:35px}.login-card{place-self:center;gap:17px;width:min(390px,80%);display:grid}.login-card h2{color:var(--navy);margin:3px 0;font-size:30px}.login-card>p{color:var(--muted);margin:-8px 0 12px}.login-card label{color:#314b63;gap:8px;font-size:13px;font-weight:750;display:grid}.login-card input{border:1px solid var(--line-strong);border-radius:9px;padding:13px}.login-card button{color:#fff;background:var(--blue);border:0;border-radius:9px;padding:14px;font-weight:850}.login-card button:hover{background:var(--blue-dark)}.login-card small{color:var(--muted);text-align:center}.eyebrow{color:var(--blue);letter-spacing:1.2px;font-size:12px;font-weight:850}@media (max-width:1100px){.shell{grid-template-columns:76px minmax(0,1fr)}.logo span,nav button:not(.active){font-size:0}.logo{padding-left:3px}.dept{display:none}nav button{justify-content:center}.metrics{grid-template-columns:1fr 1fr}}@media (max-width:760px){.workspace{padding:18px 15px 32px}.content>header{height:auto;min-height:72px;padding:13px 16px}.content header p{display:none}.metrics,.login-page{grid-template-columns:1fr}.login-brand{display:none}.roles{display:block}.grid{grid-template-columns:1fr}}.logo{flex-direction:column;align-items:flex-start;gap:0;padding:0 5px 18px}.sidebar-logo{object-fit:contain;width:174px;height:62px}.logo small{color:#315e80;letter-spacing:-.01em;margin:-5px 0 0 12px;font-size:14px;font-weight:850}.logo-home{width:100%;color:inherit;text-align:left;background:0 0;border:0}.logo-home:hover .sidebar-logo{filter:brightness(1.03);transform:translateY(-1px)}.logo-home:active .sidebar-logo{transform:translateY(0)}.logo-home .sidebar-logo{transition:filter .15s,transform .15s}.logo-home:focus-visible{border-radius:10px}.login-brand{color:var(--navy);background:linear-gradient(145deg,#eef8ff 0%,#dceffa 62%,#c9e5f7 100%)}.login-brand:after{border-color:#1f6fa81a;box-shadow:0 0 0 80px #fff3,0 0 0 160px #ffffff1f}.login-logo{z-index:1;object-fit:contain;width:270px;height:104px}.login-brand h1{color:var(--navy)}.login-brand p{color:#54758f}.brand-line{background:linear-gradient(90deg,#ff6a2b,#f0a126)}@media (max-width:1100px){.sidebar-logo{width:54px;height:48px}.logo small{display:none}}