:root{--canvas:#f4faf9;--surface:#fff;--muted:#eaf5f3;--primary:#217c78;--dark:#155c59;--accent:#7ccdc5;--ink:#173331;--ink-muted:#617875;--line:#d8e8e5;--warning:#b56c32}.loginPage,.configurationPage{place-content:center;min-height:100vh;padding:24px;display:grid}.loginBrand{margin-bottom:28px}.loginBrand h1,.configurationPage h1{margin:7px 0 10px;font-size:34px}.loginBrand>p:last-child,.configurationPage>p:last-child{color:var(--ink-muted)}.loginCard{background:var(--surface);border:1px solid var(--line);border-radius:22px;gap:10px;width:min(440px,100vw - 48px);padding:28px;display:grid}.loginCard label{margin-top:8px;font-size:13px;font-weight:800}.loginCard input{border:1px solid var(--line);border-radius:12px;outline:none;min-height:48px;padding:0 14px;font-size:15px}.loginCard input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--muted)}.loginCard button{min-height:48px;margin-top:14px}.formError{color:#b84e58;background:#fff0f1;border-radius:10px;margin:0 0 4px;padding:12px;font-size:13px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Noto Sans KR,sans-serif}button{background:var(--primary);color:#fff;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#123f3d;flex-direction:column;padding:32px 22px;display:flex}.brand span,.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:11px;font-weight:800;display:block}.brand strong{margin-top:7px;font-size:18px;display:block}nav{gap:7px;margin-top:48px;display:grid}nav a{color:#cbe1df;border-radius:12px;padding:12px 14px;font-size:14px;text-decoration:none}nav a.active{color:var(--dark);background:#fff;font-weight:800}.scope{color:#9fc3c0;margin-top:auto;font-size:12px;line-height:1.7}.scope b,.scope span{display:block}.scope b{color:#d9efec;margin-bottom:6px}nav a{grid-template-columns:50px 1fr;align-items:center;display:grid}nav a small{letter-spacing:.12em;opacity:.65;font-size:9px}.content{width:100%;max-width:1400px;padding:42px}header,.panelHeading{justify-content:space-between;align-items:center;display:flex}h1{margin:5px 0 8px;font-size:32px}h2{margin:4px 0 0}header p{color:var(--ink-muted);margin:0}.stats{grid-template-columns:repeat(6,1fr);gap:14px;margin:32px 0;display:grid}.performanceStats{grid-template-columns:repeat(5,1fr)}.monthFilter,.reportAction{background:var(--surface);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:16px 20px;display:flex}.monthFilter label{align-items:center;gap:12px;font-weight:800;display:flex}.monthFilter input{border:1px solid var(--line);border-radius:10px;padding:9px 12px}.performanceChart{gap:14px;margin-top:24px;display:grid}.performanceBarRow{grid-template-columns:130px 1fr 90px;align-items:center;gap:12px;font-size:13px;display:grid}.horizontalTrack{background:var(--muted);border-radius:99px;height:12px;overflow:hidden}.horizontalTrack i{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:99px;height:100%;display:block}.performanceTablePanel{margin-top:18px;overflow-x:auto}.performanceTable{min-width:1180px}.performanceRow{border-top:1px solid var(--line);grid-template-columns:140px repeat(6,55px) 110px 70px 150px 110px;align-items:center;gap:10px;padding:13px 6px;font-size:12px;display:grid}.performanceRow small{color:var(--warning);margin-top:4px;display:block}.sourceCards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.sourceCards article{background:var(--muted);border-radius:14px;padding:16px}.sourceCards p{color:var(--ink-muted);margin:8px 0 0;font-size:12px}.reportAction p{color:var(--ink-muted);margin:5px 0 0;font-size:13px}.stats article{position:relative;overflow:hidden}.stats article:after{content:"";background:var(--muted);border-radius:50%;width:58px;height:58px;position:absolute;top:-20px;right:-20px}.stats article,.panel,.security{background:var(--surface);border:1px solid var(--line);border-radius:18px}.stats article{padding:20px}.stats p{color:var(--ink-muted);margin:0;font-size:13px}.stats strong{margin:12px 0 5px;font-size:27px;display:block}.stats span{color:var(--primary);font-size:12px}.panel{padding:24px}.secondary{background:var(--muted);color:var(--dark);border-radius:999px;padding:10px 15px;font-size:13px;font-weight:800;text-decoration:none}.table{margin-top:22px}.row{border-top:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:16px 8px;display:grid}.tableHead{color:var(--ink-muted);border:0;font-size:12px}.ok{color:var(--primary)}.warning{color:var(--warning)}.security{background:var(--muted);align-items:center;gap:18px;margin-top:16px;padding:18px 22px;display:flex}.security p{color:var(--ink-muted);margin:0}.securityIcon{background:var(--primary);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-weight:900;display:grid}.profileButton{align-items:center;gap:10px;display:flex}.profileButton span{opacity:.8;font-size:11px}.flash{border-radius:13px;margin-top:22px;padding:14px 18px;font-size:13px;font-weight:700}.flash.success{color:#17645f;background:#def4f0}.flash.error{color:#9d4048;background:#fff0f1}.pageGrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);align-items:start;gap:18px;margin-top:32px;display:grid}.pageGrid>.panel{margin:0}.countBadge{color:var(--dark);background:var(--muted);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.panelDescription{color:var(--ink-muted);font-size:13px;line-height:1.7}.branchRow,.staffRow,.deliveryRow{grid-template-columns:1.7fr .7fr .7fr .8fr}.row div{min-width:0}.row div strong,.row div small{display:block}.row div small{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;overflow:hidden}.muted{color:var(--ink-muted)}.adminForm{gap:14px;margin-top:24px;display:grid}.inlineAdminForm{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;display:grid}.compactAdminForm{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.compactAdminForm label small{color:var(--ink-muted)}.adminForm label{color:var(--ink);gap:7px;font-size:12px;font-weight:800;display:grid}.adminForm input,.adminForm select,.adminForm textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:11px;outline:none;padding:12px 13px}.adminForm input:focus,.adminForm select:focus,.adminForm textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--muted)}.adminForm button{min-height:48px;margin-top:5px}.adminForm .checkLabel{flex-direction:row;grid-template-columns:none;align-items:center;font-weight:600;display:flex}.adminForm .checkLabel input{width:17px;height:17px}.cardList{gap:12px;margin-top:24px;display:grid}.legalCard{border:1px solid var(--line);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.legalCard h3{margin:9px 0 5px}.legalCard p{color:var(--ink-muted);margin:0;font-size:12px}.status{background:var(--muted);color:var(--dark);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status.draft{color:#a15d23;background:#fff1df}.status.retired{color:#697b79;background:#eef1f1}.emptyState{color:var(--ink-muted);text-align:center;padding:42px 16px}.timeline{margin-top:24px}.timeline article{grid-template-columns:20px 1fr;gap:12px;padding:4px 0 24px;display:grid;position:relative}.timeline article:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:13px;bottom:0;left:5px}.timelineDot{background:var(--primary);z-index:1;border-radius:50%;width:11px;height:11px;margin-top:3px}.timeline p{color:var(--ink-muted);margin:6px 0 0;font-size:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:24px}.stats{grid-template-columns:repeat(3,1fr)}.pageGrid{grid-template-columns:1fr}}@media (max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1.3fr 1fr}.row span:nth-child(n+3){display:none}.security{flex-direction:column;align-items:flex-start}header{align-items:flex-start;gap:16px}h1{font-size:27px}.content{padding:20px 16px}.panel{padding:18px}.legalCard{flex-direction:column;align-items:flex-start}}.subscriptionStats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboardGrid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr)}.activityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.activityList{gap:0;margin-top:20px;display:grid}.activityList article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;display:flex}.activityList article:first-child{border-top:0}.activityList strong,.activityList small{display:block}.activityList small,.activityList time{color:var(--ink-muted);margin-top:5px;font-size:11px}.activityList time{text-align:right;flex:none;margin:0}.activityList em{background:var(--muted);color:var(--dark);border-radius:999px;margin-left:5px;padding:4px 7px;font-size:10px;font-style:normal}.widePanel{min-width:0}.trendChart{grid-template-columns:repeat(12,minmax(34px,1fr));align-items:end;gap:10px;min-height:300px;padding-top:24px;display:grid;overflow-x:auto}.trendColumn{text-align:center;gap:6px;min-width:42px;display:grid}.trendColumn b,.trendColumn small{color:var(--ink-muted);white-space:nowrap;font-size:11px}.barTrack{border-bottom:1px solid var(--line);justify-content:center;align-items:end;gap:3px;height:190px;display:flex}.barTrack span{border-radius:6px 6px 0 0;width:12px;min-height:4px;display:block}.revenueBar{background:var(--primary)}.branchBar{background:#d7b468}.chartLegend{justify-content:flex-end;gap:20px;margin-top:18px;display:flex}.chartLegend span{color:var(--ink-muted);align-items:center;gap:7px;font-size:12px;display:flex}.chartLegend i{border-radius:50%;width:9px;height:9px}.revenueDot{background:var(--primary)}.branchDot{background:#d7b468}.planCards,.branchCards{gap:14px;display:grid}.planCards article,.branchCards article{background:var(--muted);border:1px solid var(--line);border-radius:18px;padding:18px}.planCards article>div,.branchCardHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.planCards article span,.branchCardHead small{color:var(--ink-muted);margin-top:5px;font-size:12px;display:block}.planCards dl{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0;display:grid}.planCards dl div{border-top:1px solid var(--line);padding-top:12px}.planCards dt{color:var(--ink-muted);font-size:12px}.planCards dd{margin:4px 0 0;font-size:18px;font-weight:800}.branchMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.branchMetrics span{color:var(--ink-muted);font-size:12px}.branchMetrics b{color:var(--ink);margin-top:5px;display:block}.staffControlRow{grid-template-columns:minmax(190px,1.4fr) minmax(120px,1fr) 100px 90px}.staffPriorityPanel{border:2px solid #bca268}.staffInviteForm{grid-template-columns:1fr 1fr 1.4fr 1fr auto;align-items:end;display:grid}.staffBranchGroups{gap:18px;display:grid}.staffBranchGroup{border:1px solid var(--line);border-radius:16px;overflow:hidden}.staffBranchHeading{background:#f4f1e9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.staffBranchHeading span{color:var(--ink-muted);font-size:12px}.staffMemberForm{border-top:1px solid var(--line);grid-template-columns:minmax(200px,1.5fr) minmax(140px,1fr) 110px auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.branchSelector{border:1px solid var(--line);background:#f8f6f0;border-radius:14px;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:grid}.branchSelector label{gap:7px;display:grid}.staffMemberForm small{color:var(--ink-muted);margin-top:4px;display:block}.accessCheck{align-items:center;gap:7px;display:flex}.dangerButton{color:#9d3f38;background:#fff;border:1px solid #d9a7a2}.compactButton{min-width:66px;padding:8px 12px}@media (max-width:1100px){.subscriptionStats{grid-template-columns:repeat(2,1fr)}.dashboardGrid,.activityGrid{grid-template-columns:1fr}.branchMetrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.trendChart{grid-template-columns:repeat(12,44px)}.subscriptionStats,.staffControlRow,.staffInviteForm,.staffMemberForm,.branchSelector,.branchMetrics{grid-template-columns:1fr}}
