:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-800: #1e40af;--red-100: #fee2e2;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--green-100: #dcfce7;--green-600: #1a7f3a;--green-800: #166534;--yellow-100: #fef9c3;--yellow-600: #ca8a04;--yellow-800: #854d0e;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-width: 1px;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4.5rem;--header-height: 4rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--input-height: 26px;--input-font-size: var(--font-size-xs);--btn-xs-padding: var(--spacing-xs) var(--spacing-sm);--btn-xs-font-size: .6875rem;--btn-xs-min-height: 22px;--btn-sm-padding: var(--spacing-xs) var(--spacing-sm);--btn-sm-font-size: var(--font-size-xs);--btn-sm-min-height: 26px;--btn-md-padding: var(--spacing-sm) var(--spacing-md);--btn-md-font-size: var(--font-size-sm);--btn-md-min-height: 32px;--btn-primary-bg: var(--black);--btn-primary-color: var(--white);--btn-primary-hover-bg: var(--gray-800);--btn-secondary-bg: transparent;--btn-secondary-color: var(--gray-600);--btn-secondary-border: var(--gray-300);--btn-secondary-hover-bg: var(--gray-100);--btn-secondary-hover-color: var(--gray-900);--btn-delete-bg: var(--red-600);--btn-delete-color: var(--white);--btn-delete-hover-bg: var(--red-700)}*{box-sizing:border-box;line-height:var(--line-height-normal)}html,body{margin:0;padding:0;font-family:Inter,sans-serif;font-size:var(--font-size-base);color:var(--gray-900);background-color:var(--white)}a,a:hover{text-decoration:none}a:focus{outline:none}a:disabled{opacity:.5;cursor:not-allowed}label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-700)}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=tel],select,textarea{padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:var(--input-font-size);color:var(--gray-900);background-color:var(--white);transition:border-color var(--transition-base);font-family:inherit}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,select:focus,textarea:focus{outline:none;border-color:var(--gray-900)}input[type=text]:disabled,input[type=number]:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=tel]:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input[type=text].error,input[type=text][class*=-error],input[type=number].error,input[type=number][class*=-error],input[type=date].error,input[type=date][class*=-error],input[type=email].error,input[type=email][class*=-error],input[type=password].error,input[type=password][class*=-error],input[type=tel].error,input[type=tel][class*=-error],select.error,select[class*=-error],textarea.error,textarea[class*=-error]{border-color:var(--red-600)}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=tel],select:not([multiple]){height:var(--input-height);min-height:var(--input-height);max-height:var(--input-height);line-height:1.25;box-sizing:border-box}select{cursor:pointer}select[multiple]{height:auto;min-height:8rem;padding:var(--spacing-xs)}textarea{resize:vertical;min-height:4rem}input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--gray-900)}input[type=radio]:focus{outline:none}button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base);font-family:inherit;border:var(--border-width) solid var(--btn-primary-bg);background-color:var(--btn-primary-bg);color:var(--btn-primary-color)}button:hover:not(:disabled){background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--gray-900);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-xs{padding:var(--btn-xs-padding);font-size:var(--btn-xs-font-size);min-height:var(--btn-xs-min-height)}.btn-sm{padding:var(--btn-sm-padding);font-size:var(--btn-sm-font-size);min-height:var(--btn-sm-min-height)}.btn-md{padding:var(--btn-md-padding);font-size:var(--btn-md-font-size);min-height:var(--btn-md-min-height)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);border-color:var(--btn-primary-bg)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg)}.btn-primary:focus-visible{outline:2px solid var(--gray-900);outline-offset:2px}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-color);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-color)}.btn-secondary:focus-visible{outline:2px solid var(--gray-900);outline-offset:2px}.btn-delete{background-color:var(--btn-delete-bg);color:var(--btn-delete-color);border-color:var(--btn-delete-bg)}.btn-delete:hover:not(:disabled){background-color:var(--btn-delete-hover-bg);border-color:var(--btn-delete-hover-bg)}.btn-delete:focus-visible{outline:2px solid var(--red-600);outline-offset:2px}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-fields-grid .form-field--full{grid-column:1/-1}.form-required{color:var(--red-600)}.form-input-error{border-color:var(--red-600)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}table{width:100%;border-collapse:collapse;background-color:var(--white);border:var(--border-width) solid var(--gray-300);border-radius:var(--border-radius-sm)}table thead{background-color:var(--gray-50)}table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-700);border-bottom:var(--border-width) solid var(--gray-300)}table td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--gray-900);border-bottom:var(--border-width) solid var(--gray-200)}table tbody tr{transition:background-color var(--transition-base)}table tbody tr:hover{background-color:var(--gray-50)}table tbody tr:last-child td{border-bottom:none}table.table-clickable tbody tr{cursor:pointer}table tbody tr.table-row-selected{background-color:var(--gray-100)}table td.table-cell-arrow{text-align:right;color:var(--gray-400);font-size:var(--font-size-xs)}
