@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css";

:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--brand-accent:#06b6d4;--brand-gradient:linear-gradient(135deg, var(--primary-600), var(--brand-accent));--focus-ring:0 0 0 3px #3b82f624;--focus-outline:3px solid #3b82f62e;--shadow-primary:0 1px 2px #2563eb2e}
:root{--gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#16a34a;--success-bg:#f0fdf4;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#0284c7;--info-bg:#f0f9ff;--purple:#7c3aed;--purple-bg:#f5f3ff;--sidebar-width:248px;--topbar-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-card:0 1px 2px #0f172a0a;--shadow-popover:0 12px 32px #0f172a1f;--shadow-modal:0 24px 70px #0f172a38;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background:var(--gray-50);min-width:320px;height:100%;color:var(--gray-700);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app-shell{height:100vh;overflow:hidden}.sidebar{z-index:40;width:var(--sidebar-width);background:var(--gray-0);border-right:1px solid var(--gray-200);flex-direction:column;transition:width .18s,transform .18s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{height:var(--topbar-height);border-bottom:1px solid var(--gray-200);flex:none;align-items:center;gap:11px;padding:0 18px;display:flex}.brand-logo{object-fit:contain;background:var(--gray-0);border-radius:9px;flex:none;width:34px;height:34px}.brand-copy{flex:1;min-width:0}.brand-title{color:var(--gray-900);white-space:nowrap;font-size:15px;font-weight:750;line-height:1.2;display:block}.brand-subtitle{color:var(--gray-400);white-space:nowrap;margin-top:3px;font-size:11px;display:block}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#c4b5fd transparent;flex:1;padding:16px 12px 20px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#a78bfa}.sidebar-footer{border-top:1px solid var(--gray-200);flex:none;padding:12px}.admin-profile{border-radius:var(--radius-lg);align-items:center;gap:10px;padding:8px;display:flex}.avatar{background:var(--brand-gradient);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:750;display:inline-flex}.profile-copy{flex:1;min-width:0}.profile-name{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-weight:650;display:block;overflow:hidden}.profile-role{color:var(--gray-400);margin-top:2px;font-size:12px;display:block}.topbar{inset:0 0 auto var(--sidebar-width);z-index:30;height:var(--topbar-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-200);background:#fffffff0;justify-content:space-between;align-items:center;padding:0 26px;transition:left .18s;display:flex;position:fixed}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.topbar .mobile-menu{display:none}.breadcrumb{color:var(--gray-400);align-items:center;gap:7px;font-size:13px;display:flex}.breadcrumb strong{color:var(--gray-700);font-weight:650}.global-search{width:280px;height:38px;position:relative}.global-search i{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.global-search input{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;height:100%;color:var(--gray-800);outline:none;padding:0 72px 0 38px;transition:all .14s}.global-search input:focus{border-color:var(--primary-500);box-shadow:var(--focus-ring);background:var(--gray-0)}.search-shortcut{border:1px solid var(--gray-200);background:var(--gray-0);height:24px;color:var(--gray-400);border-radius:5px;align-items:center;padding:0 7px;font-size:11px;display:flex;position:absolute;top:7px;right:8px}.notification-dot{position:relative}.notification-dot:after{content:"";background:var(--danger);border:2px solid var(--gray-0);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.main{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);scrollbar-width:thin;scrollbar-color:#c4b5fd transparent;height:100vh;transition:margin-left .18s;overflow-y:auto}.main::-webkit-scrollbar{width:6px}.main::-webkit-scrollbar-track{background:0 0}.main::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px}.main::-webkit-scrollbar-thumb:hover{background:#a78bfa}.page{max-width:1680px;margin:0 auto;padding:26px 28px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.page-title{color:var(--gray-900);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:760;line-height:1.3}.page-description{color:var(--gray-500);margin:7px 0 0}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mobile-backdrop{display:none}.sidebar-collapsed{--sidebar-width:76px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item span:not(.nav-badge),.sidebar-collapsed .profile-copy,.sidebar-collapsed .sidebar-brand>.icon-button{display:none}.sidebar-collapsed .sidebar-brand,.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .nav-badge{min-width:17px;height:17px;margin:0;padding:0 4px;font-size:9px;position:absolute;transform:translate(12px,-11px)}.sidebar-collapsed .admin-profile{justify-content:center;padding:8px 0}
.grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);margin-bottom:16px}.component-grid{grid-template-columns:1fr 1fr}.component-stack{gap:14px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.section{margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px;display:flex}.section-title{color:var(--gray-900);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:740}.section-description{color:var(--gray-500);margin:5px 0 0}
.icon-button{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:36px;height:36px;transition:all .14s;display:inline-flex}.icon-button:hover{background:var(--gray-100);color:var(--gray-900)}.icon-button:focus-visible,.btn:focus-visible,.control:focus-visible,.select-trigger:focus-visible{outline:var(--focus-outline);outline-offset:1px}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-weight:650;transition:all .14s;display:inline-flex}.btn i{font-size:17px}.btn-sm{height:32px;padding:0 11px;font-size:13px}.btn-lg{height:46px;padding:0 18px}.btn-primary{background:var(--primary-600);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--gray-800);color:#fff}.btn-secondary:hover{background:var(--gray-900)}.btn-outline{border-color:var(--gray-300);background:var(--gray-0);color:var(--gray-700)}.btn-outline:hover{border-color:var(--gray-400);background:var(--gray-50);color:var(--gray-900)}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-text{height:auto;color:var(--primary-700);background:0 0;padding:4px}.btn:disabled{cursor:not-allowed;opacity:.48}.button-showcase,.badge-showcase{flex-wrap:wrap;align-items:center;gap:8px;display:flex}
.nav-group+.nav-group{margin-top:20px}.nav-label{color:var(--gray-400);letter-spacing:.04em;text-transform:uppercase;padding:0 10px 8px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--gray-600);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0 12px;transition:all .14s;display:flex}.nav-item+.nav-item{margin-top:3px}.nav-item i{text-align:center;width:20px;color:var(--gray-500);flex:none;font-size:18px}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:650}.nav-item.active i{color:var(--primary-600)}.nav-badge{background:var(--danger-bg);min-width:22px;height:22px;color:var(--danger);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 7px;font-size:11px;font-weight:750;display:inline-flex}.line-tabs{border-bottom:1px solid var(--gray-200);align-items:center;gap:22px;min-height:49px;padding:0 18px;display:flex;overflow:visible}@media (max-width:720px){.line-tabs{overflow:auto hidden}}.line-tab{height:49px;color:var(--gray-500);white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:620;position:relative}.line-tab.active{color:var(--primary-700)}.line-tab.active:after{content:"";background:var(--primary-600);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.segmented{border-radius:var(--radius-md);background:var(--gray-100);gap:2px;padding:3px;display:inline-flex}.segment{min-width:48px;height:30px;color:var(--gray-500);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:650}.segment.active{background:var(--gray-0);color:var(--gray-900);box-shadow:0 1px 2px #0f172a14}.pagination{justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 14px;display:flex}.page-info{color:var(--gray-500);font-size:13px}.page-buttons{align-items:center;gap:4px;display:flex}.page-button{min-width:34px;height:34px;color:var(--gray-600);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 8px}.page-button:hover{background:var(--gray-100)}.page-button.active{background:var(--primary-600);color:#fff}
.card{background:var(--gray-0);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:15px 18px;display:flex}.card-title{color:var(--gray-900);margin:0;font-size:16px;font-weight:700}.card-subtitle{color:var(--gray-400);margin-top:3px;font-size:12px}.card-body{padding:18px}.stat-card{background:var(--gray-0);border:1px solid var(--gray-200);border-radius:var(--radius-lg);min-height:128px;box-shadow:var(--shadow-card);padding:19px}.stat-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stat-label{color:var(--gray-500);font-size:13px;font-weight:600}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.stat-icon.blue{background:var(--primary-50);color:var(--primary-600)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.purple{background:var(--purple-bg);color:var(--purple)}.stat-icon.orange{background:var(--warning-bg);color:var(--warning)}.stat-value{color:var(--gray-900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:27px;font-weight:770;line-height:1.2}.stat-foot{color:var(--gray-400);align-items:center;gap:7px;margin-top:7px;font-size:12px;display:flex}.trend{align-items:center;gap:3px;font-weight:700;display:inline-flex}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.operation-list{gap:10px;display:grid}.operation-item{border:1px solid var(--gray-200);background:var(--gray-25);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .14s;display:flex}.operation-item:hover{border-color:var(--gray-300);background:var(--gray-50)}.operation-icon{border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.operation-copy{flex:1;min-width:0}.operation-title{color:var(--gray-800);font-weight:650}.operation-desc{color:var(--gray-400);margin-top:2px;font-size:12px}.operation-count{color:var(--gray-900);font-variant-numeric:tabular-nums;font-weight:760}
.chart-wrap{height:285px;position:relative}.chart-wrap>canvas{width:100%;height:100%;display:block}.chart-legend{color:var(--gray-500);align-items:center;gap:18px;margin-top:8px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px}
.field{min-width:0}.field-label{color:var(--gray-700);margin-bottom:7px;font-size:13px;font-weight:650;display:block}.field-help{color:var(--gray-400);margin-top:5px;font-size:12px}.field-error{color:var(--danger);margin-top:5px;font-size:12px}.control{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-0);width:100%;height:40px;color:var(--gray-800);outline:none;padding:0 12px;transition:all .14s}textarea.control{resize:vertical;min-height:104px;padding-top:10px;padding-bottom:10px}.control:hover{border-color:var(--gray-400)}.control:focus{border-color:var(--primary-500);box-shadow:var(--focus-ring)}.control::placeholder{color:var(--gray-400)}.control:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.control.error{border-color:var(--danger)}.control.error:focus{box-shadow:0 0 0 3px #dc26261f}.input-icon{position:relative}.input-icon>i{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .control{padding-left:38px}.custom-select{position:relative}.select-trigger{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-0);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;height:40px;padding:0 11px 0 12px;transition:all .14s;display:flex}.select-trigger:hover{border-color:var(--gray-400)}.select-trigger[aria-expanded=true]{border-color:var(--primary-500);box-shadow:var(--focus-ring)}.select-trigger i{color:var(--gray-400);transition:transform .14s}.select-trigger[aria-expanded=true] i{transform:rotate(180deg)}.select-menu{z-index:50;border:1px solid var(--gray-200);background:var(--gray-0);box-shadow:var(--shadow-popover);border-radius:10px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.select-menu.open{animation:.12s adminPopIn;display:block}@keyframes adminPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-option{width:100%;min-height:36px;color:var(--gray-700);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:0 9px;display:flex}.select-option:hover{background:var(--gray-100)}.select-option.selected{background:var(--primary-50);color:var(--primary-700);font-weight:650}.check{width:17px;height:17px;accent-color:var(--primary-600);cursor:pointer}.choice-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.choice{color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.choice input{width:17px;height:17px;accent-color:var(--primary-600)}.switch{width:42px;height:24px;display:inline-flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--gray-300);cursor:pointer;border-radius:999px;transition:all .15s;position:absolute;inset:0}.switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a33}.switch input:checked+.switch-track{background:var(--primary-600)}.switch input:checked+.switch-track:after{transform:translate(18px)}.tag-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--gray-0);flex-wrap:wrap;align-items:center;gap:5px;min-height:42px;padding:5px;display:flex}.tag{background:var(--primary-50);height:28px;color:var(--primary-700);border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.tag button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tag-input input{min-width:120px;height:30px;color:var(--gray-800);background:0 0;border:0;outline:none;flex:1;padding:0 6px}
.badge{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-height:24px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-blue{background:var(--primary-50);color:var(--primary-700)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-orange{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-cyan{background:var(--info-bg);color:var(--info)}.filter-panel{border-bottom:1px solid var(--gray-200);background:var(--gray-25);padding:16px 18px}.filter-row{grid-template-columns:minmax(240px,1fr) 170px 170px 210px auto;align-items:center;gap:10px;display:grid}.filter-row+.filter-row{margin-top:12px}@media (max-width:900px){.filter-row{grid-template-columns:1fr}}.filter-actions{align-items:center;gap:8px;display:flex}.active-filters{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.filter-chip{background:var(--primary-50);height:28px;color:var(--primary-700);border-radius:999px;align-items:center;gap:5px;padding:0 8px 0 10px;font-size:12px;font-weight:620;display:inline-flex}.filter-chip button{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.table-toolbar{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 14px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.selection-info{color:var(--gray-500);font-size:13px}.table-wrap{overflow:visible}@media (max-width:960px){.table-wrap{overflow-x:auto}}.admin-table{border-collapse:collapse;width:100%;min-width:980px}.admin-table thead th{background:var(--gray-50);height:44px;color:var(--gray-500);border-bottom:1px solid var(--gray-200);text-align:left;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:700}.admin-table tbody td{border-bottom:1px solid var(--gray-100);height:56px;color:var(--gray-600);vertical-align:middle;padding:8px 14px}.admin-table tbody tr{transition:all .12s}.admin-table tbody tr:hover{background:var(--gray-25)}.admin-table tbody tr.selected{background:var(--primary-50)}.content-title{max-width:360px;color:var(--gray-800);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.content-meta{color:var(--gray-400);margin-top:3px;font-size:12px}.author{align-items:center;gap:8px;min-width:120px;display:flex}.author-avatar{background:var(--gray-100);width:28px;height:28px;color:var(--gray-600);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:750;display:inline-flex}.num{font-variant-numeric:tabular-nums;color:var(--gray-700)}.row-actions{display:inline-flex;position:relative}.action-menu{z-index:20;border:1px solid var(--gray-200);background:var(--gray-0);width:max-content;min-width:160px;max-width:260px;box-shadow:var(--shadow-popover);border-radius:10px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);right:0}.action-menu.open{display:block}.action-menu.up{top:auto;bottom:calc(100% + 4px)}.action-menu button,.action-menu a{box-sizing:border-box;width:100%;min-height:34px;color:var(--gray-700);cursor:pointer;text-align:left;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 9px;text-decoration:none;display:flex}.action-menu button i,.action-menu a i{text-align:center;flex:none;width:18px;font-size:15px}.action-menu button:hover,.action-menu a:hover{background:var(--gray-100)}.action-menu .danger{color:var(--danger)}
.alert{border:1px solid;border-radius:10px;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.alert+.alert{margin-top:10px}.alert i{flex:none;margin-top:1px;font-size:18px}.alert-info{background:var(--info-bg);color:#075985;border-color:#bae6fd}.alert-warning{background:var(--warning-bg);color:#92400e;border-color:#fde68a}.alert-danger{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.empty-state{border:1px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-25);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:238px;padding:28px;display:flex}.empty-icon{background:var(--gray-100);width:50px;height:50px;color:var(--gray-500);border-radius:14px;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.empty-title{color:var(--gray-900);margin-top:13px;font-weight:700}.empty-desc{max-width:330px;color:var(--gray-500);margin-top:5px;font-size:13px}.toast-region{z-index:150;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--gray-200);background:var(--gray-0);min-width:300px;max-width:420px;box-shadow:var(--shadow-popover);opacity:0;border-radius:10px;align-items:center;gap:10px;padding:13px 14px;animation:.18s forwards adminToastIn;display:flex;transform:translateY(12px)}.toast.success i{color:var(--success)}.toast.error i{color:var(--danger)}@keyframes adminToastIn{to{opacity:1;transform:translateY(0)}}.toast-copy{flex:1;min-width:0}.toast-title{color:var(--gray-900);font-weight:700}.toast-desc{color:var(--gray-500);margin-top:2px;font-size:12px}
.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;display:none;position:fixed;inset:0}.overlay.open{display:block}.modal{z-index:110;opacity:0;pointer-events:none;background:var(--gray-0,#fff);background-color:var(--gray-0,#fff);border:1px solid var(--gray-200);border-radius:var(--radius-xl);width:min(540px,100vw - 32px);box-shadow:var(--shadow-modal);transition:all .16s;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%)}.modal-backdrop>.modal{opacity:1;pointer-events:auto;position:relative;top:auto;left:auto;transform:none}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:16px 18px;display:flex}.modal-title{color:var(--gray-900);font-size:17px;font-weight:720}.modal-body{padding:18px}.modal-footer{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.drawer{z-index:110;background:var(--gray-0);flex-direction:column;width:min(460px,100vw - 24px);transition:all .18s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-16px 0 40px #0f172a29}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 18px;display:flex}.drawer-body{flex:1;padding:18px;overflow-y:auto}.detail-list{gap:14px;display:grid}.detail-row{border-bottom:1px solid var(--gray-100);padding-bottom:12px}.detail-label{color:var(--gray-400);font-size:12px}.detail-value{color:var(--gray-800);margin-top:4px;font-weight:600}
.token-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.color-token{border:1px solid var(--gray-200);background:var(--gray-0);border-radius:9px;overflow:hidden}.color-swatch{height:54px}.color-meta{padding:8px;font-size:11px}.color-name{color:var(--gray-800);font-weight:700}.color-value{color:var(--gray-400);margin-top:2px}.type-sample{border-bottom:1px solid var(--gray-100);grid-template-columns:140px 1fr;align-items:baseline;gap:12px;padding:12px 0;display:grid}.type-sample:last-child{border-bottom:0}.type-label{color:var(--gray-400);font-size:12px}.type-display{color:var(--gray-900);font-size:28px;font-weight:760}.type-h1{color:var(--gray-900);font-size:24px;font-weight:740}.type-h2{color:var(--gray-900);font-size:20px;font-weight:720}.type-h3{color:var(--gray-900);font-size:16px;font-weight:700}.type-body{font-size:14px}.type-caption{color:var(--gray-500);font-size:12px}
@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{grid-template-columns:minmax(220px,1fr) 160px 160px auto}.filter-row>:nth-child(4){display:none}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.sidebar{width:248px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.topbar{padding:0 16px;left:0}.main{margin-left:0}.topbar .mobile-menu{display:inline-flex}.global-search{width:220px}.dashboard-grid,.component-grid{grid-template-columns:1fr}.mobile-backdrop{z-index:35;background:#0f172a59;display:none;position:fixed;inset:0}.mobile-backdrop.open{display:block}.sidebar-collapsed{--sidebar-width:248px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-item span:not(.nav-badge),.sidebar-collapsed .profile-copy{display:block}.sidebar-collapsed .sidebar-brand>.icon-button{display:inline-flex}.sidebar-collapsed .sidebar-brand{justify-content:flex-start;padding:0 18px}.sidebar-collapsed .nav-item{justify-content:flex-start;padding:0 12px}.sidebar-collapsed .nav-badge{min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:11px;position:static;transform:none}.sidebar-collapsed .admin-profile{justify-content:flex-start;padding:8px}}@media (max-width:760px){.page{padding:20px 14px 40px}.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{flex:1}.topbar .global-search,.breadcrumb span:first-child,.breadcrumb i:first-of-type{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:112px}.filter-row{grid-template-columns:1fr}.filter-row>:nth-child(4){display:block}.filter-actions{grid-template-columns:1fr 1fr;display:grid}.table-toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{width:100%}.toolbar-right .btn{flex:1}.pagination{flex-direction:column;align-items:stretch}.page-buttons{justify-content:center}.form-grid{grid-template-columns:1fr}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-sample{grid-template-columns:1fr;gap:4px}.chart-wrap{height:235px}.toast-region{bottom:12px;left:12px;right:12px}.toast{width:100%;min-width:0}}