:root{--primitive-gray-0: #ffffff;--primitive-gray-50: #f9f9fb;--primitive-gray-100: #f2f2f5;--primitive-gray-200: #e5e5ea;--primitive-gray-300: #d1d1d6;--primitive-gray-400: #a1a1a8;--primitive-gray-500: #7c7c85;--primitive-gray-600: #57575f;--primitive-gray-700: #3a3a3f;--primitive-gray-800: #232326;--primitive-gray-900: #121214;--primitive-blue-50: #eef6ff;--primitive-blue-100: #d9ebff;--primitive-blue-200: #b3d6ff;--primitive-blue-300: #7ab8ff;--primitive-blue-400: #3d97fb;--primitive-blue-500: #0a84ff;--primitive-blue-600: #0071e3;--primitive-blue-700: #0058b3;--primitive-blue-800: #004182;--primitive-blue-900: #002b56;--primitive-green-50: #f0fdf4;--primitive-green-500: #22c55e;--primitive-green-700: #15803d;--primitive-yellow-50: #fefce8;--primitive-yellow-500:#eab308;--primitive-yellow-700:#a16207;--primitive-red-50: #fef2f2;--primitive-red-500: #ef4444;--primitive-red-700: #b91c1c}:root{--color-bg-base: var(--primitive-gray-0);--color-bg-subtle: var(--primitive-gray-50);--color-bg-muted: var(--primitive-gray-100);--color-bg-overlay: rgba(0, 0, 0, .4);--color-surface: var(--color-bg-base);--color-surface-raised: var(--color-bg-muted);--color-border-subtle: var(--primitive-gray-100);--color-border-default: var(--primitive-gray-200);--color-border-strong: var(--primitive-gray-300);--color-border: var(--color-border-default);--color-text-primary: var(--primitive-gray-900);--color-text-secondary: var(--primitive-gray-600);--color-text-tertiary: var(--primitive-gray-400);--color-text-inverse: var(--primitive-gray-0);--color-text-disabled: var(--primitive-gray-300);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-secondary);--color-brand-default: var(--primitive-blue-600);--color-brand-hover: var(--primitive-blue-700);--color-brand-subtle: var(--primitive-blue-50);--color-brand-text: var(--primitive-blue-700);--color-success-bg: var(--primitive-green-50);--color-success-text: var(--primitive-green-700);--color-success-border: var(--primitive-green-500);--color-warning-bg: var(--primitive-yellow-50);--color-warning-text: var(--primitive-yellow-700);--color-warning-border: var(--primitive-yellow-500);--color-danger-bg: var(--primitive-red-50);--color-danger-text: var(--primitive-red-700);--color-danger-border: var(--primitive-red-500);--color-info-bg: var(--primitive-gray-100);--color-info-text: var(--primitive-gray-700);--color-info-border: var(--primitive-gray-400);--color-focus-ring: var(--primitive-blue-500);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", system-ui, 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;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold:600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed:1.625;--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;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 64px;--content-padding: var(--space-6)}@media (prefers-color-scheme: dark){:root{--color-bg-base: var(--primitive-gray-900);--color-bg-subtle: var(--primitive-gray-800);--color-bg-muted: var(--primitive-gray-700);--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-subtle: var(--primitive-gray-800);--color-border-default: var(--primitive-gray-700);--color-border-strong: var(--primitive-gray-600);--color-border: var(--color-border-default);--color-text-primary: var(--primitive-gray-50);--color-text-secondary: var(--primitive-gray-400);--color-text-tertiary: var(--primitive-gray-600);--color-text-inverse: var(--primitive-gray-900);--color-text-disabled: var(--primitive-gray-700);--color-brand-default: var(--primitive-blue-400);--color-brand-hover: var(--primitive-blue-300);--color-brand-subtle: rgba(10, 132, 255, .15);--color-brand-text: var(--primitive-blue-300);--color-info-bg: var(--primitive-gray-800);--color-info-text: var(--primitive-gray-300);--color-info-border: var(--primitive-gray-600);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5), 0 4px 6px -2px rgba(0,0,0,.2)}}[data-theme=dark]{--color-bg-base: var(--primitive-gray-900);--color-bg-subtle: var(--primitive-gray-800);--color-bg-muted: var(--primitive-gray-700);--color-bg-overlay: rgba(0, 0, 0, .6);--color-border-subtle: var(--primitive-gray-800);--color-border-default: var(--primitive-gray-700);--color-border-strong: var(--primitive-gray-600);--color-border: var(--color-border-default);--color-text-primary: var(--primitive-gray-50);--color-text-secondary: var(--primitive-gray-400);--color-text-tertiary: var(--primitive-gray-600);--color-text-inverse: var(--primitive-gray-900);--color-text-disabled: var(--primitive-gray-700);--color-brand-default: var(--primitive-blue-400);--color-brand-hover: var(--primitive-blue-300);--color-brand-subtle: rgba(10, 132, 255, .15);--color-brand-text: var(--primitive-blue-300);--color-info-bg: var(--primitive-gray-800);--color-info-text: var(--primitive-gray-300);--color-info-border: var(--primitive-gray-600);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5), 0 4px 6px -2px rgba(0,0,0,.2)}[data-theme=light]{--color-bg-base: var(--primitive-gray-0);--color-bg-subtle: var(--primitive-gray-50);--color-bg-muted: var(--primitive-gray-100);--color-bg-overlay: rgba(0, 0, 0, .4);--color-border-subtle: var(--primitive-gray-100);--color-border-default: var(--primitive-gray-200);--color-border-strong: var(--primitive-gray-300);--color-border: var(--color-border-default);--color-text-primary: var(--primitive-gray-900);--color-text-secondary: var(--primitive-gray-600);--color-text-tertiary: var(--primitive-gray-400);--color-text-inverse: var(--primitive-gray-0);--color-text-disabled: var(--primitive-gray-300);--color-brand-default: var(--primitive-blue-600);--color-brand-hover: var(--primitive-blue-700);--color-brand-subtle: var(--primitive-blue-50);--color-brand-text: var(--primitive-blue-700);--color-info-bg: var(--primitive-gray-100);--color-info-text: var(--primitive-gray-700);--color-info-border: var(--primitive-gray-400);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight)}h3{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-tight)}h4{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal)}h5{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal)}h6{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}a{color:var(--color-brand-default);text-decoration:none}a:hover{color:var(--color-brand-hover);text-decoration:underline}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh;transition:grid-template-columns var(--transition-normal)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:var(--color-bg-base);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:40}.topbar-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);text-decoration:none;flex-shrink:0}.topbar-brand-mark{width:22px;height:auto;flex-shrink:0}.sidebar{background:var(--color-bg-base);border-right:1px solid var(--color-border-default);overflow-y:auto;overflow-x:hidden;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));scrollbar-width:thin;scrollbar-color:var(--color-brand-default) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-brand-default);border-radius:99px}.main-content{padding:var(--content-padding);overflow-y:auto;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr}.sidebar{position:fixed;inset:var(--topbar-height) auto 0 0;width:var(--sidebar-width);z-index:50;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-4)}.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.nav-group{padding:var(--space-4) var(--space-3) var(--space-2)}.nav-group-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-item{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-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.nav-item:hover{background:var(--color-bg-muted);color:var(--color-text-primary);text-decoration:none}.nav-item.active{background:var(--color-brand-subtle);color:var(--color-brand-text)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);border:1px solid transparent;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-brand-default);color:var(--color-text-inverse);border-color:var(--color-brand-default)}.btn-primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-secondary{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-subtle)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-text);color:#fff;border-color:var(--color-danger-text)}.btn-danger:hover{opacity:.88}.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);border-radius:var(--radius-md)}.btn-icon svg{width:18px;height:18px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-label-required:after{content:" *";color:var(--color-danger-text)}.form-hint{font-size:var(--text-xs);color:var(--color-text-secondary)}.form-error{font-size:var(--text-xs);color:var(--color-danger-text);display:flex;align-items:center;gap:var(--space-1)}.input,.select,.textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-brand-default);box-shadow:0 0 0 3px #0a84ff2e}.input.error,.select.error,.textarea.error{border-color:var(--color-danger-border)}.textarea{resize:vertical;min-height:100px}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.checkbox-group,.radio-group{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-group input[type=checkbox],.radio-group input[type=radio]{width:16px;height:16px;accent-color:var(--color-brand-default);cursor:pointer;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-row{display:flex;align-items:flex-end;gap:var(--space-3)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-6)}.action-row{display:flex;align-items:center;gap:var(--space-2)}.card{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);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-subtle);gap:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stat-card{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--color-bg-muted);color:var(--color-text-secondary)}.badge-brand{background:var(--color-brand-subtle);color:var(--color-brand-text)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.alert-info{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border-default);border-radius:var(--radius-lg)}table.data-table{width:100%;font-size:var(--text-sm)}.data-table thead{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default)}.data-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-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-bg-subtle)}.data-table.editable td{padding:var(--space-2) var(--space-3)}.data-table.editable .input,.data-table.editable .select{border-color:transparent;background:transparent}.data-table.editable .input:hover,.data-table.editable .select:hover{border-color:var(--color-border-default)}.data-table.editable .input:focus,.data-table.editable .select:focus{background:var(--color-bg-base)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:var(--max-width-sm);max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8) var(--space-4);background:var(--color-bg-subtle)}.auth-card{width:100%;max-width:380px;background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-8)}.auth-card-header{text-align:center;margin-bottom:var(--space-6)}.auth-card-mark{width:40px;height:auto;margin:0 auto var(--space-4)}.auth-mock-banner{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.hidden{display:none}.flex-col{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-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-brand{color:var(--color-brand-text)}.text-danger{color:var(--color-danger-text)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:var(--max-width-sm)}.max-w-md{max-width:var(--max-width-md)}.max-w-lg{max-width:var(--max-width-lg)}.max-w-xl{max-width:var(--max-width-xl)}.mx-auto{margin-left:auto;margin-right:auto}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border-default)}.border-t{border-top:1px solid var(--color-border-default)}.border-b{border-bottom:1px solid var(--color-border-default)}.bg-base{background:var(--color-bg-base)}.bg-subtle{background:var(--color-bg-subtle)}.bg-muted{background:var(--color-bg-muted)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.divider{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-4) 0}