:root{--color-primary: #0066cc;--color-primary-dark: #0052a3;--color-primary-light: #3385d6;--color-secondary: #6c757d;--color-secondary-dark: #5a6268;--color-secondary-light: #868e96;--color-accent: #00b894;--color-accent-dark: #009876;--color-accent-light: #33c6a7;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-danger: #ef4444;--color-danger-light: #f87171;--color-info: #06b6d4;--color-info-light: #22d3ee;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-light: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 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, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}:root{--bs-primary: var(--color-primary);--bs-primary-rgb: 0, 102, 204;--bs-secondary: var(--color-secondary);--bs-secondary-rgb: 108, 117, 125;--bs-success: var(--color-success);--bs-success-rgb: 16, 185, 129;--bs-danger: var(--color-danger);--bs-danger-rgb: 239, 68, 68;--bs-warning: var(--color-warning);--bs-warning-rgb: 245, 158, 11;--bs-info: var(--color-info);--bs-info-rgb: 6, 182, 212;--bs-body-font-family: var(--font-sans);--bs-body-color: var(--color-text-primary);--bs-body-bg: var(--color-bg-secondary);--bs-border-radius: var(--radius-md);--bs-border-radius-sm: var(--radius-sm);--bs-border-radius-lg: var(--radius-lg);--bs-box-shadow: var(--shadow-md);--bs-box-shadow-sm: var(--shadow-sm);--bs-box-shadow-lg: var(--shadow-lg)}.section-ecommerce{--section-primary: #11998e;--section-accent: #38ef7d;--section-bg: #f0fdf4}.section-ecommerce .card:hover .card-img-top img{transform:scale(1.05)}.section-blog{--section-primary: #667eea;--section-accent: #764ba2;--section-bg: #faf5ff}.section-blog .card:hover .card-img-top img{transform:scale(1.05)}.section-job-reports{--section-primary: #0066cc;--section-accent: #00b894;--section-bg: #f0f9ff}.section-job-reports .table-clean tbody tr:hover{background-color:var(--color-gray-50)!important}.section-admin{--section-primary: #6c757d;--section-accent: #868e96;--section-bg: #ffffff}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.shadow-elevated{box-shadow:var(--shadow-xl)}.transition-smooth{transition:all var(--transition-base)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-clean{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:var(--color-bg-primary)}.card-clean:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-clean{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);padding:.625rem 1.25rem;transition:all var(--transition-base)}.btn-clean:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-secondary);line-height:var(--line-height-normal)}.form-control-clean,.form-select-clean{border-radius:var(--radius-md);border:1px solid var(--color-gray-300);padding:.625rem 1rem;transition:all var(--transition-base)}.form-control-clean:focus,.form-select-clean:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.table-clean{background:var(--color-bg-primary)}.table-clean thead th{border-bottom:2px solid var(--color-gray-200);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.05em}.table-clean tbody tr{transition:background-color var(--transition-fast)}.table-clean tbody tr:hover{background-color:var(--color-gray-50)}.table-clean tbody tr:nth-child(2n){background-color:var(--color-bg-secondary)}.table-clean tbody tr:nth-child(2n):hover{background-color:var(--color-gray-100)}.badge-clean{border-radius:var(--radius-md);padding:.375rem .75rem;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.card-img-top{overflow:hidden}.card-img-top img{transition:transform var(--transition-base)}.card:hover .card-img-top img{transform:scale(1.05)}.navbar-clean{background:var(--color-bg-primary);border-bottom:1px solid rgba(0,0,0,.04);box-shadow:0 1px 2px #00000005;padding:var(--spacing-md) 0;transition:all var(--transition-base)}.navbar-clean .navbar-brand{font-size:1.375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;letter-spacing:-.02em;position:relative;transition:all var(--transition-fast);display:inline-flex;align-items:center}.navbar-clean .navbar-brand:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--transition-base);border-radius:var(--radius-full)}.navbar-clean .navbar-brand:hover{color:var(--color-primary)}.navbar-clean .navbar-brand:hover:after{width:100%}.navbar-clean .navbar-nav{gap:var(--spacing-sm)}.navbar-clean .nav-link{color:var(--color-text-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.navbar-clean .nav-link:hover{color:var(--color-primary);background-color:var(--color-gray-50)}.navbar-clean .nav-link:focus{color:var(--color-primary);background-color:var(--color-gray-50)}.navbar-clean .navbar-toggler{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.navbar-clean .navbar-toggler:focus{box-shadow:0 0 0 3px #0066cc1a;border-color:var(--color-primary)}@media(min-width:992px){.navbar-clean .navbar-nav{gap:var(--spacing-xs)}.navbar-clean .nav-link{padding:var(--spacing-sm) var(--spacing-lg)}}
