:root{--ink:#0b1733;--muted:#64748b;--line:#dbe5f0;--surface:#fff;--canvas:#f4f7fb;--nav:#08162e;--blue:#1769e0;--cyan:#08a9c4;--violet:#7257d9;--danger:#df3e52;--ok:#07866f;font-family:Inter,"Pretendard","Noto Sans KR",system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 20px;background:linear-gradient(180deg,#08162e,#0c2344);color:#eaf2ff;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2f7cf1,#08b4c8);color:#fff;font-weight:900;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand small{color:#91a8c7;font-size:11px;margin-top:2px}.sidebar nav{margin-top:42px;display:grid;gap:7px}.sidebar nav a{padding:11px 13px;border-radius:9px;color:#c6d4e9;font-size:14px}.sidebar nav a:hover{background:#ffffff12;color:#fff}.nav-label{margin:22px 12px 4px;color:#6f8aad;font-size:10px;font-weight:800;letter-spacing:.14em}.sidebar-footer{margin-top:auto;padding:16px 12px 4px;border-top:1px solid #ffffff14}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer small{color:#8fa5c3;margin:4px 0 8px;font-size:11px}.text-button{border:0;background:none;color:#a9bed9;padding:4px 0;cursor:pointer}.main{margin-left:250px;padding:36px 42px 64px;min-height:100vh}.main.full{margin:0;padding:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.page-header h1{margin:6px 0 7px;font-size:30px;letter-spacing:-.04em}.page-header p{margin:0;color:var(--muted)}.eyebrow{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.17em}.live-badge,.count-pill{padding:9px 13px;background:#e7f8f3;color:#08745f;border-radius:999px;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel,.customer-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px #10274a0a}.stat-card{padding:20px;border-top:3px solid var(--ok)}.stat-card.blue{border-top-color:var(--blue)}.stat-card.violet{border-top-color:var(--violet)}.stat-card.alert{border-top-color:var(--danger)}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:32px;margin:7px 0 4px}.stat-card small{font-size:11px}.panel{padding:23px;margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;margin-bottom:18px}.panel h2{margin:0 0 4px;font-size:18px}.panel p{margin:0;color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;padding:11px;border-bottom:1px solid var(--line)}td{padding:14px 11px;border-bottom:1px solid #edf1f6}td small,td strong{display:block}td small{color:var(--muted);margin-top:3px}.tag,.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.tag.public{background:#e6f1ff;color:#145fc3}.tag.gov{background:#efeaff;color:#6144bd}.status.ok{background:#e6f7f1;color:#08745f}.status.warn{background:#fff0ed;color:#c43e35}.table-link{color:var(--blue);font-weight:750}.empty{text-align:center;padding:48px 20px;background:#f8fafc;border-radius:12px;color:var(--muted)}.empty strong{color:var(--ink)}.empty p{margin-top:7px}.empty.compact{padding:24px}.empty.wide{grid-column:1/-1}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.customer-card{padding:21px;transition:.18s ease}.customer-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10274a14}.customer-card h2{margin:13px 0 5px;font-size:18px}.customer-card p{color:var(--muted);font-size:12px}.customer-card dl{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:15px}.customer-card dl div{display:flex;gap:8px}.customer-card dt{color:var(--muted);font-size:12px}.customer-card dd{font-weight:800;margin:0}.arrow{color:var(--blue);font-size:12px;font-weight:800}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.account-row small{display:block;color:var(--muted);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.login-card label{display:grid;gap:6px;color:var(--muted);font-size:12px}.form-grid input,.login-card input{width:100%;border:1px solid #cdd9e7;border-radius:9px;padding:11px;background:#fff;color:var(--ink)}.primary{border:0;border-radius:9px;padding:12px 18px;background:linear-gradient(135deg,#1769e0,#0954be);color:white;font-weight:800;cursor:pointer}.wide{width:100%}.membership-row{display:flex;gap:12px;margin-bottom:20px}.membership-row>span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px}.membership-row strong,.membership-row small{display:block}.membership-row small{color:var(--muted);margin-top:4px}.summary-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-list div{padding:16px;background:#f8fafc;border-radius:10px}.summary-list span,.summary-list strong{display:block}.summary-list span{color:var(--muted);font-size:11px}.summary-list strong{margin-top:5px}.flash{margin-bottom:16px;padding:12px 15px;border-radius:10px}.flash.error{background:#fff0ed;color:#a92d28}.flash.success{background:#e6f7f1;color:#08745f}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:radial-gradient(circle at 15% 25%,#16498a 0,#081832 42%,#061226 100%);color:white}.login-copy{padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center}.login-copy .eyebrow{color:#67d8eb}.login-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-.06em;margin:20px 0}.login-copy>p{max-width:650px;color:#aebed5;font-size:17px;line-height:1.8}.signal-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.signal-row span{padding:8px 12px;border:1px solid #ffffff24;border-radius:999px;color:#c9d8eb;font-size:12px}.login-card{align-self:center;margin:5vw;background:#fff;color:var(--ink);padding:34px;border-radius:20px;box-shadow:0 28px 80px #0005}.brand.compact{margin-bottom:32px}.login-card h2{font-size:25px;margin:0 0 7px}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:25px}.login-card form{display:grid;gap:16px}.security-note{display:block;color:var(--muted);line-height:1.5;margin-top:18px}@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-copy{display:none}.login-card{max-width:460px;width:calc(100% - 32px);margin:auto}}@media(max-width:720px){.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{margin-top:20px;grid-template-columns:repeat(2,1fr)}.sidebar-footer{margin-top:20px}.main{margin:0;padding:24px 16px}.stat-grid,.customer-grid,.summary-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.page-header{gap:12px}.membership-row{overflow:auto}}