:root{font-family:"Pretendard","Malgun Gothic",Arial,sans-serif;color:#25354d;background:#f4f6fa;font-synthesis:none;--accent:#3469d2;--line:#e6ebf2;--muted:#8190a6}*{box-sizing:border-box}body{margin:0;display:flex;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{cursor:pointer;transition:background .15s,box-shadow .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99baff;outline-offset:3px}.sidebar{width:238px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:auto;background:#14223a;color:#fff;padding:29px 19px;display:flex;flex-direction:column}.brand{color:#fff;font-size:27px;letter-spacing:.13em;font-weight:700;padding:0 12px}.brand>span{display:block;letter-spacing:.18em;color:#91a5c3;font-size:8px;font-weight:400;margin-top:3px}.app-identity{margin:33px 12px 24px;padding-bottom:22px;border-bottom:1px solid #ffffff12}.app-identity>span{display:block;font-size:10px;letter-spacing:.12em;color:#91b6ff;margin-bottom:7px}.app-identity strong{font-size:18px;font-weight:600}.app-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 15px;margin:5px 0;text-align:left;border:0;background:transparent;border-radius:10px;color:#b0bfd4;font-size:14px}.app-nav-item.active{background:linear-gradient(110deg,#3d73d8,#2e5cb7);color:#fff;box-shadow:0 5px 16px #0002}.app-nav-item:hover:not(.active){background:#ffffff0c}.nav-icon{font-size:18px;width:21px;color:#9bb5d9}.active .nav-icon{color:#fff}.sidebar-bottom{margin-top:auto;padding:38px 10px 0;display:grid;gap:20px}.sidebar-bottom label{font-size:11px;color:#91a5c3}.sidebar-bottom select{margin-top:8px;width:100%;color:#d3dff0;background:#1d304e;border:1px solid #304563;padding:9px 11px;border-radius:8px}.sidebar-bottom a{color:#b3c2d9;font-size:12px}.local-badge{font-size:10px;letter-spacing:.02em;color:#75c8b0}.sidebar-bottom select option{background:#1d304e}main{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;color:#8190a6;font-size:12px}.topbar>div{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:31px;height:31px;background:#edf3ff;color:#3469d2;border-radius:50%;font-weight:700}.topbar select{border:0;background:transparent;font-size:12px;color:#4c617f}.main-content{max-width:1480px;margin:auto;padding:30px 35px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.eyebrow{font-size:11px;color:#8190a6;letter-spacing:.03em}h1{font-size:28px;line-height:1.5;margin:4px 0 6px;font-weight:650;letter-spacing:-.04em}.page-heading p{color:#8190a6;margin:0;font-size:13px}.heading-actions{display:flex;gap:9px;flex-shrink:0}.primary,.secondary{border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff;box-shadow:0 3px 8px #3469d214}.primary:hover{background:#285abf}.secondary{background:#fff;border:1px solid #dbe3ed;color:#647891}.secondary:hover{background:#f4f7fb}.small{padding:7px 11px;font-size:11px}.demo-notice{display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #dce7fa;background:#edf3fd;border-radius:10px;color:#5e7ca5}.notice-mark{border:1px solid #9ab4df;border-radius:50%;width:19px;height:19px;text-align:center;font-size:12px;flex-shrink:0}.demo-notice strong{font-size:12px;font-weight:600}.demo-notice p{font-size:11px;margin:3px 0 0;color:#7b92b3}.scope-note{font-size:11px;color:#8a99ad;margin:9px 0 17px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.metric{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 5px #18355702}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#7b8aa1;font-size:12px}.metric-icon{width:28px;height:28px;display:grid;place-items:center;background:#f0f5fe;color:#6a92d8;border-radius:8px;font-size:17px}.metric strong{display:block;font-size:clamp(20px,2.1vw,30px);font-weight:650;line-height:1.3;margin:12px 0 8px;letter-spacing:-.04em;color:#2c4160}.metric small{font-size:10px;color:#96a4b6}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px;min-width:0;margin-bottom:21px;box-shadow:0 2px 5px #18355702}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.panel-title h2,h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em}.panel-title>button:last-child{margin-left:auto}.panel-title>.quiet:last-child,.live-dot{margin-left:auto}.live-dot{font-size:10px;color:#7793ad;white-space:nowrap}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#68b69f;border-radius:50%;margin-right:6px;vertical-align:middle}.quiet{font-size:12px;line-height:1.9;color:#8b9bb0}.count{background:#f2f5fa;color:#8798ae;font-size:10px;padding:3px 8px;border-radius:7px}.overview{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview .panel{margin-bottom:21px}.chart-row{display:grid;grid-template-columns:75px minmax(0,1fr) 65px;align-items:center;gap:13px;padding:9px 0;font-size:11px;color:#7d8fa7}.chart-row b{font-weight:500;text-align:right;font-size:11px;color:#506b94}.chart-track{background:#f0f4fa;height:12px;border-radius:4px;overflow:hidden}.chart-bar{height:100%;background:linear-gradient(90deg,#9abaf1,#4f83dc);border-radius:4px;transition:width .3s}.pending-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid #f0f3f7;background:#fff;padding:12px 0;text-align:left;font-size:12px;color:#4c6280}.pending-item:first-child{border:0}.pending-item:hover{background:#f8faff}.pending-item .status{margin-left:auto}.pending-open{font-size:10px;color:#90a3bd}.status{display:inline-block;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:10px;background:#fff5df;color:#b58c37;font-weight:400}.status.done{background:#e9f6f1;color:#559c87}.status.working{background:#eaf1fd;color:#628bd0}.status.muted{background:#f1f2f5;color:#98a1af}.toolbar{display:flex;gap:10px;margin-bottom:17px}.toolbar input{width:290px}.toolbar input,.toolbar select,.section-line input{background:#fafbfd;border:1px solid #e2e8f1;border-radius:7px;padding:9px 12px;color:#566c88;font-size:12px;max-width:100%}.toolbar input::placeholder{color:#a1adc0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}th{padding:12px 13px;font-size:10px;font-weight:500;color:#8d9db2;background:#f7f9fc;border-block:1px solid #edf1f6}td{padding:15px 13px;border-bottom:1px solid #f0f3f7;color:#5f738d;font-size:12px}tbody tr:last-child td{border-bottom:0}.cell-title{display:block;color:#4b6383;font-size:12px;font-weight:500}.cell-sub{display:block;font-size:10px;color:#9aa8bb;margin-top:4px}.table-detail{font-size:10px;white-space:nowrap;border:1px solid #dce6f5;background:#f8faff;padding:6px 10px;color:#6b8dbd;border-radius:6px}.table-detail:hover{background:#eaf1fd}#empty{text-align:center;color:#8b9bb0;font-size:12px;padding:22px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.activity{padding:0;margin:0;list-style:none}.activity li{display:flex;gap:18px;font-size:11px;color:#8295af;padding:10px 0;border-top:1px solid #f1f4f8}.activity time{color:#a7b4c5;font-size:10px;min-width:40px}.guide ol{margin:0;padding:0;list-style:none}.guide li{display:flex;align-items:center;gap:12px;margin:10px 0}.guide li>span{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;background:#eef3fd;color:#7b9bd0;border-radius:7px;font-size:10px}.guide li p{font-size:11px;color:#7b8fa9;margin:0}.special h2{margin-bottom:18px}.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stock-card{background:#f8fafd;border:1px solid #e5ebf5;padding:22px;border-radius:10px}.stock-card>span{color:#7990ae;font-size:12px}.stock-card>strong{display:block;font-size:25px;margin:14px 0;color:#3d639f}.stock-card>small{color:#95a6bb;font-size:10px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-line h2{margin:0}.calendar-slot{display:flex;align-items:stretch;gap:20px;border-top:1px solid #eff3f8;padding:10px 0;min-height:60px}.calendar-slot>time{font-size:12px;color:#90a2ba;width:55px;padding-top:10px;flex-shrink:0}.calendar-booking{border:1px solid #d9e6fa;border-left:3px solid #709de7;background:#f1f6ff;border-radius:7px;text-align:left;flex:1;padding:10px 15px;color:#4a6b9d}.calendar-booking strong{display:block;font-size:12px;font-weight:500}.calendar-booking small{display:block;font-size:10px;color:#8a9fbf;margin-top:3px}.calendar-empty{flex:1;text-align:left;border:1px dashed #e6ebf3;border-radius:7px;color:#a4b0c2;background:#fff;padding:10px 15px;font-size:11px}.kiosk-form{max-width:560px;margin:24px auto 8px;padding:30px;border-radius:15px;background:#f7faff;border:1px solid #e1eaf8;display:grid;gap:24px}.kiosk-form>.primary{padding:15px}footer{font-size:10px;letter-spacing:.05em;color:#a6b2c3;display:flex;justify-content:space-between;padding:0 2px 5px}footer span{letter-spacing:0}.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(520px,100vw);max-width:100vw;border:0;background:#fff;padding:29px 29px 0;color:#364e6f;box-shadow:-10px 0 60px #12223b12}.drawer::backdrop,.editor::backdrop{background:#11213c55;backdrop-filter:blur(2px)}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.drawer-heading small{font-size:10px;letter-spacing:.03em;color:#99aac1;display:block;margin-bottom:6px}.drawer-heading h2{font-size:23px;color:#344f73}.icon-close{border:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#f1f5fb;color:#93a6c0;font-size:22px;flex-shrink:0;line-height:1}.detail-flow{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:19px}.detail-flow span{padding:6px 10px;font-size:10px;border:1px solid #e6ecf5;border-radius:6px;color:#a0aec1}.detail-flow .current{background:#edf3fe;color:#668fcf;border-color:#cddbfa}.detail-list{margin:0 0 25px}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf1f7;font-size:12px}.detail-list dt{color:#94a4bb;flex-shrink:0}.detail-list dd{margin:0;text-align:right;color:#587396;overflow-wrap:anywhere;min-width:0}.drawer h3{font-size:13px;margin:23px 0 8px}.history-line{padding:9px 12px;background:#f7faff;border-radius:7px;font-size:11px;color:#839bb9}.memo-label{margin:25px 0 10px}.memo-label textarea{resize:vertical}.detail-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e7edf5;padding:18px 0;margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}.detail-actions .primary,.detail-actions .secondary{flex:1}.danger{color:#b17676;border-color:#ebdada}.editor{width:min(560px,calc(100vw - 36px));max-height:90dvh;padding:27px;border:0;border-radius:16px;color:#526c8e;box-shadow:0 25px 100px #10233b25}.editor .drawer-heading h2{font-size:21px}.editor .quiet{margin:0 0 22px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:7px;font-size:12px;color:#7e92ad}.form-fields input,.form-fields select,.memo-label textarea,.kiosk-form input,.kiosk-form select{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce5f2;border-radius:8px;color:#4e6b91;background:#fafcff;font-size:13px;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.form-error{font-size:12px;color:#c06161;line-height:1.8;min-height:22px}.toast{position:fixed;bottom:28px;left:calc(50% + 80px);transform:translateX(-50%);max-width:calc(100% - 35px);padding:14px 23px;background:#264f46;color:#f3fffb;border:1px solid #35685c;border-radius:10px;box-shadow:0 8px 30px #12352a22;z-index:10;font-size:12px}.toast.error{background:#7e4141;border-color:#a35a5a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.main-content{padding-top:36px}.page-heading{margin-bottom:27px}.metric{padding:22px 25px}.panel{padding:25px}.metric strong{font-size:32px}td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1100px){.sidebar{width:207px;padding-left:13px;padding-right:13px}.main-content{padding:25px 23px}.topbar{padding:0 23px}.metric{padding:16px}.metric strong{font-size:23px}.metrics{gap:10px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column}.chart-row{grid-template-columns:65px minmax(0,1fr) 52px;gap:9px}.panel{padding:18px}.overview{gap:15px}.metric-icon{width:24px;height:24px}}
@media(max-width:850px){body{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:12px 15px}.brand{font-size:21px;padding:0}.brand>span{font-size:7px}.app-identity{margin:0;padding:0;border:0;text-align:right}.app-identity>span{margin:0;font-size:9px}.app-identity strong{font-size:14px}#app-nav{grid-column:1/-1;display:flex;gap:5px;overflow:auto}.app-nav-item{width:auto;flex:1;white-space:nowrap;justify-content:center;font-size:12px;padding:10px;margin:0;gap:7px}.nav-icon{font-size:15px;width:auto}.sidebar-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;gap:14px}.sidebar-bottom label{font-size:0;display:block}.sidebar-bottom select{margin:0;padding:5px 8px;width:150px;font-size:11px}.sidebar-bottom a{font-size:10px}.local-badge{display:none}.topbar{height:54px;font-size:10px}.topbar select{font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{grid-template-columns:1fr 1fr}.chart-row{grid-template-columns:60px 1fr 45px;gap:7px;font-size:10px}.page-heading p{font-size:12px}.toast{left:50%}}
@media(max-width:600px){.main-content{padding:21px 16px}.topbar{padding:0 16px}.topbar>div{gap:6px}.avatar{height:25px;width:25px;font-size:11px}.page-heading{flex-direction:column;gap:16px}.heading-actions{flex-direction:row;width:100%;justify-content:flex-end}.heading-actions .primary{flex:1}.eyebrow{font-size:10px}h1{font-size:26px}.overview,.bottom-grid{grid-template-columns:1fr;gap:0}.metric strong{font-size:23px}.metric-top{font-size:11px}.metric{padding:14px}.metric small{font-size:9px}.demo-notice{align-items:flex-start;padding:12px}.demo-notice strong{font-size:11px}.demo-notice p{font-size:10px}.toolbar{flex-wrap:wrap}.search-box{flex:1;min-width:150px}.toolbar input{width:100%}.toolbar select{width:100%}.toolbar>label:last-child{min-width:110px}.panel-title{gap:8px}.panel-title h2{font-size:14px}.small{padding:6px 8px;font-size:10px}td{padding:13px 10px}.stock-grid{grid-template-columns:1fr}.stock-card{padding:17px}.stock-card>strong{margin:7px 0}.drawer{padding:23px 20px 0}.editor{padding:23px 20px}.form-fields{grid-template-columns:1fr}.calendar-slot{gap:10px;flex-wrap:wrap}.calendar-booking{min-width:180px}.calendar-slot>time{width:43px}.kiosk-form{padding:21px}footer{display:block;font-size:9px}footer span{display:block;margin-top:4px}.app-nav-item{padding:10px 8px;font-size:11px}.nav-icon{display:none}.section-line input{max-width:150px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}