@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block";:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-accent-light: #4f87f5;--color-accent: #2d6ae0;--color-accent-dark: #1d58cc;--color-bg: #f9fafb;--color-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-border: #e8edf2;--color-border-strong: #d4dbe4;--color-text: var(--color-slate-900);--color-text-muted: var(--color-slate-500);--color-text-subtle: var(--color-slate-400);--color-text-inverse: #ffffff;--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-dark);--color-primary-text: #ffffff;--color-header-bg: var(--color-slate-800);--color-header-border: var(--color-slate-700);--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-info: #0284c7;--color-info-bg: #f0f9ff}[data-theme=dark]{--color-bg: #0f172a;--color-bg-subtle: #1e293b;--color-surface: #1e293b;--color-border: #2d3f55;--color-border-strong: #3d5068;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-text-inverse: #0f172a;--color-primary: #4f87f5;--color-primary-hover: #6b9bf7;--color-primary-text: #ffffff;--color-header-bg: #0a111e;--color-header-border: #1e293b;--color-success: #22c55e;--color-success-bg: #052e16;--color-warning: #f59e0b;--color-warning-bg: #1c1408;--color-error: #f87171;--color-error-bg: #2d0a0a;--color-info: #38bdf8;--color-info-bg: #0a1f2e}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--gap-xs: var(--space-1);--gap-sm: var(--space-2);--gap-md: var(--space-4);--gap-lg: var(--space-6);--gap-xl: var(--space-8);--padding-xs: var(--space-2);--padding-sm: var(--space-3);--padding-md: var(--space-4);--padding-lg: var(--space-6);--padding-xl: var(--space-8)}:root{--shadow-xs: 0 2px 4px 0 rgb(15 23 42 / .14), 0 1px 2px 0 rgb(15 23 42 / .08);--shadow-sm: 0 4px 10px -2px rgb(15 23 42 / .18), 0 2px 6px -2px rgb(15 23 42 / .1);--shadow-md: 0 12px 24px -6px rgb(15 23 42 / .2), 0 6px 12px -4px rgb(15 23 42 / .12);--shadow-lg: 0 28px 44px -10px rgb(15 23 42 / .24), 0 12px 22px -8px rgb(15 23 42 / .14);--shadow-xl: 0 44px 64px -16px rgb(15 23 42 / .28), 0 18px 28px -10px rgb(15 23 42 / .14)}:root{--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px}:root{--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:450;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);height:100%;margin:0;padding:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium)}p{line-height:var(--leading-normal);margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}small{font-size:var(--text-sm);color:var(--color-text-muted)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}ul,ol{padding-left:var(--space-6)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-bold{font-weight:var(--font-bold)}.text-medium{font-weight:var(--font-medium)}.text-right{text-align:right}.text-center{text-align:center}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:48rem}.container-lg{max-width:90rem}.container-full{max-width:none}.grid{display:grid;gap:var(--space-4)}.grid-1{grid-template-columns:repeat(1,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.gap-xl{gap:var(--space-8)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-6)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cluster-lg{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.shell{display:grid;grid-template:"header  header" var(--shell-header-height) "sidebar content" 1fr / var(--shell-sidebar-width) 1fr;min-height:100vh;--shell-header-height: 3.5rem;--shell-sidebar-width: 15rem}.shell-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background-color:var(--color-header-bg);color:var(--color-text-inverse);border-bottom:1px solid var(--color-header-border);position:sticky;top:0;z-index:100;gap:var(--space-4)}.shell-header-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);white-space:nowrap;flex-shrink:0}.shell-header-brand img{height:1.75rem;width:auto}.shell-header-center{flex:1;display:flex;align-items:center;gap:var(--space-2)}.shell-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.shell-header .btn-ghost{color:var(--color-slate-300)}.shell-header .btn-ghost:hover{background-color:#ffffff14;color:var(--color-text-inverse)}.shell-sidebar{grid-area:sidebar;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:var(--shell-header-height);height:calc(100vh - var(--shell-header-height));overflow-y:auto;overflow-x:hidden}.shell-sidebar-section{padding:var(--space-4) var(--space-3)}.shell-sidebar-section+.shell-sidebar-section{border-top:1px solid var(--color-border)}.shell-sidebar-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-subtle);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:0 var(--space-3);margin-bottom:var(--space-2)}.shell-sidebar-footer{margin-top:auto;padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border)}.shell-content{grid-area:content;overflow-y:auto;background:var(--color-bg)}.shell-content-inner{padding:var(--space-6);max-width:72rem}.shell-content-inner-full{padding:var(--space-6);max-width:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.shell-collapsed{--shell-sidebar-width: 3.5rem}.shell-collapsed .shell-sidebar-label,.shell-collapsed .nav-label,.shell-collapsed .nav-badge,.shell-collapsed .nav-chevron,.shell-collapsed .accordion-title,.shell-collapsed .accordion-subtitle{display:none}.shell-collapsed .nav-item{justify-content:center;padding:var(--space-2)}.shell-collapsed .shell-sidebar-section{padding:var(--space-3) var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-default);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-xs),inset 0 1px #ffffff1f}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md),inset 0 1px #ffffff1f;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--color-bg-subtle);border-color:var(--color-slate-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background-color:var(--color-bg-subtle);color:var(--color-text)}.btn-ghost:active{background-color:var(--color-slate-200)}.btn-danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:var(--shadow-xs)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-danger-outline{background-color:transparent;border-color:var(--color-error);color:var(--color-error)}.btn-danger-outline:hover{background-color:var(--color-error-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger-outline:active{transform:translateY(0);box-shadow:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);width:2.25rem;height:2.25rem}.btn-icon.btn-sm{width:1.75rem;height:1.75rem;padding:var(--space-1)}.btn-icon.btn-lg{width:2.75rem;height:2.75rem;padding:var(--space-3)}.btn-full{width:100%}.btn .icon,.btn .material-symbols-outlined{font-size:1.1rem;flex-shrink:0}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);gap:var(--space-4);background-color:var(--color-bg-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.card-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{padding:var(--space-6)}.card-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-2);background-color:var(--color-bg-subtle);border-radius:0 0 var(--radius-md) var(--radius-md)}.card-footer-left{justify-content:flex-start}.card-footer-split{justify-content:space-between}.card-flat{box-shadow:none}.card-raised{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.card-interactive:active{transform:translateY(1px)}.card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #2d6ae01f}.card-body-sm{padding:var(--space-4)}.card-body-lg{padding:var(--space-8)}.card-body-none{padding:0}.card-flush>.card-body{padding:0}.card-subtle{background-color:var(--color-bg-subtle);box-shadow:none}.card-subtle .card-header{background-color:transparent}.card-info{background-color:var(--color-info-bg);border-color:var(--color-info)}.card-success{background-color:var(--color-success-bg);border-color:var(--color-success)}.card-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning)}.card-error{background-color:var(--color-error-bg);border-color:var(--color-error)}.card-info .card-header,.card-success .card-header,.card-warning .card-header,.card-error .card-header{background-color:transparent}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;width:100%;border:none;background:none;text-align:left;box-sizing:border-box;font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-appearance:none}.nav-item:hover{background-color:var(--color-slate-100);color:var(--color-text)}.nav-item.active{background-color:var(--color-primary);color:var(--color-primary-text)}.nav-item.active:hover{background-color:var(--color-primary-hover)}.nav-icon{font-size:1.25rem;flex-shrink:0;opacity:.8}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;background-color:var(--color-slate-200);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:0 var(--space-2);border-radius:var(--radius-full);flex-shrink:0;line-height:1.6}.nav-item.active .nav-badge{background-color:#fff3;color:var(--color-primary-text)}.nav-group-trigger{width:100%;background:none;border:none}.nav-group-trigger .nav-chevron{margin-left:auto;font-size:1rem;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-default);opacity:.6}.nav-group-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-group-children{overflow:hidden;height:0;transition:height var(--duration-normal) var(--ease-default)}.nav-group-children.open{height:auto}.nav-group-children .nav-item{padding-left:calc(var(--space-3) + 1rem + var(--space-3));font-weight:var(--font-normal)}.nav-divider{height:1px;background:var(--color-border);margin:var(--space-2) var(--space-3)}.nav-item-wrap{display:flex;flex-direction:column}.nav-chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;width:1.5rem;height:1.5rem;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:inherit;opacity:.7;transition:transform var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.nav-chevron .material-symbols-outlined{font-size:1.15rem}.nav-chevron:hover{opacity:1;background-color:#0000000f}.nav-chevron.open{transform:rotate(90deg)}.nav-item .nav-chevron{margin-left:var(--space-1)}.nav-subitems{display:flex;flex-direction:column;gap:2px;margin:2px 0 var(--space-1) 0;padding-left:var(--space-3);margin-left:var(--space-4);border-left:1px solid var(--color-border)}.nav-subitem{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.nav-subitem:hover{background-color:var(--color-slate-100);color:var(--color-text)}.nav-subitem.active{color:var(--color-primary);font-weight:var(--font-semibold);background-color:var(--color-info-bg)}.nav-subicon{font-size:1.1rem;flex-shrink:0;opacity:.8}.sidebar-profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);width:100%;border:none;background:none;text-align:left;font-family:var(--font-sans);-webkit-appearance:none}.sidebar-profile:hover{background-color:var(--color-bg-subtle)}.sidebar-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background-color:var(--color-slate-200);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-slate-600);flex-shrink:0;overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-avatar-lg{width:2.5rem;height:2.5rem;font-size:var(--text-base)}.sidebar-profile-info{flex:1;overflow:hidden;min-width:0}.sidebar-profile-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-role{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-action{flex-shrink:0;color:var(--color-text-subtle);font-size:1.1rem}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field+.field{margin-top:var(--space-4)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.label-required:after{content:" *";color:var(--color-error)}.label-optional:after{content:" (optional)";color:var(--color-text-subtle);font-weight:var(--font-normal)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-slate-400)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2d6ae01a}.input:disabled,.select:disabled,.textarea:disabled{background-color:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed}.input:read-only{background-color:var(--color-bg-subtle);color:var(--color-text-muted)}.input-sm,.select-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.input-lg,.select-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.textarea{resize:vertical;min-height:6rem}.textarea-fixed{resize:none}.select{padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input{width:100%}.input-icon-left{position:absolute;left:var(--space-3);color:var(--color-text-subtle);font-size:1.1rem;pointer-events:none;line-height:1}.input-icon-right{position:absolute;right:var(--space-3);color:var(--color-text-subtle);font-size:1.1rem;line-height:1}.input-wrapper .input-has-icon-left{padding-left:2.25rem}.input-wrapper .input-has-icon-right{padding-right:2.25rem}.input-error,.select-error,.textarea-error{border-color:var(--color-error)}.input-success{border-color:var(--color-success)}.input-error:focus,.select-error:focus,.textarea-error:focus{box-shadow:0 0 0 4px #dc26261a}.input-success:focus{box-shadow:0 0 0 4px #16a34a1a}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-error{font-size:var(--text-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.checkbox,.radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox],.radio input[type=radio]{width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.checkbox-label,.radio-label{font-size:var(--text-sm);color:var(--color-text)}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-inline,.checkbox-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{position:relative;width:2.25rem;height:1.25rem;background-color:var(--color-slate-300);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-default);flex-shrink:0}.toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle input[type=checkbox]:checked+.toggle-track{background-color:var(--color-primary)}.toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-default)}.toggle input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translate(1rem)}.toggle-label{font-size:var(--text-sm);color:var(--color-text)}.form-row{display:grid;gap:var(--space-4)}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-actions-left{justify-content:flex-start}.form-actions-split{justify-content:space-between}.textarea{width:100%;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);font-family:inherit;line-height:var(--leading-relaxed)}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle, rgb(79 70 229 / .12))}.textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-subtle)}.textarea-error{border-color:var(--color-error, #dc2626)}.textarea-success{border-color:var(--color-success, #16a34a)}.masked-input{font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a80;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:modal-backdrop-in var(--duration-normal) var(--ease-out)}.modal-backdrop.closing{animation:modal-backdrop-out var(--duration-normal) var(--ease-in) forwards}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:32rem;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:modal-in var(--duration-normal) var(--ease-out)}.modal-backdrop.closing .modal{animation:modal-out var(--duration-normal) var(--ease-in) forwards}.modal-sm{max-width:24rem}.modal-lg{max-width:48rem}.modal-xl{max-width:64rem}.modal-full{max-width:none;width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);gap:var(--space-4);flex-shrink:0}.modal-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0;line-height:var(--leading-snug)}.modal-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.modal-close{flex-shrink:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-body-sm{padding:var(--space-4)}.modal-body-lg{padding:var(--space-8)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-2);flex-shrink:0;background-color:var(--color-bg-subtle);border-radius:0 0 var(--radius-md) var(--radius-md)}.modal-footer-left{justify-content:flex-start}.modal-footer-split{justify-content:space-between}.modal-confirm .modal-body{display:flex;gap:var(--space-4);align-items:flex-start}.modal-confirm-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.modal-confirm-icon-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.modal-confirm-icon-danger{background-color:var(--color-error-bg);color:var(--color-error)}.modal-confirm-icon-info{background-color:var(--color-info-bg);color:var(--color-info)}.modal-confirm-icon-success{background-color:var(--color-success-bg);color:var(--color-success)}.modal-confirm-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.modal-confirm-message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.modal-backdrop-drawer{align-items:stretch;justify-content:flex-end;padding:0}.modal-drawer{max-width:28rem;max-height:none;height:100vh;border-radius:var(--radius-md) 0 0 var(--radius-md);animation:drawer-in var(--duration-slow) var(--ease-out)}.modal-backdrop-drawer.closing .modal-drawer{animation:drawer-out var(--duration-normal) var(--ease-in) forwards}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(-.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.5rem) scale(.98)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.accordion-flush{border:none;border-radius:0}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none}.accordion-trigger:hover{background-color:var(--color-bg-subtle)}.accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.accordion-item.open>.accordion-trigger{background-color:var(--color-bg-subtle);color:var(--color-primary)}.accordion-trigger-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.accordion-icon{color:var(--color-text-muted);font-size:1.1rem;flex-shrink:0}.accordion-item.open>.accordion-trigger .accordion-icon{color:var(--color-primary)}.accordion-title{font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-normal);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-chevron{font-size:1.1rem;color:var(--color-text-subtle);flex-shrink:0;transition:transform var(--duration-normal) var(--ease-default),color var(--duration-fast) var(--ease-default)}.accordion-item.open>.accordion-trigger .accordion-chevron{transform:rotate(180deg);color:var(--color-primary)}.accordion-body{overflow:hidden;height:0;transition:height var(--duration-normal) var(--ease-default)}.accordion-body-inner{padding:var(--space-4) var(--space-5);padding-top:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);border-top:1px solid var(--color-border)}.accordion-body-inner-padded{padding-top:var(--space-4)}.accordion-badge{margin-left:auto;background-color:var(--color-slate-100);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:0 var(--space-2);border-radius:var(--radius-full);flex-shrink:0;line-height:1.6}.accordion-item.open .accordion-badge{background-color:var(--color-primary);color:var(--color-primary-text)}.accordion-separated{border:none;background:transparent;display:flex;flex-direction:column;gap:var(--space-2)}.accordion-separated .accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.accordion-separated .accordion-item.open{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.accordion-minimal{border:none}.accordion-minimal .accordion-item{border-bottom:1px solid var(--color-border)}.accordion-minimal .accordion-trigger,.accordion-minimal .accordion-body-inner{padding-left:0;padding-right:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-4)}.login-page-patterned{background-color:var(--color-slate-100);background-image:linear-gradient(var(--color-slate-200) 1px,transparent 1px),linear-gradient(90deg,var(--color-slate-200) 1px,transparent 1px);background-size:24px 24px}.login-card{width:100%;max-width:24rem}.login-card .card-body{padding:var(--space-8)}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}.login-logo{width:3rem;height:3rem;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:#fff;font-size:1.5rem}.login-logo img{width:2rem;height:2rem}.login-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.login-form .field+.field{margin-top:var(--space-4)}.login-form .form-actions{margin-top:var(--space-6);padding-top:0;border-top:none;flex-direction:column}.login-forgot{display:block;text-align:right;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.login-forgot:hover{color:var(--color-primary)}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text-subtle);font-size:var(--text-xs)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.login-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);line-height:1.6;white-space:nowrap}.badge-default{background-color:var(--color-slate-100);color:var(--color-slate-600)}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.badge-dot:before{content:"";display:inline-block;width:.4rem;height:.4rem;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.divider-strong{border-color:var(--color-border-strong)}.divider-vertical{border:none;border-left:1px solid var(--color-border);height:1rem;align-self:center;margin:0 var(--space-2);display:inline-block}.divider-labeled{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0}.divider-line{flex:1;height:1px;background:var(--color-border)}.divider-line.divider-strong{background:var(--color-border-strong)}.divider-text{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.table-wrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;background-color:var(--color-bg-subtle);border-bottom:2px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background-color:var(--color-bg-subtle)}.table-bordered th,.table-bordered td{border:1px solid var(--color-border)}.table-compact th,.table-compact td{padding:var(--space-2) var(--space-3)}.table .col-right{text-align:right}.table .col-center{text-align:center}.table .col-number{text-align:right;font-variant-numeric:tabular-nums}.table tr.row-selected td{background-color:#2563eb0d}.table tr.row-muted td{color:var(--color-text-muted)}.table-th-sortable{padding:0}.table-sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer}.table-sort-btn:hover{color:var(--color-text)}.table-sort-icon{font-size:1rem;opacity:.4}.table-sort-icon.active{opacity:1;color:var(--color-primary)}.table-striped tbody tr:nth-child(2n) td{background-color:var(--color-bg-subtle)}.table-striped tbody tr:hover td{background-color:var(--color-slate-100, var(--color-bg-subtle))}.table-empty{text-align:center!important;color:var(--color-text-subtle);padding:var(--space-8) var(--space-4)!important;font-size:var(--text-sm)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm)}.alert-icon{flex-shrink:0;font-size:1.1rem;line-height:1.5}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert-message{color:inherit;opacity:.85;line-height:var(--leading-relaxed)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:1.5px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-sm);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);flex-shrink:0}.checkbox-icon{font-size:1rem;color:var(--color-primary-text);transform:scale(0);transition:transform var(--duration-fast) var(--ease-default)}.checkbox input:checked+.checkbox-box,.checkbox input:indeterminate+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked+.checkbox-box .checkbox-icon,.checkbox input:indeterminate+.checkbox-box .checkbox-icon{transform:scale(1)}.checkbox input:focus-visible+.checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-label{font-size:var(--text-sm);color:var(--color-text)}.checkbox-disabled{opacity:.5;cursor:not-allowed}.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.radio input{position:absolute;opacity:0;width:0;height:0}.radio-circle{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:1.5px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-full);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-default);flex-shrink:0}.radio-dot{width:.55rem;height:.55rem;border-radius:var(--radius-full);background:var(--color-primary);transform:scale(0);transition:transform var(--duration-fast) var(--ease-default)}.radio input:checked+.radio-circle{border-color:var(--color-primary)}.radio input:checked+.radio-circle .radio-dot{transform:scale(1)}.radio input:focus-visible+.radio-circle{outline:2px solid var(--color-primary);outline-offset:2px}.radio-label{font-size:var(--text-sm);color:var(--color-text)}.radio-disabled{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;gap:var(--space-1)}.dropdown-caret{font-size:1.15rem;transition:transform var(--duration-fast) var(--ease-default)}.dropdown-caret.open{transform:rotate(180deg)}.dropdown-trigger-wrap{display:inline-flex;cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:200;min-width:11rem;display:flex;flex-direction:column;gap:1px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:dropdown-in var(--duration-fast) var(--ease-default)}.dropdown-menu-end{left:auto;right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);color:var(--color-text);text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.dropdown-item .material-symbols-outlined{font-size:1.15rem;color:var(--color-text-muted)}.dropdown-item:hover{background:var(--color-bg-subtle)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item-label{flex:1}.dropdown-item-danger,.dropdown-item-danger .material-symbols-outlined{color:var(--color-error, #dc2626)}.dropdown-item-danger:hover{background:var(--color-error-bg, #fef2f2)}.dropdown-divider{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.spinner{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:inherit;flex-shrink:0;vertical-align:-.125em}.spinner-svg{width:100%;height:100%;animation:spinner-rotate .7s linear infinite}.spinner-track{stroke:currentColor;opacity:.25}.spinner-head{stroke:currentColor}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner-svg{animation-duration:1.5s}}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:300;padding:var(--space-1) var(--space-2);background:var(--color-text, #1e293b);color:var(--color-surface, #fff);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.3;white-space:nowrap;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.tooltip.open{opacity:1}.tooltip:after{content:"";position:absolute;border:4px solid transparent}.tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px)}.tooltip-top.open{transform:translate(-50%) translateY(0)}.tooltip-top:after{top:100%;left:50%;margin-left:-4px;border-top-color:var(--color-text, #1e293b)}.tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-4px)}.tooltip-bottom.open{transform:translate(-50%) translateY(0)}.tooltip-bottom:after{bottom:100%;left:50%;margin-left:-4px;border-bottom-color:var(--color-text, #1e293b)}.tooltip-left{right:calc(100% + 6px);top:50%;transform:translateY(-50%) translate(4px)}.tooltip-left.open{transform:translateY(-50%) translate(0)}.tooltip-left:after{left:100%;top:50%;margin-top:-4px;border-left-color:var(--color-text, #1e293b)}.tooltip-right{left:calc(100% + 6px);top:50%;transform:translateY(-50%) translate(-4px)}.tooltip-right.open{transform:translateY(-50%) translate(0)}.tooltip-right:after{right:100%;top:50%;margin-top:-4px;border-right-color:var(--color-text, #1e293b)}.progress-container{display:flex;align-items:center;gap:var(--space-3);width:100%}.progress{flex:1;overflow:hidden;background:var(--color-bg-subtle);border-radius:var(--radius-full)}.progress-sm{height:.375rem}.progress-md{height:.5rem}.progress-lg{height:.75rem}.progress-bar{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-default)}.progress-primary{background:var(--color-primary)}.progress-success{background:var(--color-success, #16a34a)}.progress-warning{background:var(--color-warning, #d97706)}.progress-error{background:var(--color-error, #dc2626)}.progress-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.progress-indeterminate{width:40%;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{margin-left:-40%}to{margin-left:100%}}@media(prefers-reduced-motion:reduce){.progress-indeterminate{animation-duration:2.5s}}.pagination{display:inline-flex;align-items:center;gap:var(--space-1)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);border:1px solid transparent;background:none;border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.pagination-btn:hover:not(:disabled):not(.active){background:var(--color-bg-subtle)}.pagination-btn.active{background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-semibold)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow .material-symbols-outlined{font-size:1.25rem}.pagination-ellipsis{display:inline-flex;align-items:flex-end;justify-content:center;min-width:2rem;height:2.25rem;color:var(--color-text-subtle);padding-bottom:var(--space-1)}.calendar{width:17rem;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.calendar-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.calendar-nav{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.calendar-nav:hover{background:var(--color-bg-subtle);color:var(--color-text)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-dow{text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-subtle);padding:var(--space-1) 0}.calendar-day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.calendar-day:hover{background:var(--color-bg-subtle)}.calendar-day.outside{color:var(--color-text-subtle);opacity:.55}.calendar-day.today{font-weight:var(--font-bold);box-shadow:inset 0 0 0 1px var(--color-border-strong, var(--color-border))}.calendar-day.selected{background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-semibold)}.calendar-day.selected:hover{background:var(--color-primary)}.datepicker{position:relative;display:inline-block}.datepicker-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-width:12rem;cursor:pointer;text-align:left}.datepicker-icon{font-size:1.15rem;color:var(--color-text-muted)}.datepicker-value{flex:1}.datepicker-placeholder .datepicker-value{color:var(--color-text-subtle)}.datepicker-popover{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:300;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);animation:datepicker-in var(--duration-fast) var(--ease-default)}@keyframes datepicker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tb{display:flex;align-items:center;gap:var(--space-6);height:3.5rem;padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tb-hamburger{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm)}.tb-hamburger:hover{background:var(--color-bg-subtle)}.tb-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none;white-space:nowrap}.tb-brand-icon{color:var(--color-accent-light, var(--color-primary))}.tb-nav{display:flex;align-items:center;gap:var(--space-1);flex:1}.tb-spacer{flex:1}.tb-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.tb-link .material-symbols-outlined{font-size:1.15rem}.tb-link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.tb-link.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.tb-nav-tabs .tb-link{border-radius:0;border-bottom:2px solid transparent;padding-bottom:calc(var(--space-2) - 2px)}.tb-nav-tabs .tb-link.active{background:none;border-bottom-color:var(--color-primary)}.tb-flywrap{position:relative;display:inline-flex;align-items:center}.tb-flybtn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-text-subtle);padding:var(--space-1);border-radius:var(--radius-sm)}.tb-flybtn:hover{background:var(--color-bg-subtle)}.tb-flyout{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:200;min-width:12rem;display:flex;flex-direction:column;gap:1px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.tb-flyout-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);text-decoration:none}.tb-flyout-item .material-symbols-outlined{font-size:1.1rem;color:var(--color-text-muted)}.tb-flyout-item:hover{background:var(--color-bg-subtle)}.tb-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.sb{width:14rem;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.sb-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none}.sb-brand-icon{color:var(--color-accent-light, var(--color-primary))}.sb-nav{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:1px}.sb-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);padding:var(--space-3) var(--space-3) var(--space-1)}.sb-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.sb-link .material-symbols-outlined{font-size:1.25rem}.sb-link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.sb-link.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.sb-link-label{flex:1}.sb-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-full);padding:0 var(--space-2);min-width:1.25rem;text-align:center}.sb-footer{padding:var(--space-3);border-top:1px solid var(--color-border)}.sb-parent{width:100%;border:none;background:none;font:inherit;cursor:pointer;text-align:left}.sb-chevron{font-size:1.1rem;margin-left:auto;color:var(--color-text-subtle);transition:transform var(--duration-fast) var(--ease-default)}.sb-chevron.open{transform:rotate(90deg)}.sb-parent .sb-link-label{flex:1}.sb-subnav{display:flex;flex-direction:column;gap:1px;margin:1px 0 1px var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.sb-sublink{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.sb-sublink .material-symbols-outlined{font-size:1.1rem}.sb-sublink:hover{background:var(--color-bg-subtle);color:var(--color-text)}.sb-sublink.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.tb-parent{border:none;background:none;font:inherit;cursor:pointer}.tb-caret{font-size:1.05rem;transition:transform var(--duration-fast) var(--ease-default)}.tb-caret.open{transform:rotate(180deg)}.tb-flyout-item.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.nl{display:flex;width:100%;height:100%;min-height:0;min-width:0}.nl-col{flex-direction:column}.nl-row{flex-direction:row}.nl-fill{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.nl-scroll{overflow:auto}.nl-fill>:not(.nl):not(.nl-passthrough){padding:var(--space-6)}.nl-right .sb{border-right:none;border-left:1px solid var(--color-border)}.nl-bottom .tb{border-bottom:none;border-top:1px solid var(--color-border)}.nl-app{height:100vh}.ir{width:3.5rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;background:var(--color-surface);border-right:1px solid var(--color-border)}.ir-brand{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);color:var(--color-accent-light, var(--color-primary));text-decoration:none;margin-bottom:var(--space-2)}.ir-brand .material-symbols-outlined{font-size:1.5rem}.ir-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.ir-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.ir-item .material-symbols-outlined{font-size:1.4rem}.ir-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.ir-item.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.ir-tip{position:absolute;left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-2);background:var(--color-text, #1e293b);color:var(--color-surface, #fff);font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default);z-index:300}.ir-item:hover .ir-tip{opacity:1}.ir-dot{position:absolute;top:.5rem;right:.5rem;width:.45rem;height:.45rem;border-radius:var(--radius-full);background:var(--color-primary)}.ir-foot{display:flex;align-items:center;justify-content:center}.nlf-pad{padding:var(--space-4);gap:var(--space-4);background:var(--color-bg)}.nlf-topcard{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-shrink:0}.nlf-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text);white-space:nowrap}.nlf-brand-icon{color:var(--color-accent-light, var(--color-primary))}.nlf-topnav{display:flex;align-items:center;gap:var(--space-1);flex:1}.nlf-toplink,.nlf-sidelink{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.nlf-toplink .material-symbols-outlined,.nlf-sidelink .material-symbols-outlined{font-size:1.2rem}.nlf-toplink:hover,.nlf-sidelink:hover{background:var(--color-bg-subtle);color:var(--color-text)}.nlf-toplink.active,.nlf-sidelink.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.nlf-actions{display:inline-flex;align-items:center;gap:var(--space-3)}.nlf-sidecard{width:14rem;flex-shrink:0;display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:100%;overflow-y:auto}.nlf-side-brand{padding:var(--space-2) var(--space-2) var(--space-3)}.nlf-sidenav{display:flex;flex-direction:column;gap:1px;flex:1}.nlf-sidelink{justify-content:flex-start}.nlf-sidelabel{flex:1}.nlf-side-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-subtle);padding:var(--space-3) var(--space-2) var(--space-1)}.nlf-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--color-primary);color:var(--color-primary-text);border-radius:var(--radius-full);padding:0 var(--space-2);min-width:1.25rem;text-align:center}.nlf-side-foot{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.nlf-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.nldk{position:relative}.nldk-content{padding-bottom:6rem}.nldk-dockwrap{position:absolute;bottom:var(--space-6);left:0;right:0;display:flex;justify-content:center;pointer-events:none}.nldk-dock{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl, 1rem);box-shadow:var(--shadow-lg);pointer-events:auto}.nldk-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.nldk-item .material-symbols-outlined{font-size:1.5rem}.nldk-item:hover{background:var(--color-bg-subtle);color:var(--color-text);transform:translateY(-4px)}.nldk-item.active{color:var(--color-primary);background:var(--color-primary-subtle, var(--color-bg-subtle))}.nldk-label{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:var(--color-text, #1e293b);color:var(--color-surface, #fff);font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default)}.nldk-item:hover .nldk-label{opacity:1}.nlf-parent{width:100%;border:none;background:none;font:inherit;cursor:pointer;text-align:left}.nlf-chevron{font-size:1.1rem;margin-left:auto;color:var(--color-text-subtle);transition:transform var(--duration-fast) var(--ease-default)}.nlf-chevron.open{transform:rotate(90deg)}.nlf-subnav{display:flex;flex-direction:column;gap:1px;margin:1px 0 1px var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--color-border)}.nlf-sublink{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.nlf-sublink .material-symbols-outlined{font-size:1.05rem}.nlf-sublink:hover{background:var(--color-bg-subtle);color:var(--color-text)}.nlf-sublink.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.nlf-flywrap{position:relative;display:inline-flex;align-items:center}.nlf-flybtn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-text-subtle);padding:var(--space-1);border-radius:var(--radius-sm)}.nlf-flybtn:hover{background:var(--color-bg-subtle)}.nlf-flyout,.ir-flyout,.nldk-flyout{position:absolute;z-index:300;min-width:12rem;display:flex;flex-direction:column;gap:1px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.nlf-flyout{top:calc(100% + var(--space-2));left:0}.nlf-flyout-item,.ir-flyout-item,.nldk-flyout-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;white-space:nowrap}.nlf-flyout-item .material-symbols-outlined,.ir-flyout-item .material-symbols-outlined,.nldk-flyout-item .material-symbols-outlined{font-size:1.1rem;color:var(--color-text-muted)}.nlf-flyout-item:hover,.ir-flyout-item:hover,.nldk-flyout-item:hover{background:var(--color-bg-subtle)}.ir-flywrap{position:relative;display:inline-flex}.ir-flyout{left:calc(100% + var(--space-2));top:0}.ir-flyout-head{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3) var(--space-2)}.ir-flyout-item.active{background:var(--color-primary-subtle, var(--color-bg-subtle));color:var(--color-primary)}.nldk-flywrap{position:relative;display:inline-flex}.nldk-flyout{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%)}.nlf-parent{border:none;background:none;font:inherit;cursor:pointer}.nlf-caret{font-size:1.05rem;transition:transform var(--duration-fast) var(--ease-default)}.nlf-caret.open{transform:rotate(180deg)}.chevron{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer;color:inherit;font-size:1.25em;line-height:1;transition:transform var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.chevron .material-symbols-outlined{font-size:inherit}.chevron:disabled{opacity:.4;cursor:not-allowed}.chevron-from-right.expanded,.chevron-from-down{transform:rotate(90deg)}.chevron-from-down.expanded{transform:rotate(0)}.collapsible{width:100%}.collapsible-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 0;border:none;background:none;font:inherit;color:var(--color-text);text-align:left;cursor:pointer}.collapsible-trigger:disabled{opacity:.5;cursor:not-allowed}.collapsible-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-default)}.collapsible-chevron.expanded{transform:rotate(90deg)}.collapsible-title{font-size:var(--text-sm);font-weight:var(--font-medium)}.collapsible-content{padding:var(--space-2) 0 var(--space-3) calc(1.25em + var(--space-2));color:var(--color-text);font-size:var(--text-sm)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.icon-sm{font-size:1rem}.icon-md{font-size:1.25rem}.icon-lg{font-size:1.5rem}.icon-xl{font-size:2rem}