*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;--bg-primary: #0f172a;--bg-surface: #1e293b;--bg-card: rgba(30, 41, 59, .85);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--input-bg: #0f172a;--primary-50: #1e1b4b;--primary-100: #312e81;--primary-500: #6366f1;--primary-600: #6366f1;--primary-700: #4f46e5;--slate-50: #1e293b;--slate-100: #334155;--slate-200: #475569;--slate-300: #64748b;--slate-400: #94a3b8;--slate-600: #cbd5e1;--slate-700: #e2e8f0;--slate-800: #f1f5f9;--slate-900: #f8fafc;--success-bg: rgba(16, 185, 129, .15);--success-text: #34d399;--success-border: rgba(52, 211, 153, .3);--warning-bg: rgba(245, 158, 11, .15);--warning-text: #fbbf24;--warning-border: rgba(251, 191, 36, .3);--error-bg: rgba(239, 68, 68, .15);--error-text: #f87171;--error-border: rgba(248, 113, 113, .3);--info-bg: rgba(14, 165, 233, .15);--info-text: #38bdf8;--info-border: rgba(56, 189, 248, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{color-scheme:light;--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border-color: rgba(226, 232, 240, .9);--input-bg: #ffffff;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--success-bg: #f0fdf4;--success-text: #15803d;--success-border: #bbf7d0;--warning-bg: #fffbeb;--warning-text: #b45309;--warning-border: #fef08a;--error-bg: #fef2f2;--error-text: #b91c1c;--error-border: #fecaca;--info-bg: #f0f9ff;--info-text: #0369a1;--info-border: #bae6fd;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .08);--shadow-xl: 0 25px 50px -12px rgba(15, 23, 42, .15)}html,body,#root{min-height:100%}body{background:var(--bg-primary);color:var(--text-primary)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;gap:1.5rem;padding:.85rem 2rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.nav-bar .brand-badge{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--slate-900);margin-right:1.5rem}.nav-bar .brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary-600),#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 4px 12px #4f46e54d}.nav-bar .nav-links{display:flex;align-items:center;gap:.5rem}.nav-bar .nav-link{color:var(--slate-600);font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:12px;transition:all var(--transition-fast)}.nav-bar .nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.nav-bar .nav-link.active{background:var(--primary-100);color:var(--primary-700);font-weight:600}.nav-bar .nav-user{margin-left:auto;display:flex;align-items:center;gap:1rem}.nav-bar .user-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--slate-100);border:1px solid var(--slate-200);padding:.35rem .85rem;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--slate-700)}.nav-bar .role-badge{text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;padding:.15rem .45rem;border-radius:9999px;background:var(--primary-600);color:#fff;font-weight:700}.page-card{max-width:1140px;width:100%;margin:2rem auto;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:var(--shadow-lg);padding:2.5rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:2.5rem;align-items:center;margin-bottom:2.5rem}.hero-copy{display:flex;flex-direction:column;gap:1.25rem}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.825rem;font-weight:700;color:var(--primary-600);text-transform:uppercase;letter-spacing:.12em;background:var(--primary-50);padding:.3rem .85rem;border-radius:9999px;width:fit-content;border:1px solid var(--primary-100)}.hero h1{font-size:clamp(2.25rem,3.5vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--slate-900)}.hero p{font-size:1.1rem;color:var(--slate-600);line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.hero-panel-card{padding:2.25rem;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;box-shadow:var(--shadow-md)}.hero-panel-card h2{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--slate-900)}.hero-panel-card p{font-size:.95rem;color:var(--slate-600);margin-bottom:1.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:2rem 0}.feature-card{border-radius:20px;padding:1.75rem;background:var(--slate-50);border:1px solid var(--slate-200);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:#fff;border-color:var(--primary-100)}.feature-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--slate-600)}.page-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--slate-200)}.page-title{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--slate-900)}.page-subtitle{font-size:.975rem;color:var(--slate-600);margin-top:.35rem}.grid-4{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--slate-400)}.stat-card.stat-pending:before{background:#f59e0b}.stat-card.stat-approved:before{background:#10b981}.stat-card.stat-rejected:before{background:#ef4444}.stat-card.stat-waitlisted:before{background:#0284c7}.stat-card.stat-cancelled:before{background:var(--slate-400)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:#fff}.stat-label{font-size:.85rem;font-weight:600;color:var(--slate-600);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:800;line-height:1;color:var(--slate-900)}.form-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:20px;padding:2rem;box-shadow:var(--shadow-sm)}.form-grid{display:grid;gap:1.5rem}.field-label{display:flex;flex-direction:column;gap:.5rem;color:var(--slate-700);font-weight:600;font-size:.925rem}.input,.select,.textarea{border:1px solid var(--slate-300);border-radius:12px;padding:.85rem 1.15rem;font-size:.95rem;outline:none;background:#fff;color:var(--slate-900);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 4px #6366f126}.textarea{min-height:130px;resize:vertical}.button,.button-secondary,.button-danger,.button-success{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap}.button{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.button:hover{background:linear-gradient(135deg,var(--primary-700) 0%,#3730a3 100%);box-shadow:0 4px 14px #4f46e559;transform:translateY(-1px)}.button-secondary{background:#fff;border:1px solid var(--slate-300);color:var(--slate-700)}.button-secondary:hover{background:var(--slate-100);border-color:var(--slate-400);color:var(--slate-900)}.button-danger{background:#ef4444;color:#fff}.button-danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef444459}.button-success{background:#10b981;color:#fff}.button-success:hover{background:#059669;box-shadow:0 4px 14px #10b98159}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.alert{padding:1rem 1.25rem;border-radius:14px;margin-top:1rem;font-size:.925rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.alert-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.alert-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.table-responsive{width:100%;overflow-x:auto;border-radius:16px;border:1px solid var(--slate-200);background:#fff;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.925rem}.table th{background:var(--slate-50);color:var(--slate-600);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.25rem;border-bottom:1px solid var(--slate-200)}.table td{padding:1.1rem 1.25rem;border-bottom:1px solid var(--slate-200);color:var(--slate-700);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--primary-50)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.badge-pending{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-pending:before{background:var(--warning-text)}.badge-approved{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-approved:before{background:var(--success-text)}.badge-rejected{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.badge-rejected:before{background:var(--error-text)}.badge-cancelled{background:var(--slate-100);color:var(--slate-600);border:1px solid var(--slate-300)}.badge-cancelled:before{background:var(--slate-400)}.badge-waitlisted{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border)}.badge-waitlisted:before{background:var(--info-text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:#fff;border-radius:20px;max-width:500px;width:100%;padding:2rem;box-shadow:var(--shadow-xl);animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.footer{margin-top:auto;padding:2rem 2.5rem;background:#fff;border-top:1px solid var(--slate-200);color:var(--slate-600);font-size:.9rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.search-input{max-width:320px;width:100%}.tabs-group{display:flex;background:var(--slate-100);padding:.25rem;border-radius:12px;gap:.25rem}.tab-button{padding:.45rem .9rem;border-radius:8px;font-size:.875rem;font-weight:600;color:var(--slate-600);transition:all var(--transition-fast)}.tab-button.active{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-sm)}.demo-role-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--slate-300)}.demo-chip{font-size:.8rem;padding:.35rem .75rem;border-radius:8px;background:var(--slate-100);color:var(--slate-700);font-weight:600;border:1px solid var(--slate-200);transition:all var(--transition-fast)}.demo-chip:hover{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-100)}@media (max-width: 900px){.hero{grid-template-columns:1fr}}@media (max-width: 768px){.nav-bar{padding:.75rem 1rem}.page-card{margin:1rem;padding:1.5rem;border-radius:18px}}