@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@300;400;500;600;700&display=swap";:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a5f;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-900:#78350f;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#ecfeff;--color-info-100:#cffafe;--color-info-300:#67e8f9;--color-info-500:#06b6d4;--color-info-600:#0891b2;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-300:#c4b5fd;--color-purple-500:#5c71f6;--color-purple-600:#051acf;--color-gray-50:#f8f8fc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-bg:var(--color-gray-50);--color-bg-subtle:var(--color-gray-100);--color-surface:#fff;--color-surface-raised:#fff;--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-text:var(--color-gray-800);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-400);--color-text-inverse:#fff;--color-primary:var(--color-primary-600);--color-primary-dark:var(--color-primary-700);--color-primary-light:var(--color-primary-50);--color-danger:var(--color-danger-500);--color-success:var(--color-success-500);--color-warning:var(--color-warning-500);--sidebar-width-expanded:280px;--sidebar-width-collapsed:72px;--topbar-height:64px;--content-max-width:1440px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--z-sticky:50;--z-mega-menu:90;--z-header:100;--z-sidebar:200;--z-dropdown:300;--z-modal:800;--z-drawer:800;--z-toast:9999;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--ease-default:cubic-bezier(.4, 0, .2, 1);--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-hover:#e2e8f0;--sidebar-text-active:#60a5fa;--sidebar-border:#ffffff0f;--sidebar-active-bg:#2563eb2e;--color-on-primary:#fff;--color-on-hero:#fff;--color-on-hero-muted:#94a3b8;--color-hero-input:#fff;--color-hero-btn-bg:#ffffff1f;--color-hero-btn-border:#fff3;--color-chart-label:#1e293b;--color-skeleton:#e2e8f0;--color-skeleton-shine:#f1f5f9;--color-badge-green-bg:var(--color-success-50);--color-badge-green-text:var(--color-success-600);--color-badge-green-border:var(--color-success-300);--color-badge-amber-bg:var(--color-warning-50);--color-badge-amber-text:var(--color-warning-600);--color-badge-amber-border:var(--color-warning-300);--color-badge-gray-bg:var(--color-gray-50);--color-badge-gray-text:var(--color-gray-500);--color-badge-gray-border:var(--color-gray-200);--color-badge-blue-bg:var(--color-primary-50);--color-badge-blue-text:var(--color-primary-600);--color-badge-blue-border:var(--color-primary-300);--color-badge-red-bg:var(--color-danger-50);--color-badge-red-text:var(--color-danger-600);--color-badge-red-border:var(--color-danger-300);--color-badge-purple-bg:var(--color-purple-50);--color-badge-purple-text:var(--color-purple-600);--color-badge-purple-border:var(--color-purple-300);--color-badge-cyan-bg:var(--color-info-50);--color-badge-cyan-text:var(--color-info-600);--color-badge-cyan-border:var(--color-info-300);--color-toast-success-bg:var(--color-success-50);--color-toast-success-border:var(--color-success-300);--color-toast-success-text:var(--color-success-700);--color-toast-error-bg:var(--color-danger-50);--color-toast-error-border:var(--color-danger-300);--color-toast-error-text:var(--color-danger-700);--color-toast-info-bg:var(--color-primary-50);--color-toast-info-border:var(--color-primary-300);--color-toast-info-text:var(--color-primary-700);--color-error-bg:var(--color-danger-50);--color-error-border:var(--color-danger-200);--color-error-text:var(--color-danger-700);--color-json-bg:var(--color-gray-900);--color-json-text:var(--color-gray-200);--color-json-key:var(--color-primary-300);--color-json-string:var(--color-success-300);--color-json-number:var(--color-warning-300);--color-json-bool:#f9a8d4;--color-json-null:var(--color-gray-400)}[data-theme=dark]{--color-bg:#0f1117;--color-bg-subtle:#1a1d27;--color-surface:#1e2130;--color-surface-raised:#252836;--color-border:#2d3148;--color-border-strong:#3d4260;--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-primary-50:#172554;--color-primary-100:#1e3a5f;--color-success-50:#052e16;--color-success-100:#14532d;--color-warning-50:#451a03;--color-warning-100:#78350f;--color-danger-50:#450a0a;--color-danger-100:#7f1d1d;--color-info-50:#083344;--color-info-100:#164e63;--color-purple-50:#2e1065;--color-purple-100:#3b0764;--color-gray-50:#1e2130;--color-gray-100:#252836;--color-gray-200:#2d3148;--color-gray-300:#3d4260;--color-gray-800:#e2e8f0;--color-gray-900:#f1f5f9;--shadow-xs:0 1px 2px #0003;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--sidebar-bg:#0a0e1a;--color-on-primary:#fff;--color-on-hero:#e2e8f0;--color-on-hero-muted:#64748b;--color-chart-label:#e2e8f0;--color-skeleton:#2d3148;--color-skeleton-shine:#3d4260;--color-badge-green-bg:#052e16;--color-badge-green-text:#4ade80;--color-badge-green-border:#15803d;--color-badge-amber-bg:#451a03;--color-badge-amber-text:#fbbf24;--color-badge-amber-border:#b45309;--color-badge-gray-bg:#1e2130;--color-badge-gray-text:#94a3b8;--color-badge-gray-border:#3d4260;--color-badge-blue-bg:#172554;--color-badge-blue-text:#60a5fa;--color-badge-blue-border:#1d4ed8;--color-badge-red-bg:#450a0a;--color-badge-red-text:#f87171;--color-badge-red-border:#b91c1c;--color-badge-purple-bg:#2e1065;--color-badge-purple-text:#a78bfa;--color-badge-purple-border:#6d28d9;--color-badge-cyan-bg:#083344;--color-badge-cyan-text:#22d3ee;--color-badge-cyan-border:#0e7490;--color-toast-success-bg:#052e16;--color-toast-success-border:#15803d;--color-toast-success-text:#4ade80;--color-toast-error-bg:#450a0a;--color-toast-error-border:#b91c1c;--color-toast-error-text:#f87171;--color-toast-info-bg:#172554;--color-toast-info-border:#1d4ed8;--color-toast-info-text:#60a5fa;--color-error-bg:#450a0a;--color-error-border:#7f1d1d;--color-error-text:#f87171;--color-json-bg:#0f1117;--color-json-text:#e2e8f0;--color-json-key:#60a5fa;--color-json-string:#4ade80;--color-json-number:#fbbf24;--color-json-bool:#f9a8d4;--color-json-null:#64748b}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=639px){.hide-below-sm{display:none!important}}@media (width<=767px){.hide-below-md{display:none!important}}@media (width<=1023px){.hide-below-lg{display:none!important}}@media (width>=640px){.show-below-sm{display:none!important}}@media (width>=768px){.show-below-md{display:none!important}}@media (width>=1024px){.show-below-lg{display:none!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}*,:before,:after,::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:#3b82f680;--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: }.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-7{height:1.75rem}.max-h-56{max-height:14rem}.w-12{width:3rem}.w-40{width:10rem}.w-60{width:15rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1\.5{padding:.375rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.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,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}body *{font-family:Noto Sans Lao,sans-serif!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.skip-to-content{z-index:10000;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:16px}.skip-to-content:focus{top:8px}.btn{border-radius:var(--radius);transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-danger{background:var(--color-danger-600);color:var(--color-on-primary);border-color:var(--color-danger-600)}.btn-danger:hover:not(:disabled){background:var(--color-danger-700);border-color:var(--color-danger-700)}.hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.focus\:border-slate-400:focus{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-amber-800:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity,1))}.dark\:border-blue-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.dark\:border-green-800:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.dark\:border-red-900:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.dark\:border-slate-600:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-slate-700:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:bg-amber-950\/40:where([data-theme=dark],[data-theme=dark] *){background-color:#451a0366}.dark\:bg-blue-950\/30:where([data-theme=dark],[data-theme=dark] *){background-color:#1725544d}.dark\:bg-green-950\/40:where([data-theme=dark],[data-theme=dark] *){background-color:#052e1666}.dark\:bg-red-950\/40:where([data-theme=dark],[data-theme=dark] *){background-color:#450a0a66}.dark\:bg-slate-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:text-amber-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-green-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-red-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-slate-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:border-slate-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.dark\:hover\:bg-slate-600:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-700:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:text-slate-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h1{color:var(--color-text);font-size:20px;font-weight:700}.page-header-sub{color:var(--color-text-muted);margin-top:2px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.search-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;color:var(--color-text);outline:none;padding:8px 12px 8px 34px;font-size:13.5px;transition:border-color .13s,box-shadow .13s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;outline:none;padding:8px 12px;font-size:13.5px;transition:border-color .13s}.filter-select:focus{border-color:var(--color-primary)}.date-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);outline:none;padding:7px 10px;font-size:13px;transition:border-color .13s}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.clear-btn{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;align-self:flex-end;padding:7px 13px;font-size:13px;transition:background .13s,color .13s}.clear-btn:hover{background:var(--color-bg);color:var(--color-text)}.toolbar-count{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:13px}.table-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{background:var(--color-bg);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-text)}.sort-icon{vertical-align:middle;opacity:.4;flex-direction:column;gap:1px;margin-left:4px;display:inline-flex}.sort-icon.active{opacity:1;color:var(--color-primary)}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:12px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-subtle)}.cell-muted{color:var(--color-text-muted)}.cell-mono{font-variant-numeric:tabular-nums}.row-actions{align-items:center;gap:4px;display:flex}.action-btn{width:30px;height:30px;color:var(--color-text-muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background .13s,color .13s,border-color .13s;display:flex}.action-btn:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.action-btn.danger:hover{background:var(--color-danger-50);border-color:var(--color-danger-200);color:var(--color-danger-600)}.table-empty{text-align:center;color:var(--color-text-muted);padding:56px 20px}.table-empty svg{opacity:.35;margin-bottom:12px}.table-empty p{font-size:14px}.table-empty small{opacity:.7;font-size:12px}.skeleton-row td{padding:13px 14px}.skeleton-cell{background:var(--color-skeleton);border-radius:4px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.pagination{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.pagination-info{color:var(--color-text-muted);font-size:12.5px}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;transition:background .13s,border-color .13s;display:flex}.page-btn:hover:not(:disabled):not(.active){background:var(--color-bg)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.form-grid{flex-direction:column;gap:14px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--color-text);font-size:12.5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .13s,box-shadow .13s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:80px}.required{color:var(--color-danger-600)}.input-prefix-wrap{position:relative}.input-prefix{color:var(--color-text-muted);pointer-events:none;font-size:13.5px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-prefix-wrap input{padding-left:22px}.page-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;display:flex}@media (width<=640px){.col-hide-sm{display:none}.form-row-2{grid-template-columns:1fr}.toolbar-count{display:none}}.mp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s var(--ease-default), transform .2s var(--ease-default), border-color .2s;cursor:pointer;position:relative;overflow:hidden}.mp-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-200);transform:translateY(-2px)}[data-theme=dark] .mp-card:hover{border-color:var(--color-primary-700);box-shadow:0 10px 20px #0006}.mp-card-thumb{aspect-ratio:16/9;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.mp-card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mp-card-thumb svg{width:40px;height:40px;color:var(--color-text-muted);opacity:.5}.mp-card-body{padding:14px 16px}.mp-card-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.mp-card-subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.mp-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.mp-card-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:16px;font-weight:700}.mp-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}@media (width<=640px){.mp-grid{grid-template-columns:1fr;gap:12px}}.mp-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}@media (width<=768px){.mp-kpi-strip{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=420px){.mp-kpi-strip{grid-template-columns:1fr}}.mp-kpi-widget{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.mp-kpi-widget:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.mp-kpi-widget:before{content:"";background:var(--kpi-color,var(--color-primary-600));height:3px;position:absolute;top:0;left:0;right:0}.mp-kpi-header{justify-content:space-between;align-items:center;display:flex}.mp-kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:11.5px;font-weight:600}.mp-kpi-icon{border-radius:var(--radius-md);background:var(--kpi-bg,var(--color-primary-50));width:32px;height:32px;color:var(--kpi-color,var(--color-primary-600));justify-content:center;align-items:center;display:flex}[data-theme=dark] .mp-kpi-icon{background:#2563eb26}.mp-kpi-value{font-variant-numeric:tabular-nums;color:var(--color-text);margin-top:8px;font-size:24px;font-weight:700;line-height:1}.mp-kpi-change{align-items:center;gap:4px;margin-top:6px;font-size:11.5px;display:flex}.mp-kpi-change.positive{color:var(--color-success-600)}.mp-kpi-change.negative{color:var(--color-danger-600)}.mp-kpi-change.neutral{color:var(--color-text-muted)}.mp-view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.mp-view-btn{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.mp-view-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}.mp-view-btn.active{background:var(--color-primary-600);color:var(--color-on-primary)}[data-theme=dark] .mp-view-btn.active{background:var(--color-primary-700)}.mp-section{margin-top:28px}.mp-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mp-section-title{color:var(--color-text);font-size:16px;font-weight:700}.mp-section-sub{color:var(--color-text-muted);margin-left:8px;font-size:12px}.mp-section-link{color:var(--color-primary-600);align-items:center;gap:4px;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .1s;display:flex}.mp-section-link:hover{color:var(--color-primary-700)}.mp-chart-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;display:grid}@media (width<=768px){.mp-chart-grid{grid-template-columns:1fr}}.mp-chart-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.mp-chart-title{text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);margin-bottom:16px;font-size:13px;font-weight:600}.mp-card-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.mp-card-skeleton .mp-card-thumb{animation:1.4s ease-in-out infinite skeleton-pulse}.mp-card-skeleton .skeleton-line{background:var(--color-bg-subtle);border-radius:4px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse}[data-theme=dark] .mp-card-skeleton .skeleton-line{background:var(--color-surface-raised)}.mp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.mp-empty-icon{background:var(--color-bg-subtle);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.mp-empty-icon svg{width:28px;height:28px;color:var(--color-text-muted)}.mp-empty-title{color:var(--color-text);margin-bottom:4px;font-size:15px;font-weight:600}.mp-empty-sub{color:var(--color-text-muted);max-width:300px;font-size:13px}.mp-hero{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-900) 100%);border-radius:var(--radius-xl);color:var(--color-on-hero);margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden}[data-theme=dark] .mp-hero{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-gray-900) 100%);border:1px solid var(--color-border)}.mp-hero:after{content:"";pointer-events:none;background:radial-gradient(#ffffff14 0%,#0000 70%);width:50%;height:200%;position:absolute;top:-50%;right:-20%}.mp-hero-title{margin-bottom:4px;font-size:22px;font-weight:700}.mp-hero-sub{color:#ffffffb3;margin-bottom:16px;font-size:13px}.mp-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.mp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.mp-toolbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.mp-quick-stats{flex-wrap:wrap;gap:24px;padding:12px 0;display:flex}.mp-quick-stat{align-items:center;gap:6px;display:flex}.mp-quick-stat-dot{border-radius:50%;width:8px;height:8px}.mp-quick-stat-label{color:var(--color-text-muted);font-size:12px}.mp-quick-stat-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:13px;font-weight:700}@media print{@page{margin:16mm 14mm}html,body{color:#000!important;background:#fff!important}.sidebar,.sidebar-overlay,.header,.modal-overlay,.notification-dropdown,.user-dropdown-menu,.sidebar-user-menu,.toast-container,.skip-to-content,button,.btn,[role=button],.pagination,.filter-bar,.toolbar,.catalog-toolbar{display:none!important}.app-shell{display:block!important}.app-main{background:#fff!important;margin-left:0!important;padding-top:0!important}.app-content{max-width:none!important;padding:14mm 0 0!important}a{color:inherit!important;text-decoration:none!important}.table-card,.detail-header,.stat-card,tr{-moz-column-break-inside:avoid;break-inside:avoid}}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-subtle);display:flex;overflow:hidden}.theme-toggle-btn{width:30px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover:not(.active){color:var(--color-text)}.theme-toggle-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.sidebar{width:var(--sidebar-width-expanded);background:var(--sidebar-bg);z-index:var(--z-sidebar);transition:width var(--duration-slow) var(--ease-default), transform var(--duration-slow) var(--ease-default);border-right:1px solid #ffffff0a;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar[data-state=collapsed]{width:var(--sidebar-width-collapsed)}.sidebar[data-state=hidden]{transform:translate(-100%)}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);transition:padding var(--duration-slow) var(--ease-default);flex-shrink:0;align-items:center;gap:12px;padding:20px 22px;text-decoration:none;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #2563eb4d}.sidebar-brand-text{flex-direction:column;line-height:1.25;display:flex}.sidebar-brand-name{color:var(--sidebar-text-hover);letter-spacing:.2px;font-size:14px;font-weight:700}.sidebar-brand-sub{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.8px;margin-top:1px;font-size:10px}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;flex:1;padding:12px 0;overflow-y:auto}.sidebar-group{margin-bottom:4px}.sidebar-group-header{text-transform:uppercase;letter-spacing:1px;width:100%;color:var(--sidebar-text);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 22px 6px;font-size:10.5px;font-weight:600;display:flex}.sidebar-group-header:hover{color:var(--sidebar-text-hover)}.sidebar-group-arrow{transition:transform var(--duration-normal) var(--ease-default)}.sidebar-group-arrow.collapsed{transform:rotate(-90deg)}.sidebar-group-items{flex-direction:column;gap:1px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--sidebar-text);transition:background var(--duration-fast), color var(--duration-fast), transform var(--duration-fast);cursor:pointer;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;margin:0 10px;padding:9px 22px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--sidebar-text-hover);background:#ffffff0f}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);border-left-color:var(--color-primary-500);font-weight:600}.sidebar-nav-icon{width:18px;height:18px;color:var(--sidebar-text);transition:color var(--duration-fast);flex-shrink:0}.sidebar-nav-item:hover .sidebar-nav-icon{color:inherit}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--color-primary-400)}.sidebar[data-state=collapsed] .sidebar-nav-item{border-left:none;justify-content:center;margin:1px 8px;padding:11px}.sidebar[data-state=collapsed] .sidebar-brand{justify-content:center;padding:20px 12px}.sidebar-divider{background:var(--sidebar-border);height:1px;margin:10px 22px}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-user{border-radius:var(--radius-md);min-width:0;font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:6px;display:flex}.sidebar-user:hover,.sidebar-user[aria-expanded=true]{background:#ffffff0f}.sidebar-user-chevron{color:var(--sidebar-text);transition:transform var(--duration-normal) var(--ease-default);flex-shrink:0}.sidebar-user-chevron.open{transform:rotate(180deg)}.sidebar-avatar{background:linear-gradient(135deg, var(--color-primary-800), var(--color-primary-500));width:34px;height:34px;color:var(--color-primary-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--sidebar-text-hover);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);font-size:11px}.sidebar-collapse-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--sidebar-text);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-collapse-btn:hover{color:var(--sidebar-text-hover);background:#ffffff14}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{box-shadow:4px 0 32px #00000080}.sidebar-overlay.visible{display:block}}.sidebar-user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:sidebar-user-menu-in .15s var(--ease-default);overflow:hidden}@keyframes sidebar-user-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sidebar-user-menu-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.sidebar-user-menu-header-info{flex:1;min-width:0}.sidebar-user-menu-name{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.4}.sidebar-user-menu-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.sidebar-user-menu-role{color:var(--color-text-muted);margin-top:2px;font-size:11px;line-height:1.4}.sidebar-user-menu-section{padding:12px 16px}.sidebar-user-menu-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:600;line-height:1.5}.sidebar-user-menu-divider{background:var(--color-border);height:1px}.sidebar-user-menu-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--duration-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px 12px;font-size:13px;line-height:1.5;display:flex}.sidebar-user-menu-item:hover{background:var(--color-bg-subtle)}.sidebar-user-menu-item.danger{color:var(--color-danger-600)}.sidebar-user-menu-item.danger:hover{background:var(--color-danger-50)}.breadcrumb{align-items:center;gap:2px;font-size:14px;display:flex}.breadcrumb-title{color:var(--color-text);font-size:15px;font-weight:600}.breadcrumb-segment{align-items:center;gap:2px;display:flex}.breadcrumb-sep{color:var(--color-text-muted);opacity:.5;flex-shrink:0}.breadcrumb-link{color:var(--color-text-muted);transition:color var(--duration-fast);font-weight:500;text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-current{color:var(--color-text);font-weight:600}.search-trigger{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);align-items:center;gap:8px;min-width:200px;padding:6px 12px;font-size:13px;display:flex}.search-trigger:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.search-trigger-text{text-align:left;flex:1}.search-trigger-kbd{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-family:inherit;font-size:10px;line-height:1.4;display:inline-flex}@media (width<=640px){.search-trigger{min-width:auto;padding:6px 8px}.search-trigger-text,.search-trigger-kbd{display:none}}.search-overlay{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:flex-start;padding:80px 20px 20px;animation:.15s search-overlay-in;display:flex;position:fixed;inset:0}@keyframes search-overlay-in{0%{opacity:0}to{opacity:1}}.search-palette{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:560px;max-height:480px;animation:.18s search-palette-in;display:flex;overflow:hidden}@keyframes search-palette-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.search-palette-input-wrap{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-palette-icon{color:var(--color-text-muted);flex-shrink:0}.search-palette-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-palette-input::placeholder{color:var(--color-text-muted)}.search-palette-clear{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex}.search-palette-clear:hover{background:var(--color-bg-subtle);color:var(--color-text)}.search-palette-results{flex:1;padding:8px;overflow-y:auto}.search-group{margin-bottom:8px}.search-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);padding:6px 8px 4px;font-size:10px;font-weight:600}.search-result{border-radius:var(--radius);width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--duration-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13.5px;display:flex}.search-result:hover,.search-result.active{background:var(--color-primary-50)}.search-result-arrow{color:var(--color-text-muted);opacity:0;transition:opacity var(--duration-fast)}.search-result.active .search-result-arrow{opacity:1;color:var(--color-primary)}.search-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:13px}.search-palette-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);gap:16px;padding:10px 16px;font-size:11px;display:flex}.notification-center{position:relative}.notification-trigger{border-radius:var(--radius);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notification-trigger:hover{background:var(--color-bg-subtle);color:var(--color-text)}.notification-badge{background:var(--color-danger-500);min-width:16px;height:16px;color:var(--color-on-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:notif-in .15s var(--ease-default);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes notif-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.notification-header{border-bottom:1px solid var(--color-border);padding:14px 16px}.notification-header-title{color:var(--color-text);font-size:14px;font-weight:600}.notification-list{max-height:360px;overflow-y:auto}.notification-item{text-align:left;cursor:pointer;width:100%;transition:background var(--duration-fast);border:none;border-bottom:1px solid var(--color-border);background:0 0;align-items:flex-start;gap:10px;padding:12px 16px 14px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-subtle)}.notification-item-unread{background:var(--color-primary-50)}.notification-item-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notification-item-icon{border-radius:var(--radius);background:var(--color-primary-50);width:28px;height:28px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.notification-item-content{flex:1;min-width:0}.notification-item-text{color:var(--color-text);font-size:13px;font-weight:500;line-height:1.5}.notification-item-meta{color:var(--color-text-muted);margin-top:2px;font-size:11px;line-height:1.5}.notification-item-role-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-full);vertical-align:middle;background:var(--color-primary-50);color:var(--color-primary-700);margin-left:6px;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-block}.notification-empty{text-align:center;color:var(--color-text-muted);padding:32px;font-size:13px}.notification-footer{border:none;border-top:1px solid var(--color-border);background:var(--color-bg-subtle);width:100%;color:var(--color-primary);text-align:center;cursor:pointer;transition:background var(--duration-fast);padding:12px 16px;font-size:13px;font-weight:500;display:block}.notification-footer:hover:not(:disabled){background:var(--color-primary-50)}.notification-footer:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.7}@media (width<=420px){.notification-dropdown{width:calc(100vw - 32px);right:-60px}}.user-dropdown{position:relative}.user-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.user-dropdown-trigger:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.user-dropdown-avatar{background:var(--color-primary-600);width:28px;height:28px;color:var(--color-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.user-dropdown-avatar.lg{width:40px;height:40px;font-size:14px}.user-dropdown-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.user-dropdown-chevron{color:var(--color-text-muted);flex-shrink:0}@media (width<=640px){.user-dropdown-name,.user-dropdown-chevron{display:none}.user-dropdown-trigger{background:0 0;border-color:#0000;padding:3px}}.user-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:user-menu-in .15s var(--ease-default);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.user-dropdown-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-header-info{flex:1;min-width:0}.user-dropdown-header-name{color:var(--color-text);font-size:14px;font-weight:600}.user-dropdown-header-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-dropdown-header-role{color:var(--color-text-muted);margin-top:2px;font-size:11px}.user-dropdown-section{padding:12px 16px}.user-dropdown-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.user-dropdown-theme-row{display:flex}.user-dropdown-divider{background:var(--color-border);height:1px}.user-dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--duration-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.user-dropdown-item:hover{background:var(--color-bg-subtle)}.user-dropdown-item.danger{color:var(--color-danger-600)}.user-dropdown-item.danger:hover{background:var(--color-danger-50)}.lang-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-subtle);display:flex;overflow:hidden}.lang-toggle-btn{min-width:32px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:flex}.lang-toggle-btn:hover:not(.active){color:var(--color-text)}.lang-toggle-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.header{top:0;left:var(--sidebar-width,280px);height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-header);transition:left var(--duration-slow) var(--ease-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;right:0}[data-theme=dark] .header{background:#1e2130d9}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-center{flex-shrink:0}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-menu-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-menu-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}@media (width<=768px){.header{padding:0 16px;left:0}}.print-header{display:none}@media print{.print-header{z-index:9999;display:block;position:fixed;top:12mm;right:12mm}.print-header-brand{justify-content:flex-end;align-items:center;gap:10px;display:flex}.print-header-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:32px}.print-header-name{color:#111;font-size:14px;font-weight:700}}.app-shell{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width,280px);padding-top:var(--topbar-height);background:var(--color-bg);min-height:100vh;transition:margin-left var(--duration-slow) var(--ease-default);flex:1}.app-content{max-width:var(--content-max-width);padding:28px 32px}@media (width<=1024px){.app-content{padding:24px}}@media (width<=768px){.app-main{margin-left:0}.app-content{padding:20px 16px}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:all;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:13px 16px;font-size:13.5px;font-weight:500;animation:.22s toast-in;display:flex;box-shadow:0 4px 12px #0000001f}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast.success{background:var(--color-toast-success-bg);border-color:var(--color-toast-success-border);color:var(--color-toast-success-text)}.toast.error{background:var(--color-toast-error-bg);border-color:var(--color-toast-error-border);color:var(--color-toast-error-text)}.toast.info{background:var(--color-toast-info-bg);border-color:var(--color-toast-info-border);color:var(--color-toast-info-text)}.toast-icon{flex-shrink:0}.toast-msg{flex:1}.toast-close{color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:2px;transition:opacity .13s;display:flex}.toast-close:hover{opacity:1}