:root{--primary: #7c3aed;--primary-glow: rgba(124, 58, 237, .35);--secondary: #06b6d4;--accent: #f97316;--bg-deep: #f5f7ff;--bg-card: rgba(255, 255, 255, .82);--sidebar-bg: rgba(255, 255, 255, .85);--glass: rgba(99, 102, 241, .08);--glass-border: rgba(99, 102, 241, .16);--text-main: #1e1b4b;--text-muted: #475569;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-ar: "Tajawal", sans-serif;--font-display: "Cairo", "Tajawal", sans-serif;--font-ui: "Tajawal", sans-serif;--premium-gradient: linear-gradient(135deg, #7c3aed 0%, #06b6d4 55%, #f97316 100%)}body.dark-theme{--bg-deep: #0b1021;--bg-card: rgba(17, 24, 39, .72);--sidebar-bg: rgba(17, 24, 39, .9);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .12);--text-main: #eef2ff;--text-muted: #94a3b8;--premium-gradient: linear-gradient(135deg, #a78bfa 0%, #22d3ee 50%, #fb923c 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-ui);line-height:1.7;font-weight:600;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 5% 10%,rgba(124,58,237,.2) 0%,transparent 45%),radial-gradient(circle at 90% 10%,rgba(6,182,212,.2) 0%,transparent 45%),radial-gradient(circle at 50% 100%,rgba(249,115,22,.16) 0%,transparent 45%),var(--bg-deep)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.35;letter-spacing:-.01em}p,span,label,input,select,textarea,button,a{font-family:var(--font-ui)}.subtitle{font-size:1rem;font-weight:600;letter-spacing:.01em}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid rgba(124,58,237,.2);background:linear-gradient(180deg,#fffffffa,#f5f7ffe6);color:var(--text-main);border-radius:14px;padding:.88rem 1rem;font-size:.98rem;font-weight:600;box-shadow:inset 0 1px #ffffffd9,0 4px 12px #6366f114;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}input::placeholder,textarea::placeholder{color:#9ca3af;font-weight:500}input:not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:#7c3aed80;box-shadow:0 0 0 4px #7c3aed24,0 10px 22px #7c3aed29;transform:translateY(-1px)}.premium-text{background:var(--premium-gradient, linear-gradient(135deg, #fff 0%, #cbd5e1 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 12px 36px #4c1d951f;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}body.dark-theme .glass-card{box-shadow:0 16px 36px #00000040;background:#111827b8}body.dark-theme .premium-text{background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card:hover{transform:translateY(-8px) scale(1.01);border-color:#7c3aed52;box-shadow:0 24px 52px #7c3aed33}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;padding:1rem 2.5rem;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--primary-glow);display:flex;align-items:center;justify-content:center;gap:.8rem;letter-spacing:.01em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px var(--primary-glow)}.btn-secondary{background:#ffffffa6;color:#4b5563;border:1px solid rgba(124,58,237,.18);padding:.8rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{color:var(--primary);border-color:#7c3aed59;background:#7c3aed14}.status-tag{padding:.5rem 1.2rem;border-radius:12px;font-size:.85rem;font-weight:800;text-transform:uppercase}.tag-rented{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.tag-available{background:#10b98124;color:#047857;border:1px solid rgba(16,185,129,.25)}.tag-reserved{background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.28)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}