#root{margin:0 auto;padding:2rem;text-align:center}tr:nth-child(2n){background:#f2f2f2}tr:nth-child(odd){background:#fff}th,td{padding-left:1rem;padding-right:1rem}.home-container{max-width:900px;margin:0 auto;padding:20px}.home-title{color:#333;text-align:center;margin-bottom:10px}.home-tagline{text-align:center;color:#666;margin-bottom:30px;font-style:italic}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.tile{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.tile:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.tile-link{display:block;padding:20px;text-decoration:none;color:#333;height:100%;box-sizing:border-box}.tile-header{font-weight:700;font-size:18px;margin-bottom:10px;color:#2c3e50}.tile-description{color:#666;font-size:14px}.tile-blue{background-color:#e3f2fd}.tile-green{background-color:#e8f5e9}.tile-orange{background-color:#fff3e0}.tile-purple{background-color:#ede7f6}.tile-teal{background-color:#e0f2f1}.tile-cyan{background-color:#e0f7fa}.tile-yellow{background-color:#fff9c4}.tile-gray{background-color:#f5f5f5}.reddata{flex:2;text-align:left;margin-left:10px;background:red;color:#fff}.greendata{flex:2;text-align:left;margin-left:10px;background:green;color:#fff}.data{flex:2;text-align:left;margin-left:10px;background:#fff}:root{--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-secondary: #6c757d;--color-secondary-hover: #5c636a;--color-success: #198754;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #0dcaf0;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-100);--color-bg-tertiary: var(--color-gray-200);--color-border: var(--color-gray-300);--color-border-light: var(--color-gray-200)}:root{--spacing-unit: .25rem;--spacing-0: 0;--spacing-1: calc(var(--spacing-unit) * 1);--spacing-2: calc(var(--spacing-unit) * 2);--spacing-3: calc(var(--spacing-unit) * 3);--spacing-4: calc(var(--spacing-unit) * 4);--spacing-5: calc(var(--spacing-unit) * 5);--spacing-6: calc(var(--spacing-unit) * 6);--spacing-8: calc(var(--spacing-unit) * 8);--spacing-10: calc(var(--spacing-unit) * 10);--spacing-12: calc(var(--spacing-unit) * 12);--spacing-16: calc(var(--spacing-unit) * 16);--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-page-x: var(--spacing-4);--spacing-page-y: var(--spacing-4);--spacing-card-x: var(--spacing-4);--spacing-card-y: var(--spacing-3);--spacing-form-gap: var(--spacing-3);--layout-max-width: 1400px;--layout-content-max-width: 1200px}:root{--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--font-size-page-title: var(--font-size-2xl);--font-size-section-title: var(--font-size-lg);--font-size-card-title: var(--font-size-base);--font-size-label: var(--font-size-sm);--font-size-help-text: var(--font-size-xs)}body{text-align:left;color:var(--color-text-primary);background-color:var(--color-bg-primary)}.app-content{min-height:calc(100vh - var(--header-height, 56px) - var(--footer-height, 60px))}.container,.container-fluid{text-align:left}footer{padding:var(--spacing-2) var(--spacing-4)!important;margin-top:var(--spacing-4)!important;font-size:var(--font-size-sm)}footer .col{padding:var(--spacing-1) 0}.form-label{text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.form-control,.form-select{text-align:left}.form-text,.text-muted{font-size:var(--font-size-help-text)}.table{text-align:left}.table th,.table td{text-align:left;vertical-align:middle}.card{text-align:left}.card-header{font-weight:var(--font-weight-semibold)}.card-body{text-align:left}.product-code{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}@media (max-width: 991.98px){.container,.container-fluid{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}}@media (max-width: 575.98px){:root{--font-size-page-title: var(--font-size-xl);--font-size-section-title: var(--font-size-base)}.container,.container-fluid{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}}.page-header{margin-bottom:var(--spacing-lg);text-align:left}.page-header h1,.page-header .page-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.page-header .page-subtitle,.page-header .text-muted{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.page-header-actions{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md)}.page-header-actions .page-header{margin-bottom:0}.section-header{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.section-header-plain{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.list-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.list-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.card>.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-card-y) var(--spacing-card-x);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.card>.card-header h5,.card>.card-header .card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.form-section{margin-bottom:var(--spacing-lg)}.form-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.form-label,label.form-label{display:block;text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.form-label-required:after{content:" *";color:var(--color-danger)}.form-label-optional:after{content:" (optional)";font-weight:var(--font-weight-normal);color:var(--color-text-muted);font-size:var(--font-size-xs)}.form-help,.form-text{font-size:var(--font-size-help-text);color:var(--color-text-muted);margin-top:var(--spacing-1)}.form-group{margin-bottom:var(--spacing-md);text-align:left}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-row>.form-group{flex:1;min-width:200px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.form-actions-split{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.form-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.form-inline .form-label{margin-bottom:0;margin-right:var(--spacing-xs)}.form-inline .form-control{width:auto}:root{--bs-primary: var(--color-primary);--bs-secondary: var(--color-secondary);--bs-success: var(--color-success);--bs-danger: var(--color-danger);--bs-warning: var(--color-warning);--bs-info: var(--color-info);--bs-body-color: var(--color-text-primary);--bs-body-bg: var(--color-bg-primary);--bs-border-color: var(--color-border);--header-height: 56px;--footer-height: 48px}.navbar{padding:var(--spacing-2) var(--spacing-4)}.navbar-brand{font-weight:var(--font-weight-semibold)}.btn{font-weight:var(--font-weight-medium)}.btn-sm{font-size:var(--font-size-sm)}.badge{font-weight:var(--font-weight-medium)}.alert,.modal-header,.modal-body,.modal-footer,.dropdown-menu{text-align:left}.status-active{color:var(--color-success)}.status-inactive{color:var(--color-danger)}.status-pending{color:var(--color-warning)}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--color-bg-secondary)!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--club-blue: #3a7ab8;--club-blue-dark: #2d6199;--club-blue-light: #5a94c8}.bg-club-blue,.bg-club-blue th,.bg-club-blue td{background-color:var(--club-blue)!important;color:#fff!important}.text-club-blue{color:var(--club-blue)!important}.border-club-blue{border-color:var(--club-blue)!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3em;font-weight:500}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}