:root{--primary: #5864F4;--primary-dark: #4650d4;--primary-light: #eef0ff;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-500: #64748b;--gray-700: #374151;--gray-900: #111827}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-700)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;box-shadow:0 1px 0 var(--gray-200),0 4px 16px #5864f40f;padding:0;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--primary)}.header-content{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:60px}.header h1,.header .brand-title{font-size:1.25rem;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.02em;display:inline-block}.header .brand-logo{display:block;max-height:40px;max-width:180px;width:auto;object-fit:contain}.user-section{display:flex;align-items:center;gap:8px}.nav-links{display:flex;gap:2px;align-items:center}.nav-links a{color:var(--gray-500);text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:background .15s,color .15s;font-size:.875rem;white-space:nowrap}.nav-links a:hover{background:var(--primary-light);color:var(--primary)}.nav-links a.active{background:var(--primary);color:#fff}.welcome{color:var(--gray-500);font-size:.8rem;padding:0 8px;border-left:1px solid var(--gray-200);margin-left:4px}.btn-logout{padding:6px 14px;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;margin-left:4px}.btn-logout:hover{background:var(--danger);color:#fff}.main-content{flex:1;padding:32px 24px;max-width:100%}.footer{background:var(--gray-900);color:var(--gray-500);text-align:center;padding:16px 24px;font-size:.8rem}.footer p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:2px}.skip-link{position:absolute;left:8px;top:-48px;z-index:1000;background:#2563eb;color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;transition:top .15s ease}.skip-link:focus{top:0}#main:focus{outline:none}.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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container{max-width:1200px;margin:0 auto}.empty-state{background:#fff;padding:48px 32px;text-align:center;border-radius:12px;color:var(--gray-500);border:1px dashed var(--gray-200)}@media (max-width: 768px){.header-content{height:auto;padding:12px 16px;flex-wrap:wrap;gap:10px}.user-section{width:100%;flex-wrap:wrap;gap:6px}.nav-links{flex-wrap:wrap}.welcome{display:none}.main-content{padding:20px 16px}}:root{--color-primary: #DC143C;--color-primary-light: #E84444;--color-primary-dark: #A00A1E;--color-secondary: #000000;--color-white: #FFFFFF;--color-gray: #666666;--color-gray-light: #999999;--color-border: #DDDDDD;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading: "Arial Black", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333}html,#root{height:100%}button{cursor:pointer;border:none;border-radius:6px;font-size:1rem;font-weight:600;transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:var(--color-secondary);opacity:.8}input,textarea{font-family:inherit;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:1rem;transition:border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}html[data-style=glass]{--surface-bg: rgba(255, 255, 255, .55);--surface-border: 1px solid rgba(255, 255, 255, .6);--surface-shadow: 0 8px 32px rgba(31, 38, 135, .18);--surface-blur: blur(14px) saturate(160%);--surface-radius: 16px;--input-bg: rgba(255, 255, 255, .65);--input-border: 1px solid rgba(255, 255, 255, .7);--input-shadow: none}html[data-style=neu]{--neu-page: #e8ebf2;--surface-bg: #e8ebf2;--surface-border: none;--surface-shadow: 8px 8px 18px rgba(163, 177, 198, .6), -8px -8px 18px rgba(255, 255, 255, .9);--surface-blur: none;--surface-radius: 20px;--input-bg: #e8ebf2;--input-border: none;--input-shadow: inset 3px 3px 6px rgba(163, 177, 198, .55), inset -3px -3px 6px rgba(255, 255, 255, .9)}html[data-style=glass] body,html[data-style=glass] .app{background:radial-gradient(900px 500px at 12% -10%,color-mix(in srgb,var(--primary, #5864F4) 22%,transparent),transparent 60%),radial-gradient(800px 500px at 100% 0%,color-mix(in srgb,var(--accent, #f59e0b) 18%,transparent),transparent 55%),linear-gradient(135deg,#eef1f8,#f4f6fb);background-attachment:fixed}html[data-style=neu] body,html[data-style=neu] .app{background:var(--neu-page)}html[data-style=glass] .card,html[data-style=neu] .card,html[data-style=glass] .stat-card,html[data-style=neu] .stat-card,html[data-style=glass] .offer-card,html[data-style=neu] .offer-card,html[data-style=glass] .application-card,html[data-style=neu] .application-card,html[data-style=glass] .modal-content,html[data-style=neu] .modal-content,html[data-style=glass] .filters,html[data-style=neu] .filters,html[data-style=glass] .filters-section,html[data-style=neu] .filters-section,html[data-style=glass] .panel,html[data-style=neu] .panel,html[data-style=glass] .dashboard-card,html[data-style=neu] .dashboard-card,html[data-style=glass] .profile-card,html[data-style=neu] .profile-card,html[data-style=glass] .booking-card,html[data-style=neu] .booking-card{background:var(--surface-bg);border:var(--surface-border);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur);border-radius:var(--surface-radius)}html[data-style=glass] input,html[data-style=neu] input,html[data-style=glass] select,html[data-style=neu] select,html[data-style=glass] textarea,html[data-style=neu] textarea,html[data-style=glass] .filter-select,html[data-style=neu] .filter-select{background:var(--input-bg);border:var(--input-border);box-shadow:var(--input-shadow)}html[data-style=glass] input[type=color],html[data-style=neu] input[type=color]{box-shadow:none}