:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.2;--line-height-base: 1.5;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--ease-ios: cubic-bezier(.32, .72, 0, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--glass-blur: 20px;--glass-saturate: 180%;--z-sidebar: 10;--z-header: 20;--z-popover: 30;--z-modal: 40;--z-toast: 50;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-contrast: #ffffff;--sidebar-width: 264px;--header-height: 72px}:root[data-theme=light]{color-scheme:light;--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-surface-solid: #ffffff;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #a1a1a6;--color-border: rgba(0, 0, 0, .06);--color-separator: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .5);--color-accent-subtle: rgba(37, 99, 235, .1);--color-success: #1d8a5e;--color-success-subtle: rgba(29, 138, 94, .1);--color-warning: #b7791f;--color-warning-subtle: rgba(183, 121, 31, .12);--color-danger: #c0392b;--color-danger-subtle: rgba(192, 57, 43, .1);--color-info: #2e6fd9;--color-info-subtle: rgba(46, 111, 217, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .1), 0 6px 16px rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .18)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #000000;--color-bg-elevated: #1c1c1e;--color-surface-solid: #1c1c1e;--color-text-primary: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #6e6e73;--color-border: rgba(255, 255, 255, .08);--color-separator: rgba(255, 255, 255, .1);--glass-bg: rgba(28, 28, 30, .6);--glass-bg-strong: rgba(44, 44, 46, .78);--glass-border: rgba(255, 255, 255, .08);--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-subtle: rgba(59, 130, 246, .16);--color-success: #30c48d;--color-success-subtle: rgba(48, 196, 141, .16);--color-warning: #e0a836;--color-warning-subtle: rgba(224, 168, 54, .16);--color-danger: #e0564a;--color-danger-subtle: rgba(224, 86, 74, .16);--color-info: #5b93ec;--color-info-subtle: rgba(91, 147, 236, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .55);--scrollbar-thumb: rgba(255, 255, 255, .18)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg: #000000;--color-bg-elevated: #1c1c1e;--color-surface-solid: #1c1c1e;--color-text-primary: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #6e6e73;--color-border: rgba(255, 255, 255, .08);--color-separator: rgba(255, 255, 255, .1);--glass-bg: rgba(28, 28, 30, .6);--glass-bg-strong: rgba(44, 44, 46, .78);--glass-border: rgba(255, 255, 255, .08);--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-subtle: rgba(59, 130, 246, .16);--color-success: #30c48d;--color-success-subtle: rgba(48, 196, 141, .16);--color-warning: #e0a836;--color-warning-subtle: rgba(224, 168, 54, .16);--color-danger: #e0564a;--color-danger-subtle: rgba(224, 86, 74, .16);--color-info: #5b93ec;--color-info-subtle: rgba(91, 147, 236, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .55);--scrollbar-thumb: rgba(255, 255, 255, .18)}}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--color-bg: #f5f5f7;--color-bg-elevated: #ffffff;--color-surface-solid: #ffffff;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #a1a1a6;--color-border: rgba(0, 0, 0, .06);--color-separator: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .5);--color-accent-subtle: rgba(37, 99, 235, .1);--color-success: #1d8a5e;--color-success-subtle: rgba(29, 138, 94, .1);--color-warning: #b7791f;--color-warning-subtle: rgba(183, 121, 31, .12);--color-danger: #c0392b;--color-danger-subtle: rgba(192, 57, 43, .1);--color-info: #2e6fd9;--color-info-subtle: rgba(46, 111, 217, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .1), 0 6px 16px rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .18)}}.crud-page{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.crud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.crud-toolbar__meta{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.crud-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.crud-table-scroll{overflow-x:auto}.crud-table{width:100%;border-collapse:collapse;min-width:640px}.crud-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-separator)}.crud-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-separator);font-size:var(--font-size-sm);color:var(--color-text-primary)}.crud-table tr:last-child td{border-bottom:none}.crud-table tr:hover td{background:var(--color-accent-subtle)}.crud-table__actions{display:flex;justify-content:flex-end;gap:var(--space-2);white-space:nowrap}.crud-empty,.crud-loading{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.crud-error-banner{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--font-size-sm)}.status-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge--success{background:var(--color-success-subtle);color:var(--color-success)}.status-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.status-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.status-badge--neutral{background:var(--color-bg);color:var(--color-text-tertiary)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field+.field{margin-top:var(--space-4)}.field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field__control{display:flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3);height:44px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-ios),box-shadow var(--duration-fast) var(--ease-ios)}.field__control:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.field__control--invalid{border-color:var(--color-danger)}.field__control--invalid:focus-within{box-shadow:0 0 0 3px var(--color-danger-subtle)}.field__control input,.field__control select{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base)}.field__control input::placeholder,.field__control select::placeholder{color:var(--color-text-tertiary)}.field__error{margin:0;font-size:var(--font-size-xs);color:var(--color-danger)}.field__hint{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.crud-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-ios),box-shadow var(--duration-fast) var(--ease-ios),transform var(--duration-fast) var(--ease-ios),opacity var(--duration-fast) var(--ease-ios)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.6;cursor:default;transform:none}.button--sm{height:30px;padding-inline:var(--space-3);font-size:var(--font-size-xs)}.button--primary{border:none;background:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-sm)}.button--secondary{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){box-shadow:var(--shadow-sm)}.button--danger{border:1px solid transparent;background:var(--color-danger-subtle);color:var(--color-danger)}.button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-accent-contrast)}.button--ghost{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary)}.button--ghost:hover:not(:disabled){background:var(--color-accent-subtle);color:var(--color-text-primary)}.spinner{width:14px;height:14px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;animation:crud-spin .7s linear infinite}@keyframes crud-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-ios),color var(--duration-base) var(--ease-ios)}.tabular-nums{font-variant-numeric:tabular-nums}::selection{background:var(--color-accent-subtle);color:var(--color-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}