@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#18233a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:DM Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}:root{--blue:#3478f6;--line:#e7ebf2;--muted:#8792a5}.eyebrow{color:#5d8cf5;letter-spacing:2px;font-size:11px;font-weight:700}.mark{color:#fff;background:linear-gradient(145deg,#4687ff,#225dc9);border-radius:13px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:0 10px 24px #1f5fc43d}.mark.large{color:#326ee1;width:56px;height:56px;box-shadow:none;background:#fff;border-radius:18px}.login-page{background:#fff;grid-template-columns:minmax(430px,1.08fr) minmax(500px,.92fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#15376a,#1b4d91 65%,#2467ba);flex-direction:column;padding:62px 7vw;display:flex;position:relative;overflow:hidden}.brand-row{z-index:2;align-items:center;gap:17px;display:flex}.brand-row>div:last-child{flex-direction:column;font-size:20px;line-height:1.08;display:flex}.brand-row strong{color:#7fb3ff}.brand-message{z-index:2;margin:auto 0}.brand-message .eyebrow{color:#9dc4ff}.brand-message h1{letter-spacing:-2.3px;margin:22px 0 24px;font-size:clamp(36px,3.4vw,58px);line-height:1.25}.brand-message p{color:#c4d5ed;font-size:16px;line-height:1.9}.login-brand>small{color:#7fa4d0;letter-spacing:1px;z-index:2}.orbit{border:1px solid #ffffff17;border-radius:50%;width:650px;height:650px;position:absolute;bottom:-260px;right:-300px;box-shadow:0 0 0 100px #ffffff08,0 0 0 200px #ffffff04}.login-panel{place-items:center;padding:48px;display:grid}.login-card{width:min(420px,100%)}.mobile-brand{display:none}.login-heading{margin-bottom:42px}.login-heading h2{letter-spacing:-1.6px;margin:14px 0;font-size:36px;line-height:1.35}.login-heading p{color:var(--muted);margin:0}.login-card>label{margin-top:21px;font-size:13px;font-weight:600;display:block}.input{border:1px solid #dfe5ee;border-radius:10px;align-items:center;height:54px;margin-top:9px;display:flex}.input:focus-within{border-color:#4e83ed;box-shadow:0 0 0 3px #3d7bf112}.input input{border:0;border-radius:10px;outline:0;width:100%;height:100%;padding:0 17px}.input button,.options button{color:#71809a;background:0 0;border:0;font-size:11px}.input button{padding:15px}.error{color:#da4f4f;margin:8px 0 0;font-size:11px}.options{color:#657187;justify-content:space-between;margin:18px 0 24px;font-size:11px;display:flex}.login-button{color:#fff;background:linear-gradient(90deg,#245ed0,#397cf2);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-weight:700;display:flex;box-shadow:0 12px 24px #2d6fe22b}.dev-account{color:#718096;background:#f5f8fd;border-radius:8px;justify-content:center;gap:12px;margin-top:20px;padding:12px;font-size:11px;display:flex}.dev-account code{color:#315f9e;font-family:inherit;font-weight:600}.security{text-align:center;color:#a0a9b7;margin-top:35px;font-size:10px;line-height:1.7}.shell{min-height:100vh;display:flex}.shell aside{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:250px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{border-bottom:1px solid #eef1f5;align-items:center;gap:12px;padding:0 10px 28px;display:flex}.logo>div:last-child{flex-direction:column;font-size:17px;line-height:1.05;display:flex}.logo strong{color:#4280ee}.shell nav{flex-direction:column;gap:5px;padding-top:22px;display:flex}.shell nav button{color:#788398;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;height:48px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.shell nav span{flex:1}.shell nav button:hover{background:#f6f8fc}.shell nav button.active{color:#3173e6;background:#edf4ff}.support{background:#f3f7fd;border-radius:12px;margin:auto 4px 16px;padding:17px}.support small{color:#6c88b2;font-size:9px;font-weight:700}.support b{margin-top:8px;font-size:11px;display:block}.support p{color:#8b96a8;margin:5px 0 12px;font-size:9px}.support button{color:#4676bd;background:#fff;border:1px solid #d9e4f4;border-radius:7px;width:100%;padding:8px;font-size:9px}.user{text-align:left;background:0 0;border:0;border-top:1px solid #edf0f4;align-items:center;gap:10px;padding:17px 8px 0;display:flex}.user>span:nth-child(2){flex-direction:column;flex:1;font-size:11px;display:flex}.user small{color:#9099a9;margin-top:3px}.avatar{color:#316dd0;background:#dceaff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700;display:grid}.main{width:100%;padding-left:250px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff2;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.scope{display:flex}.scope button{color:#8490a2;background:0 0;border:0;flex-direction:column;align-items:flex-start;min-width:140px;padding:7px 14px;font-size:9px;display:flex}.scope button+button{border-left:1px solid #edf0f4}.scope b{color:#38455c;margin-top:4px;font-size:10px}.top-actions{align-items:center;gap:7px;display:flex}.top-actions>button:not(.top-user),.hamburger{color:#728097;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.notice{position:relative}.notice i{background:#ef5b5b;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.top-user{background:0 0;border:0;border-left:1px solid #e7eaf0;align-items:center;gap:9px;padding-left:14px;display:flex}.top-user>b{flex-direction:column;font-size:10px;display:flex}.top-user small{color:#909aab;margin-top:2px;font-weight:400}.content{max-width:1500px;margin:auto;padding:34px 38px 18px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.page-title p{color:#7e8a9e;margin:0 0 7px;font-size:11px}.page-title h1{letter-spacing:-1px;margin:0 0 7px;font-size:26px}.page-title span{color:#8b96a8;font-size:12px}.page-title>button{color:#fff;background:#3478f6;border:0;border-radius:8px;padding:12px 17px;font-size:11px;box-shadow:0 8px 18px #3478f62b}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat,.panel{background:#fff;border:1px solid #e9edf3;border-radius:13px;box-shadow:0 3px 14px #253f6410}.stat{border-top:3px solid;padding:20px 21px}.stat.blue{border-top-color:#4b83ee}.stat.green{border-top-color:#48bd88}.stat.orange{border-top-color:#f2a24f}.stat.violet{border-top-color:#8a72dc}.stat header{color:#6e7a8f;justify-content:space-between;font-size:11px;display:flex}.stat header b{color:#6288c5;background:#f2f6fd;border-radius:12px;padding:4px 8px;font-size:9px}.stat>div{margin:13px 0 4px;font-size:31px;font-weight:700}.stat small{margin-left:4px;font-size:12px}.stat p{color:#9aa3b2;margin:0;font-size:10px}.dash-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.panel{padding:21px}.panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.panel-title h2{margin:0 0 5px;font-size:14px}.panel-title p{color:#98a2b1;margin:0;font-size:10px}.panel-title button{color:#718199;background:0 0;border:0;align-items:center;font-size:10px;display:flex}.panel-title>b{color:#e86759;background:#fff1ee;border-radius:10px;padding:3px 8px;font-size:10px}.progress{align-items:center;gap:40px;display:flex}.ring{text-align:center;background:radial-gradient(closest-side,#fff 76%,transparent 78% 99%),conic-gradient(#4382ef 87%,#edf1f6 0);border-radius:50%;place-content:center;width:115px;height:115px;display:grid}.ring b{font-size:23px}.ring span{color:#929dad;font-size:9px}.legend{flex:1}.legend p{border-bottom:1px solid #f0f2f6;justify-content:space-between;margin:0;padding:9px 0;font-size:10px;display:flex}.legend span{color:#738096}.legend p:first-child span{color:#4c84ef}.legend p:nth-child(2) span{color:#e4ae55}.legend p:nth-child(3) span{color:#eb6e68}.bars{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.bars>div{color:#788397;grid-template-columns:25px 1fr 28px;align-items:center;gap:8px;font-size:9px;display:grid}.bars i,.ward>i{background:#edf1f5;border-radius:5px;height:5px;overflow:hidden}.bars i b,.ward>i em{background:#4c84ee;border-radius:5px;height:100%;display:block}.alert{text-align:left;background:#fff;border:0;border-top:1px solid #f0f2f5;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.alert>i{border-radius:8px;place-items:center;width:29px;height:29px;font-size:11px;font-style:normal;font-weight:700;display:grid}.alert>i.red{color:#e85b56;background:#fff0ef}.alert>i.orange{color:#e79537;background:#fff6ea}.alert>i.blue{color:#4b80df;background:#eef5ff}.alert span{flex-direction:column;flex:1;font-size:10px;display:flex}.alert small{color:#929dad;margin-top:4px}.alert em{color:#a6afbc;font-size:9px;font-style:normal}.ward{border-top:1px solid #f0f2f5;grid-template-columns:30px 90px 55px 1fr 30px;align-items:center;gap:9px;padding:13px 0;font-size:10px;display:grid}.ward>span{color:#7286a3;background:#f0f4fa;border-radius:6px;padding:5px}.ward small{color:#9ba4b3}.event{border-top:1px solid #f0f2f5;grid-template-columns:42px 8px 1fr;align-items:start;gap:10px;padding:13px 0;display:grid}.event time{font-size:10px;font-weight:600}.event>i{background:#4d85ef;border-radius:50%;width:7px;height:7px;margin-top:4px}.event span{flex-direction:column;font-size:10px;display:flex}.event small{color:#98a2b2;margin-top:4px}.content footer{text-align:right;color:#a2aab7;margin-top:18px;font-size:9px}.placeholder{text-align:center;max-width:680px;margin:70px auto;padding:70px 30px}.placeholder h1{margin:15px}.placeholder p{color:#7f8a9d;line-height:1.7}.placeholder button{color:#fff;background:#3478f6;border:0;border-radius:8px;margin-top:20px;padding:11px 16px;font-size:11px}.hamburger,.backdrop{display:none}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.scope button:nth-child(3){display:none}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:30px 22px}.mobile-brand{color:#234a80;align-items:center;gap:12px;margin-bottom:45px;display:flex}.login-heading h2{font-size:30px}.shell aside{transition:all .25s;transform:translate(-100%)}.shell aside.open{transform:none;box-shadow:10px 0 40px #17325b2b}.backdrop{z-index:15;background:#14233f73;border:0;display:block;position:fixed;inset:0}.main{padding-left:0}.hamburger{display:grid}.topbar{padding:0 14px}.scope button{display:none}.scope button:nth-child(2){border:0;min-width:auto;display:flex}.top-user>b{display:none}.content{padding:25px 16px}.page-title{align-items:flex-start}.page-title>button{display:none}.page-title h1{font-size:22px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat>div{font-size:26px}.progress{gap:20px}}@media (width<=460px){.stats{grid-template-columns:1fr}.login-heading{margin-bottom:32px}.login-panel{align-items:start}.panel{padding:17px}.ring{width:96px;height:96px}.bars{grid-template-columns:1fr}.ward{grid-template-columns:30px 1fr 55px 30px}.ward>i{display:none}}