.app-shell{display:grid;grid-template-areas:"nav header" "nav tabs" "nav body" "nav footer";grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--header-h) auto 1fr var(--footer-h);height:100vh}.app-shell.nav-collapsed{grid-template-columns:0 1fr}.app-nav{grid-area:nav;background:var(--c-nav-bg);color:var(--c-nav-text);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--c-nav-border)}.app-shell.nav-collapsed .app-nav{display:none}.nav-brand{display:flex;align-items:center;gap:var(--sp-3);height:var(--header-h);padding:0 var(--sp-5);flex:none;border-bottom:1px solid var(--c-nav-border)}.nav-brand:hover{text-decoration:none}.nav-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--c-accent),var(--c-primary));color:#fff;font-weight:800;font-size:15px;letter-spacing:-.5px}.nav-brand-text{display:flex;flex-direction:column;line-height:1.2}.nav-brand-text strong{color:var(--c-nav-text-strong);font-size:var(--font-lg);font-weight:800;letter-spacing:.5px}.nav-brand-text small{color:var(--c-nav-muted);font-size:10.5px}.nav-brand-ver{margin-left:6px;font-size:10px;font-weight:700;color:var(--c-accent);vertical-align:middle}.nav-search{position:relative;display:flex;align-items:center;flex:none;padding:var(--sp-3) var(--sp-4) 0}.nav-search-icon{position:absolute;left:calc(var(--sp-4) + 11px);color:var(--c-nav-muted);pointer-events:none}.nav-search-input{width:100%;height:34px;padding:0 32px 0 34px;border:1px solid var(--c-nav-border);border-radius:var(--radius-pill);background:var(--c-nav-hover-bg);color:var(--c-nav-text-strong);font-size:var(--font-sm);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.nav-search-input::-moz-placeholder{color:var(--c-nav-muted)}.nav-search-input::placeholder{color:var(--c-nav-muted)}.nav-search-input:focus{border-color:var(--c-nav-active);box-shadow:0 0 0 2px var(--c-nav-active-bg)}.nav-search-clear{position:absolute;right:calc(var(--sp-4) + 6px);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-nav-muted)}.nav-search-clear:hover{background:var(--c-nav-hover-bg);color:var(--c-nav-text-strong)}.nav-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) 0 var(--sp-5)}.nav-section{list-style:none;margin:0;padding:0}.nav-section.nav-sub{padding:2px 0 var(--sp-2)}.nav-group-title{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px var(--sp-5);background:transparent;border:none;color:var(--c-nav-text);font-size:var(--font-base);font-weight:600;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.nav-group-title:hover{background:var(--c-nav-hover-bg);color:var(--c-nav-text-strong)}.nav-group-icon{flex:none;color:var(--c-nav-muted)}.nav-group-label{flex:1 1 auto}.nav-group-caret{flex:none;color:var(--c-nav-muted);transition:transform var(--t-base)}.nav-group-caret.open{transform:rotate(180deg)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-5) 9px 54px;color:var(--c-nav-text);font-size:var(--font-sm);border-left:2px solid transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.nav-link:hover{background:var(--c-nav-hover-bg);color:var(--c-nav-text-strong);text-decoration:none}.nav-link.active{background:var(--c-nav-active-bg);color:var(--c-nav-text-strong);border-left-color:var(--c-nav-active);font-weight:700}.nav-link.nav-link-top{padding-left:var(--sp-5)}.nav-link-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;flex:none}.nav-link.active .nav-link-dot{opacity:1;background:var(--c-nav-active)}.nav-empty{padding:var(--sp-5);font-size:var(--font-sm);color:var(--c-nav-muted)}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-xs);z-index:20}.header-left{display:flex;align-items:center;gap:var(--sp-3);flex:1 1 auto;min-width:0}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--c-text-muted);width:38px;height:38px;border-radius:var(--radius-sm)}.nav-toggle:hover{background:var(--c-surface-3);color:var(--c-text)}.header-title{font-size:var(--fs-title);font-weight:700;color:var(--c-text-strong)}.header-right{display:flex;align-items:center;gap:var(--sp-2);flex:none}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-muted);transition:background var(--t-fast),color var(--t-fast)}.icon-btn:hover{background:var(--c-surface-3);color:var(--c-text)}.ui-icon-dot-wrap{position:relative;display:inline-flex;line-height:0}.ui-icon-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--c-danger);border:2px solid var(--c-surface);pointer-events:none}.icon-btn.active{background:var(--c-surface-3);color:var(--c-text)}.header-divider{width:1px;height:24px;background:var(--c-border);margin:0 var(--sp-1)}.header-search{position:relative;display:flex;align-items:center}.header-search-icon{position:absolute;left:11px;color:var(--c-text-faint);pointer-events:none}.header-search-input{width:200px;height:34px;padding:0 30px 0 32px;border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);background:var(--c-surface-2);color:var(--c-text);font-size:var(--font-sm);outline:none;transition:width var(--t-base),border-color var(--t-fast),box-shadow var(--t-fast)}.header-search-input::-moz-placeholder{color:var(--c-text-faint)}.header-search-input::placeholder{color:var(--c-text-faint)}.header-search-input:focus{width:280px;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.header-search-clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-faint)}.header-search-clear:hover{background:var(--c-surface-3);color:var(--c-text)}.header-search-pop{position:absolute;top:calc(100% + 6px);left:0;width:340px;max-height:60vh;overflow-y:auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:60}.hs-group{padding:8px 10px 4px;font-size:var(--font-xs);font-weight:700;color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.04em}.hs-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text);font-size:var(--font-sm);text-align:left}.hs-item.active,.hs-item:hover{background:var(--c-primary-soft);color:var(--c-primary)}.hs-item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-item-sub{flex:none;font-size:var(--font-xs);color:var(--c-text-faint);font-family:ui-monospace,monospace}.hs-empty{padding:8px 10px 10px;font-size:var(--font-sm);color:var(--c-text-faint)}.gear-wrap{position:relative;display:inline-flex}.gear-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:60}.gear-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text);font-size:var(--font-sm);font-weight:600;text-align:left}.gear-menu-item:hover{background:var(--c-primary-soft);color:var(--c-primary)}.gear-menu-item.gear-menu-sub{padding-left:14px;font-weight:500}.gear-menu-label{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;font-size:var(--font-xs);font-weight:700;color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.04em}.gear-menu-sep{height:1px;background:var(--c-border);margin:6px 4px}.header-lang-tag{position:absolute;bottom:0;right:0;font-size:8px;font-weight:700;line-height:1;padding:1px 2px;border-radius:3px;background:var(--c-border);color:var(--c-text-muted)}.header-user{display:flex;align-items:center;gap:var(--sp-2);padding:4px var(--sp-2);font-size:var(--font-sm);border:0;background:transparent;border-radius:var(--radius-sm)}.header-user:hover{background:var(--c-primary-soft)}.header-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--c-primary-soft);color:var(--c-primary);flex:none;font-size:12.5px;font-weight:800;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-user-meta{display:flex;flex-direction:column;line-height:1.25;text-align:left}.header-user-meta strong{color:var(--c-text);font-weight:700}.header-user-meta span{color:var(--c-text-muted);font-size:var(--font-xs)}.app-tabs{grid-area:tabs;display:flex;align-items:stretch;gap:2px;padding:0 var(--sp-3);min-height:calc(34px + var(--sp-3));background:var(--c-surface-2);border-bottom:1px solid var(--c-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;z-index:14}.tab-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-2) 0 var(--sp-3);white-space:nowrap;border:none;border-top:2px solid transparent;background:transparent;color:var(--c-text-muted);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.tab-chip:hover{color:var(--c-text);background:var(--c-surface-3)}.tab-chip.active{color:var(--c-text);background:var(--c-surface);border-top-color:var(--c-nav-active)}.tab-chip-label{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.tab-chip.pinned{font-weight:700}.tab-closeall{flex:none;position:sticky;right:0;display:inline-flex;align-items:center;justify-content:center;align-self:center;width:28px;height:28px;margin-left:auto;border:none;border-radius:var(--radius-sm);background:var(--c-surface-2);color:var(--c-text-muted);cursor:pointer}.tab-closeall:hover{background:var(--c-danger-soft);color:var(--c-danger)}.tab-chip-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-faint);cursor:pointer}.tab-chip-close:hover{background:var(--c-surface-3);color:var(--c-text)}.tab-chip-close .ui-icon{pointer-events:none}.app-body{grid-area:body;min-width:0;overflow:auto;padding:var(--sp-5)}.app-body-mdi{position:relative;min-width:0;overflow:hidden;padding:0}.mdi-panel{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;overflow:auto;padding:var(--sp-5)}.mdi-panel.mdi-hidden{display:none}.sdi-panel{display:contents}.app-footer{grid-area:footer;display:flex;align-items:center;justify-content:center;background:var(--c-surface);border-top:1px solid var(--c-border);font-size:var(--font-sm);color:var(--c-text-muted)}@media(max-width:1024px){.app-shell,.app-shell.nav-collapsed{grid-template-areas:"header" "tabs" "body" "footer";grid-template-columns:1fr;grid-template-rows:var(--header-h) auto 1fr var(--footer-h)}.app-nav{position:fixed;top:0;left:0;bottom:0;width:var(--nav-w);z-index:40;box-shadow:var(--shadow-lg);transform:translate(0);transition:transform var(--t-base)}.app-shell.nav-collapsed .app-nav{display:flex;transform:translate(-100%)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e1880;z-index:35}}@media(max-width:640px){.app-body,.mdi-panel{padding:var(--sp-4)}.header-user-meta{display:none}.app-header{padding:0 var(--sp-4)}.header-search{display:none}}.system-shell{display:flex;align-items:flex-start;gap:var(--sp-5);width:100%;min-width:0}.system-subnav{flex:0 0 192px;position:sticky;top:0;display:flex;flex-direction:column;gap:2px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:var(--sp-3)}.system-subnav-group{padding:8px 10px 4px;font-size:var(--font-xs);font-weight:700;color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.04em}.system-subnav-link{display:block;padding:7px 10px;border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--c-text-muted)}.system-subnav-link:hover{background:var(--c-surface-2);color:var(--c-text);text-decoration:none}.system-subnav-link.active{background:var(--c-primary-soft);color:var(--c-primary);font-weight:700}.system-shell-body{flex:1 1 auto;min-width:0}@media(max-width:1024px){.system-shell{flex-direction:column;gap:var(--sp-4)}.system-subnav{position:static;flex:none;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.system-subnav-group{flex:none;padding:6px 8px 6px 4px}}.op-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--c-text-muted);padding:10px 0;border-bottom:1px solid var(--c-border)}.op-meta strong{color:var(--c-text)}.op-content{white-space:pre-wrap;word-break:break-word;line-height:1.7;padding:16px 0;min-height:120px;max-width:820px;color:var(--c-text)}.op-comments{border-top:1px solid var(--c-border);padding-top:16px;margin-top:16px}.op-comments-title{font-size:1rem;margin:0 0 12px}.op-comment-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.op-comment{border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:12px;background:var(--c-surface)}.op-comment--reply{margin-left:28px;background:var(--c-surface-2)}.op-comment-head{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:4px}.op-comment-head .muted{color:var(--c-text-muted)}.op-comment-head .spacer{flex:1}.op-comment-body{white-space:pre-wrap;word-break:break-word;color:var(--c-text)}.op-comment-form{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.op-comment-form textarea{width:100%}.op-comment-actions{display:flex;align-items:center;gap:8px}.op-reply-form{display:flex;gap:8px;margin-top:8px}.op-reply-form input{flex:1}.op-secret-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--c-text)}.op-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}:root,:root[data-theme=light]{--c-primary: var(--accent);--c-primary-hover: var(--accent-hover);--c-primary-active: var(--accent-active);--c-primary-soft: var(--accent-soft);--c-accent: var(--accent-bright);--c-brand-navy: var(--accent);--c-bg: #f3f5f9;--c-surface: #ffffff;--c-surface-2: #f7f9fc;--c-surface-3: #eef1f6;--c-border: #e4e8f0;--c-border-strong: #d4dae6;--c-text: #252525;--c-text-strong: #1a1a1a;--c-text-muted: #3f3f3f;--c-text-faint: #8a8a8a;--c-text-inverse: #ffffff;--c-danger: #e0414b;--c-danger-hover: #c5323b;--c-danger-soft: #fdecee;--c-success: #2ba36b;--c-success-soft: #e7f6ee;--c-warning: #e08a1e;--c-warning-soft: #fdf2e1;--c-info: #2f86c8;--c-info-soft: #e7f1fa;--c-nav-bg: #11233a;--c-nav-bg-2: #0d1c30;--c-nav-text: #aebccd;--c-nav-text-strong: #ffffff;--c-nav-muted: #69788c;--c-nav-active: var(--accent-bright);--c-nav-active-bg: var(--accent-nav-soft);--c-nav-hover-bg: rgba(255, 255, 255, .05);--c-nav-border: rgba(255, 255, 255, .06);--c-focus: var(--accent);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 14px rgba(16, 24, 40, .1), 0 1px 4px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14), 0 4px 10px rgba(16, 24, 40, .08)}:root[data-theme=dark]{--c-primary: var(--accent-bright);--c-primary-hover: var(--accent-bright);--c-primary-active: var(--accent);--c-primary-soft: var(--accent-nav-soft);--c-accent: var(--accent-bright);--c-bg: #0b1320;--c-surface: #131d2e;--c-surface-2: #182437;--c-surface-3: #1f2d43;--c-border: #25344a;--c-border-strong: #324461;--c-text: #d8e2f0;--c-text-strong: #f1f6fc;--c-text-muted: #93a2b8;--c-text-faint: #6c7c93;--c-text-inverse: #0b1320;--c-danger: #f0626b;--c-danger-hover: #f47d85;--c-danger-soft: rgba(240, 98, 107, .14);--c-success: #45c98a;--c-success-soft: rgba(69, 201, 138, .14);--c-warning: #f0a945;--c-warning-soft: rgba(240, 169, 69, .14);--c-info: #5aa9e6;--c-info-soft: rgba(90, 169, 230, .14);--c-nav-bg: #0d1726;--c-nav-bg-2: #0a121f;--c-nav-text: #9fb0c6;--c-nav-text-strong: #ffffff;--c-nav-muted: #5f7088;--c-nav-active: var(--accent-bright);--c-nav-active-bg: var(--accent-nav-soft);--c-nav-hover-bg: rgba(255, 255, 255, .04);--c-nav-border: rgba(255, 255, 255, .05);--c-focus: var(--accent-bright);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--c-primary: var(--accent-bright);--c-primary-hover: var(--accent-bright);--c-primary-active: var(--accent);--c-primary-soft: var(--accent-nav-soft);--c-accent: var(--accent-bright);--c-bg: #0b1320;--c-surface: #131d2e;--c-surface-2: #182437;--c-surface-3: #1f2d43;--c-border: #25344a;--c-border-strong: #324461;--c-text: #d8e2f0;--c-text-strong: #f1f6fc;--c-text-muted: #93a2b8;--c-text-faint: #6c7c93;--c-text-inverse: #0b1320;--c-danger: #f0626b;--c-danger-soft: rgba(240, 98, 107, .14);--c-success: #45c98a;--c-success-soft: rgba(69, 201, 138, .14);--c-warning: #f0a945;--c-warning-soft: rgba(240, 169, 69, .14);--c-info: #5aa9e6;--c-info-soft: rgba(90, 169, 230, .14);--c-nav-bg: #0d1726;--c-nav-bg-2: #0a121f;--c-nav-text: #9fb0c6;--c-nav-text-strong: #ffffff;--c-nav-muted: #5f7088;--c-nav-active: var(--accent-bright);--c-nav-active-bg: var(--accent-nav-soft);--c-nav-hover-bg: rgba(255, 255, 255, .04);--c-nav-border: rgba(255, 255, 255, .05);--c-focus: var(--accent-bright);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .35)}}:root,:root[data-theme-color=BLUE]{--accent: #1f29fc;--accent-hover: #1722d6;--accent-active: #141ba8;--accent-soft: #e8e9ff;--accent-bright: #11c3ff;--accent-nav-soft: rgba(17, 195, 255, .16)}:root[data-theme-color=RED]{--accent: #e11d48;--accent-hover: #be123c;--accent-active: #9f1239;--accent-soft: #fde7ec;--accent-bright: #fb7185;--accent-nav-soft: rgba(251, 113, 133, .18)}:root[data-theme-color=YELLOW]{--accent: #c07d0a;--accent-hover: #a56a08;--accent-active: #855606;--accent-soft: #fbf1dc;--accent-bright: #f5b731;--accent-nav-soft: rgba(245, 183, 49, .2)}:root[data-theme-color=GREEN]{--accent: #15803d;--accent-hover: #166534;--accent-active: #14532d;--accent-soft: #e3f4e9;--accent-bright: #34d07a;--accent-nav-soft: rgba(52, 208, 122, .18)}:root[data-theme-color=PURPLE]{--accent: #7c3aed;--accent-hover: #6d28d9;--accent-active: #5b21b6;--accent-soft: #efe7fd;--accent-bright: #b07df0;--accent-nav-soft: rgba(176, 125, 240, .2)}:root{--grad-brand: linear-gradient(120deg, var(--accent-bright), var(--accent));--grad-hero: linear-gradient(105deg, var(--accent-active) 0%, var(--accent) 62%, var(--accent-bright) 150%);--kpi-green-1: #3f8f16;--kpi-green-2: #79c63f;--kpi-blue-1: #1aa6e2;--kpi-blue-2: #41c4f2;--kpi-purple-1: #a23ad0;--kpi-purple-2: #c75ae3;--kpi-orange-1: #f59e0b;--kpi-orange-2: #f7b13e;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius: 10px;--radius-sm: 7px;--radius-lg: 14px;--radius-pill: 999px;--header-h: 60px;--nav-w: 248px;--footer-h: 44px;--font-base: 14px;--font-sm: 12.5px;--font-xs: 11px;--font-lg: 16px;--font-xl: 20px;--font-family: "Pretendard", "NanumGothic", "Nanum Gothic", -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--fs-title: 17px;--fs-body: 13px;--fs-aux: 11.5px;--fs-grid-header: var(--font-xs);--fs-grid-cell: var(--fs-body);--control-h: 34px;--control-h-sm: 30px;--control-h-lg: 44px;--content-max: none;--t-fast: .12s ease;--t-base: .18s ease;--bp-tablet: 1024px;--bp-mobile: 640px;--nifty-glow: 0 2px 10px color-mix(in srgb, var(--c-primary) 30%, transparent);--nifty-glow-hover: 0 4px 18px color-mix(in srgb, var(--c-primary) 45%, transparent);--fs-panel-head: 14px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.col-span-2{grid-column:span 2 / span 2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:local("Pretendard Regular"),local("Pretendard-Regular"),local("Pretendard")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),local("Pretendard-SemiBold"),local("Pretendard")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:local("Pretendard Bold"),local("Pretendard-Bold"),local("Pretendard")}@font-face{font-family:Pretendard;font-style:normal;font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),local("Pretendard-ExtraBold"),local("Pretendard")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-base);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p,ul,ol{margin:0}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-h);padding:0 14px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),filter var(--t-fast),transform .18s,box-shadow .18s}.btn:hover{background:var(--c-surface-3);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:var(--nifty-glow)}.btn-primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover);box-shadow:var(--nifty-glow-hover)}.btn-danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn-danger:hover{background:var(--c-danger-hover)}.btn-success{background:var(--c-success);border-color:var(--c-success);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--c-surface-3);transform:none;box-shadow:none}.btn-block{width:100%}.btn-lg{height:var(--control-h-lg);font-size:var(--font-base)}.btn-sm{height:var(--control-h-sm);padding:0 10px;font-size:var(--font-xs)}.btn-icon{width:var(--control-h);padding:0}.input,.select,.textarea{width:100%;height:var(--control-h);padding:0 10px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);font-family:inherit;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.textarea{height:auto;min-height:84px;padding:8px 10px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--c-text-faint)}.input::placeholder,.textarea::placeholder{color:var(--c-text-faint)}.input:disabled,.select:disabled{background:var(--c-surface-3);color:var(--c-text-muted)}label{font-size:var(--font-sm)}input[type=checkbox],input[type=radio]{accent-color:var(--c-primary)}.form-field{margin-bottom:var(--sp-4)}.form-field>label{display:block;margin-bottom:6px;font-weight:600;letter-spacing:.02em;color:var(--c-text-muted)}.form-field .req{color:var(--c-danger);margin-left:3px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--sp-5)}.form-grid .form-field.full{grid-column:1 / -1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.page{max-width:var(--content-max);width:100%;min-width:0}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--sp-5)}.card-title{margin:calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)) var(--sp-4);padding:14px var(--sp-5);border-bottom:1px solid var(--c-border);font-size:var(--fs-panel-head);font-weight:700;letter-spacing:.01em;color:var(--c-text-strong)}.card-title[style]{padding:0;border-bottom:none}.card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title .ui-icon{display:inline-block;vertical-align:-.2em;flex:none}.card-title.row{flex-wrap:nowrap}.card-sub{font-size:var(--font-sm);color:var(--c-text-muted)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-header h1{font-size:20px;font-weight:800;color:var(--c-text-strong);letter-spacing:-.02em}.page-header .subtitle{font-size:var(--font-sm);color:var(--c-text-muted);margin-top:4px}.page-header .subtitle{display:flex;align-items:center;gap:6px}.page-header .subtitle .ui-icon{flex:none}.head-summary{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:var(--font-xs);color:var(--c-text-muted)}.head-summary>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.head-summary .dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.page-header-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:700;letter-spacing:.02em;line-height:1.7;white-space:nowrap}.badge:before{display:none}.badge.no-dot:before{display:none}.badge-neutral{background:var(--c-surface-3);color:var(--c-text-muted)}.badge-success{background:var(--c-success-soft);color:var(--c-success)}.badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge-info{background:var(--c-info-soft);color:var(--c-info)}.badge-primary{background:var(--c-primary-soft);color:var(--c-primary)}.badge-purple{background:#a23ad024;color:#a23ad0}.grid-wrap{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow-sm)}table.grid{display:table;width:100%;border-collapse:separate;border-spacing:0;background:var(--c-surface);font-size:var(--fs-grid-cell)}table.grid th.grid-col-flex{width:100%}table.grid th,table.grid td{text-align:left;border-bottom:1px solid var(--c-border);vertical-align:middle;white-space:nowrap}table.grid td{padding:10px 14px}table.grid th.ell,table.grid td.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal}table.grid td.ell{max-width:0}table.grid th.grid-check,table.grid td.grid-check{text-align:center;padding-left:8px;padding-right:8px}table.grid thead th{padding:11px 14px;background:var(--c-nav-bg);color:var(--c-nav-text);font-weight:700;font-size:var(--fs-grid-header);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--c-nav-border);position:sticky;top:0;z-index:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.grid thead th.sortable{cursor:pointer}table.grid thead th.sortable:hover{color:var(--c-nav-text-strong)}table.grid tbody tr{transition:background .12s}table.grid tbody tr:nth-child(odd){background:var(--c-surface-2)}table.grid tbody tr.selected,table.grid tbody tr.selected:nth-child(odd){background:var(--c-primary-soft)}table.grid tbody tr:hover,table.grid tbody tr:nth-child(odd):hover{background:var(--c-surface-3)}table.grid tbody tr:last-child td{border-bottom:none}table.grid td.num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.grid td .mono,table.grid td .badge{white-space:nowrap}table.grid .row-link{cursor:pointer}@media(max-width:640px){table.grid th,table.grid td{padding:8px 10px}}.grid-empty{padding:40px;text-align:center;color:var(--c-text-faint);font-size:var(--font-sm)}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4)}.toolbar .spacer{flex:1 1 auto}.search-box{position:relative;display:flex;align-items:center;min-width:220px}.search-box .ui-icon{position:absolute;left:10px;color:var(--c-text-faint);pointer-events:none}.search-box input{height:var(--control-h);padding:0 10px 0 32px;width:100%;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-size:var(--font-sm);outline:none}.search-box input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.chip{display:inline-flex;align-items:center;gap:5px;height:var(--control-h-sm);padding:0 10px;border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--font-xs);font-weight:600}.chip.active{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary)}.split-form{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-4);align-items:start;width:100%;min-width:0}.split-form>*{min-width:0}@media(max-width:1024px){.split-form{grid-template-columns:1fr}}.bulk-bar{display:flex;align-items:center;gap:var(--sp-3);padding:10px 16px;margin-bottom:var(--sp-3);background:var(--c-primary-soft);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius);color:var(--c-primary);font-size:var(--font-sm);font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap}.pagination-info{margin-right:auto;font-size:var(--font-xs);color:var(--c-text-muted)}.pagination-nav{display:flex;align-items:center;gap:4px}.pagination-size{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--c-text-muted)}.pagination-size .select{height:var(--control-h-sm);width:auto;padding:0 6px;font-size:var(--font-xs)}.pagination button{min-width:var(--control-h-sm);height:var(--control-h-sm);padding:0 8px;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--font-xs);font-weight:600}.pagination button:hover:not(:disabled){background:var(--c-surface-3);color:var(--c-text)}.pagination button.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:var(--nifty-glow)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:var(--font-sm);margin-bottom:var(--sp-4);border:1px solid var(--c-border);border-left:3px solid currentColor}.alert-info{background:var(--c-info-soft);color:var(--c-info)}.alert-error{background:var(--c-danger-soft);color:var(--c-danger)}.alert-warning{background:var(--c-warning-soft);color:var(--c-warning)}.alert-success{background:var(--c-success-soft);color:var(--c-success)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e188c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:var(--sp-4)}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:860px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.modal-head h2{font-size:var(--fs-title);font-weight:800;color:var(--c-text-strong)}.modal-body{padding:var(--sp-5);overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border)}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text-muted)}.modal-close:hover{background:var(--c-surface-3)}.section-title{font-size:var(--font-xs);font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{position:relative;border-radius:var(--radius);padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);box-shadow:var(--shadow-sm);overflow:hidden;min-height:108px;transition:transform var(--t-base),box-shadow var(--t-base)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:after{content:"";position:absolute;top:-30px;right:-20px;width:90px;height:90px;border-radius:50%;background:var(--kc);opacity:.05;pointer-events:none}.kpi-card .kpi-label{font-size:var(--font-sm);font-weight:600;color:var(--c-text-muted);opacity:1}.kpi-card .kpi-value{font-size:28px;font-weight:800;line-height:1.15;margin-top:6px;color:color-mix(in srgb,var(--kc) 70%,var(--c-text-strong));font-variant-numeric:tabular-nums}.kpi-card .kpi-foot{font-size:var(--font-xs);color:var(--c-text-faint);opacity:1;margin-top:4px}.kpi-card .kpi-spark{position:absolute;right:12px;bottom:10px;opacity:.7}.kpi-card .kpi-spark polyline{stroke:var(--kc)}.kpi-card .kpi-icon{position:absolute;top:14px;right:14px;opacity:1;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kc) 15%,transparent);color:var(--kc);line-height:0}.kpi-blue{--kc: var(--kpi-blue-1)}.kpi-green{--kc: var(--kpi-green-1)}.kpi-orange{--kc: var(--kpi-orange-1)}.kpi-purple{--kc: var(--kpi-purple-1)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.dash-grid>*{min-width:0}.dash-grid{align-items:stretch}.dash-grid>.card{margin-top:0;display:flex;flex-direction:column}.dash-grid>.card>.chart-box{flex:none}.dash-grid .col-span-2{grid-column:span 2}@media(max-width:1024px){.dash-grid{grid-template-columns:1fr}.dash-grid .col-span-2{grid-column:auto}}.chart-box{position:relative;width:100%;height:260px}.chart-box>canvas{width:100%!important;max-width:100%}.seatmap-layout{display:flex;align-items:stretch;gap:var(--sp-4);width:100%;min-width:0}.seatmap-palette{flex:0 0 170px;padding:var(--sp-4);align-self:flex-start}.seatmap-canvas-card{flex:1 1 auto;min-width:0;padding:0;overflow:hidden;position:relative;height:70vh;min-height:420px}.seatmap-canvas-card canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.seatmap-canvas-loading{display:grid;place-items:center;height:100%}.seat3d-label{font-family:inherit;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;color:#fff;background:#11233ad1;border:1px solid rgba(17,195,255,.35);padding:2px 6px;border-radius:6px;transform:translateY(-2px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.seat3d-label.hl{background:#11c3ff;color:#06121f;border-color:#11c3ff}.seatmap-hint{position:absolute;left:12px;bottom:10px;font-size:var(--font-xs);background:color-mix(in srgb,var(--c-surface) 82%,transparent);padding:3px 8px;border-radius:var(--radius-sm);pointer-events:none}@media(max-width:1024px){.seatmap-layout{flex-direction:column}.seatmap-palette{flex:none;width:100%}.seatmap-canvas-card{height:60vh}}.dept-body{display:flex;gap:var(--sp-4);align-items:stretch;min-width:0}.dept-pane{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow:auto;min-width:0}.dept-tree-pane{flex:0 0 320px;min-width:260px;max-width:360px;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3);max-height:68vh}.dept-detail-pane{flex:1 1 auto;min-width:0;padding:var(--sp-5)}.dept-tree{list-style:none;margin:0;padding:0;overflow:auto}.dept-tree-row{display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--c-text);font-size:var(--font-sm);text-align:left;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.dept-tree-row:hover{background:var(--c-surface-2)}.dept-tree-row.selected{background:var(--c-primary-soft);color:var(--c-primary);font-weight:700}.dept-tree-caret{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--c-text-faint);border-radius:var(--radius-sm);transition:transform var(--t-base)}.dept-tree-caret.open{transform:rotate(90deg)}.dept-tree-caret.leaf{visibility:hidden}.dept-tree-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dept-tree-sort{flex:none;font-size:var(--font-xs);color:var(--c-text-faint);font-variant-numeric:tabular-nums}.dept-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-border)}.dept-detail-head h2{font-size:var(--font-xl);font-weight:700;color:var(--c-text-strong)}.dept-detail-path{font-size:var(--font-sm);color:var(--c-text-muted);margin-top:4px}.dept-detail-actions{display:flex;gap:6px;flex-wrap:wrap;flex:none}.dept-empty{display:grid;place-items:center;gap:var(--sp-3);min-height:240px;color:var(--c-text-muted);text-align:center}@media(max-width:1024px){.dept-tree-pane{flex-basis:260px;min-width:220px}}@media(max-width:640px){.dept-body{flex-direction:column}.dept-tree-pane{flex:1 1 auto;max-width:none;min-width:0;max-height:300px}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(1000px 500px at 50% -10%,var(--accent-nav-soft),transparent),var(--c-bg)}.auth-card{width:100%;max-width:420px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-6)}.auth-brand{text-align:center;margin-bottom:var(--sp-5)}.auth-brand .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius);background:var(--grad-brand);color:#fff;margin-bottom:var(--sp-3)}.auth-brand h1{font-size:26px;font-weight:800;letter-spacing:1px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-brand p{font-size:var(--font-sm);color:var(--c-text-muted);margin-top:4px}.auth-step-hint{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:600;color:var(--c-text-muted);margin-bottom:var(--sp-4)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:var(--font-xs);font-weight:700}.auth-remember{display:flex;align-items:center;gap:6px;margin-bottom:var(--sp-4);font-size:var(--font-sm);color:var(--c-text-muted)}.auth-divider{display:flex;align-items:center;gap:10px;margin:var(--sp-4) 0;color:var(--c-text-faint);font-size:var(--font-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.otp-key{display:block;word-break:break-all;background:var(--c-surface-3);color:var(--c-text);padding:8px 10px;border-radius:var(--radius-sm);font-family:ui-monospace,monospace;font-size:var(--font-xs)}.auth-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:var(--sp-4);color:var(--c-text)}.auth-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:var(--sp-4);font-size:var(--font-sm)}.auth-links a{color:var(--c-text-muted);text-decoration:none}.auth-links a:hover{color:var(--c-primary);text-decoration:underline}.auth-links .sep{color:var(--c-border)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:var(--sp-4);align-items:start}.profile-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.profile-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-border)}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-nav-soft);color:var(--c-primary);flex:0 0 auto}.profile-avatar-name{font-weight:700;font-size:var(--font-md)}.profile-dl{display:grid;grid-template-columns:110px 1fr;row-gap:10px;-moz-column-gap:12px;column-gap:12px;margin:0;align-items:center;font-size:var(--font-sm)}.profile-dl dt{color:var(--c-text-muted)}.profile-dl dd{margin:0;font-weight:600;color:var(--c-text)}.spinner-wrap{display:grid;place-items:center;padding:48px;gap:12px;color:var(--c-text-muted);font-size:var(--font-sm)}.spinner{width:30px;height:30px;border:3px solid var(--c-border-strong);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:10px 16px;border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text-strong);font-size:var(--font-sm);font-weight:600;border:1px solid var(--c-border);border-left:3px solid var(--c-info);box-shadow:var(--shadow-lg);max-width:360px}.toast.err{border-left-color:var(--c-danger)}.toast.ok{border-left-color:var(--c-success)}.subnav{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--sp-4);border-bottom:2px solid var(--c-border)}.subnav a,.subnav button{padding:9px 18px;border:none;background:transparent;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--c-text-muted);font-size:13px;font-weight:600;transition:color .15s}.subnav a:hover,.subnav button:hover{color:var(--c-primary)}.subnav a.active,.subnav button.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}.right{text-align:right}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.mono{font-family:ui-monospace,monospace}.dl-spec{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;font-size:var(--font-sm)}.dl-spec dt{color:var(--c-text-muted);font-weight:600}.dl-spec dd{color:var(--c-text);margin:0}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 var(--sp-4) 24px;border-left:2px solid var(--c-border)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-surface)}.timeline .tl-date{font-size:var(--font-xs);color:var(--c-text-faint)}.timeline .tl-body{font-size:var(--font-sm);margin-top:2px}.progress{height:7px;border-radius:var(--radius-pill);background:var(--c-surface-3);overflow:hidden}.progress>span{display:block;height:100%;background:var(--c-primary);border-radius:inherit}