@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";*{box-sizing:border-box}:root{--hbs-primary:#1b2a4a;--hbs-accent:#e8853d;--hbs-accent-soft:#ffe9d8;--hbs-accent-hover:#d07128;--status-good:#10b981;--status-good-bg:#d1fae5;--status-warn:#f59e0b;--status-warn-bg:#fef3c7;--status-danger:#ef4444;--status-danger-bg:#fee2e2;--status-info:#3b82f6;--status-info-bg:#dbeafe;--channel-dine:#6366f1;--channel-take:#8b5cf6;--channel-delivery:#ec4899;--bg:#f4f5fa;--surface:#fff;--card-bg:#fff;--surface-muted:#f8f9fb;--border:#e5e7eb;--border-soft:#f1f2f6;--text:#2f3349;--text-main:#2f3349;--text-sub:#6b7280;--text-muted:#a7aab1;--sidebar-w:220px;--sidebar-w-collapsed:68px;--topbar-h:52px;--bp-xs:0px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--shadow-xs:0 1px 2px #4b465c0f;--shadow-sm:0 2px 4px #4b465c14;--shadow-card:0 2px 12px #4b465c14;--shadow-lg:0 6px 20px #4b465c1f;--tx:.18s cubic-bezier(.4, 0, .2, 1)}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4{margin:0 0 .5rem}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:6px;outline:none;padding:.5rem .65rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--hbs-primary)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-soft,#f1f2f6);padding:.65rem .85rem}th{background:var(--surface-muted,#f8f9fb);color:var(--text-sub);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600;position:sticky;top:0}td{color:var(--text-main,#2f3349);font-size:.85rem}tbody tr{transition:background var(--tx)}tbody tr:hover td{background:var(--surface-muted,#f8f9fb)}@keyframes modalIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gaugeGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gaugeShine{0%{left:-40%}to{left:120%}}@keyframes stripesFlow{0%{background-position:0 0}to{background-position:28px 0}}@keyframes gaugeGlow{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 8px #ffffff59}}.gauge-fill{transform-origin:0;border-radius:5px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both gaugeGrow,2.6s ease-in-out infinite gaugeGlow;position:absolute;top:0;left:0;overflow:hidden}.gauge-fill.striped{animation:.9s cubic-bezier(.2,.8,.2,1) both gaugeGrow,.9s linear infinite stripesFlow,2.6s ease-in-out infinite gaugeGlow}.gauge-shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff73 50%,#0000 100%);width:40%;animation:2.2s ease-in-out infinite gaugeShine;position:absolute;top:0;bottom:0;transform:skew(-18deg)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.2rem;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem}.kpi-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem;font-size:.75rem;font-weight:600}.kpi-value{font-size:1.4rem;font-weight:700;line-height:1.2}.kpi-sub{color:var(--text-sub);margin-top:.25rem;font-size:.73rem}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1.2rem}.chart-card h3{margin-bottom:.8rem;font-size:.95rem}.chart-grid-2{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.mobile-toggle{z-index:150;background:var(--hbs-primary);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-sm);border:none;border-radius:6px;justify-content:center;align-items:center;line-height:1;display:none;position:fixed;top:.6rem;left:.6rem}@media (width<=1279px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1023px){.chart-grid-2{grid-template-columns:1fr}}@media (width<=767px){:root{--sidebar-w:0px;--sidebar-w-collapsed:0px}.mobile-toggle{display:inline-flex}.sidebar{transition:transform .25s;transform:translate(-100%);width:220px!important;min-width:220px!important}.sidebar.open{transform:translate(0)}main{margin-left:0!important;padding-top:3.2rem!important}.kpi-grid,.chart-grid-2{grid-template-columns:1fr}.mobile-hide{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}table.responsive-table{min-width:480px}}@media (width<=639px){h1{font-size:1.2rem!important}h2{font-size:1.05rem!important}.compact-on-xs{padding:.5rem!important}}.sidebar a:hover{color:#fff!important;background:#ffffff0f!important}.sidebar button:hover{background:#ffffff26!important}@keyframes siren-flash-left{0%,49%,to{opacity:0}10%,40%{opacity:.95}}@keyframes siren-flash-right{0%,49%,to{opacity:.95}10%,40%{opacity:0}}@keyframes siren-dome-glow{0%,to{filter:drop-shadow(0 0 #ef444400)}25%{filter:drop-shadow(-4px 0 6px #ef4444f2)}75%{filter:drop-shadow(4px 0 6px #ef4444f2)}}.alert-siren-flash-left{transform-origin:50% 60%;animation:.9s step-end infinite siren-flash-left}.alert-siren-flash-right{transform-origin:50% 60%;animation:.9s step-end infinite siren-flash-right}.alert-icon-warn{transform-origin:50% 70%;animation:1.8s ease-in-out infinite warn-bob}@keyframes warn-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-2px)rotate(3deg)}}.alert-icon-info{animation:2.4s ease-in-out infinite info-pulse}@keyframes info-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes btnSpin{to{transform:rotate(360deg)}}@keyframes indetSlide{0%{width:35%;left:-35%}50%{width:45%;left:40%}to{width:35%;left:100%}}input,select,textarea{background:var(--surface,#fff);transition:border-color var(--tx), box-shadow var(--tx)}input:focus,select:focus,textarea:focus{border-color:var(--hbs-accent);box-shadow:0 0 0 3px #e8853d1f}.kpi-card{box-shadow:var(--shadow-xs);transition:box-shadow var(--tx), transform var(--tx)}.kpi-card:hover{box-shadow:var(--shadow-card)}.dashboard-insights-row{grid-template-columns:2fr 1fr;align-items:stretch;gap:1rem;margin-bottom:1rem;display:grid}.dashboard-insights-main,.dashboard-insights-side{min-width:0}@media (width<=1023px){.dashboard-insights-row{grid-template-columns:1fr}}@media (width<=839px){.login-shell{grid-template-columns:1fr!important;min-height:auto!important}.login-brand-panel{display:none!important}.login-logo-mobile{display:flex!important}.login-form-panel{padding:2rem 1.5rem!important}}.login-input:focus{border-color:var(--hbs-accent,#e8853d)!important;box-shadow:0 0 0 3px #e8853d1f!important}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1b2a4a66!important}.login-submit:active:not(:disabled){transform:translateY(0)}input[type=checkbox],input[type=radio]{box-shadow:none;accent-color:var(--hbs-accent);vertical-align:middle;border:none;border-radius:0;padding:0;transition:none}input[type=checkbox]:focus,input[type=radio]:focus,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:none;border:none;outline:none}