:root{--color-brand: #f57c20;--color-brand-600: #ea580c;--color-brand-700: #c2410c;--color-brand-50: #fff7ed;--color-brand-100: #ffedd5;--werkvolk-primary: #f57c20;--werkvolk-primary-dark: #ea580c;--werkvolk-accent: #18a957;--werkvolk-accent-dark: #0f6d42;--admin-accent: #dc2626;--admin-accent-dark: #b91c1c;--env-production: #dc2626;--env-staging: #f59e0b;--env-development: #10b981;--color-success: #18a957;--color-success-light: #dcfce7;--color-warning: #ffb020;--color-warning-light: #fef3c7;--color-danger: #e0342b;--color-danger-light: #fee2e2;--color-focus: #015f63;--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;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--header-height: 64px;--env-banner-height: 32px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.5;color:var(--gray-900);background-color:var(--gray-100);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--werkvolk-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-brand);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-brand-600)}.btn--secondary{background-color:var(--gray-200);color:var(--gray-700)}.btn--secondary:hover:not(:disabled){background-color:var(--gray-300)}.btn--danger{background-color:var(--admin-accent);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--admin-accent-dark)}.btn--ghost{background-color:transparent;color:var(--gray-600)}.btn--ghost:hover:not(:disabled){background-color:var(--gray-100)}.card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.card__title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-input{width:100%;padding:.625rem .75rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #f57c201a}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #e0342b1a}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background-color:var(--gray-50)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge--success{background-color:var(--color-success-light);color:#166534}.badge--warning{background-color:var(--color-warning-light);color:#92400e}.badge--error{background-color:var(--color-danger-light);color:#991b1b}.badge--info{background-color:#e0f2fe;color:#0c4a6e}.badge--brand{background-color:var(--color-brand-50);color:#92400e}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}@media (min-width: 1024px){.show-tablet-only{display:none!important}}@media (max-width: 767px){.show-tablet-only{display:none!important}}@media (max-width: 768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}}@media (max-width: 480px){h1{font-size:1.25rem}h2{font-size:1.125rem}}@media (max-width: 768px){.card{padding:1rem;border-radius:var(--radius)}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive .table{min-width:600px}@media (max-width: 768px){.table th,.table td{padding:.5rem .625rem;font-size:.8125rem}}@media (max-width: 768px){.form-input{font-size:1rem}.btn{padding:.75rem 1rem;font-size:.875rem}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.page-header{flex-direction:column}.page-header__actions{width:100%}}.filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width: 768px){.filters{flex-direction:column;align-items:stretch}.filters input,.filters select,.filters .dropdown{width:100%!important;min-width:unset!important}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.mobile-cards{display:none}@media (max-width: 767px){.mobile-cards{display:flex;flex-direction:column;gap:.75rem}}.mobile-card{background:#fff;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.mobile-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mobile-card__title{font-weight:600;font-size:.875rem;color:var(--gray-900)}.mobile-card__row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8125rem}.mobile-card__label{color:var(--gray-500);flex-shrink:0}.mobile-card__value{color:var(--gray-900);text-align:right}@media (max-width: 767px){.desktop-table{display:none}}@media (max-width: 767px){.detail-panel--mobile-sheet{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;overflow-y:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--gray-500)}.text-center{text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}