@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid rgba(212,166,74,.5);outline-offset:2px}:root{--maroon-900: #1A0510;--maroon-800: #2A0E1A;--maroon-700: #3A0C1E;--maroon-600: #4D1528;--maroon-500: #5C1A35;--maroon-400: #7B1F40;--maroon-300: #9A2150;--maroon-200: #B83560;--maroon-100: #D64D75;--maroon-50: #F5C6D5;--gold-900: #7A5C14;--gold-800: #9A7418;--gold-700: #B8901E;--gold-600: #C9A428;--gold-500: #D4A64A;--gold-400: #E0B860;--gold-300: #E8C878;--gold-200: #F0D890;--gold-100: #F5E4B0;--gold-50: #FCF5E0;--primary: var(--gold-500);--primary-dark: var(--gold-700);--primary-light: var(--gold-300);--primary-50: var(--maroon-700);--primary-100: var(--maroon-600);--primary-200: var(--maroon-500);--primary-300: var(--gold-500);--primary-400: var(--gold-400);--primary-500: var(--gold-500);--primary-600: var(--gold-600);--primary-700: var(--gold-700);--primary-800: var(--gold-800);--primary-900: var(--gold-900);--success: #50C878;--success-light: rgba(80, 200, 120, .15);--success-dark: #3DA35D;--warning: var(--gold-500);--warning-light: rgba(212, 166, 74, .15);--warning-dark: var(--gold-700);--error: #E63946;--error-light: rgba(230, 57, 70, .15);--error-dark: #C41E3A;--info: var(--gold-400);--info-light: rgba(224, 184, 96, .15);--info-dark: var(--gold-600);--bg-app: var(--maroon-800);--bg-dark: var(--maroon-900);--bg-card: var(--maroon-700);--bg-card-elevated: var(--maroon-600);--bg-sidebar: linear-gradient(180deg, var(--maroon-600) 0%, var(--maroon-800) 100%);--bg-hover: rgba(212, 166, 74, .08);--bg-active: var(--maroon-500);--bg-overlay: rgba(26, 5, 16, .95);--bg-glass: rgba(58, 12, 30, .75);--bg-glass-gold: rgba(212, 166, 74, .06);--text-white: #FFFEF9;--text-cream: #FFF8E7;--text-dark: #FFF5E1;--text-muted: #C9B89A;--text-light: #A08970;--text-gold: var(--gold-400);--text-accent: var(--gold-300);--border: rgba(212, 166, 74, .2);--border-light: rgba(212, 166, 74, .1);--border-strong: rgba(212, 166, 74, .4);--border-gold: var(--gold-500);--border-subtle: rgba(255, 248, 231, .08);--gradient-sidebar: linear-gradient(180deg, var(--maroon-600) 0%, var(--maroon-700) 50%, var(--maroon-800) 100%);--gradient-topbar: linear-gradient(135deg, var(--maroon-600) 0%, var(--maroon-500) 50%, var(--maroon-600) 100%);--gradient-card: linear-gradient(145deg, var(--maroon-600) 0%, var(--maroon-700) 100%);--gradient-gold: linear-gradient(135deg, var(--gold-600) 0%, var(--gold-400) 50%, var(--gold-500) 100%);--gradient-gold-shine: linear-gradient(90deg, transparent 0%, rgba(255, 215, 0, .3) 50%, transparent 100%);--gradient-burgundy: linear-gradient(135deg, var(--maroon-500) 0%, var(--maroon-400) 100%);--gradient-royal: linear-gradient(135deg, var(--maroon-600) 0%, var(--maroon-400) 50%, var(--gold-500) 100%);--gradient-wave: linear-gradient(135deg, var(--maroon-400) 0%, var(--maroon-500) 100%);--gradient-success: linear-gradient(135deg, #50C878 0%, #3DA35D 100%);--gradient-mesh: radial-gradient(at 10% 20%, rgba(212, 166, 74, .08) 0px, transparent 50%), radial-gradient(at 90% 80%, rgba(123, 31, 64, .15) 0px, transparent 50%), radial-gradient(at 50% 50%, rgba(92, 26, 53, .1) 0px, transparent 70%);--glass-bg: rgba(58, 12, 30, .6);--glass-border: rgba(212, 166, 74, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--backdrop-blur: blur(20px);--backdrop-blur-strong: blur(40px);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-xl: 0 15px 50px rgba(0, 0, 0, .6), 0 8px 20px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 70px rgba(0, 0, 0, .7);--shadow-gold-glow: 0 0 20px rgba(212, 166, 74, .3), 0 0 40px rgba(212, 166, 74, .15);--shadow-gold-glow-strong: 0 0 30px rgba(212, 166, 74, .5), 0 0 60px rgba(212, 166, 74, .25);--shadow-gold-subtle: 0 0 15px rgba(212, 166, 74, .2);--shadow-inner-gold: inset 0 1px 0 rgba(212, 166, 74, .1);--shadow-card: 0 10px 40px rgba(0, 0, 0, .4), 0 0 1px rgba(212, 166, 74, .2);--font-primary: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Playfair Display", "Georgia", serif;--font-elegant: "Cormorant Garamond", "Georgia", 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-size-5xl: 3rem;--font-size-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-elegant: .5s cubic-bezier(.23, 1, .32, 1);--transition-luxury: .6s cubic-bezier(.16, 1, .3, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-sidebar: 1040;--z-modal-backdrop: 1050;--z-modal: 1060;--z-popover: 1070;--z-tooltip: 1080;--sidebar-width: 260px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-app);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;margin:0}#root{width:100%;height:100vh;position:relative;overflow:hidden}::selection{background:var(--gold-500);color:var(--maroon-900)}::-moz-selection{background:var(--gold-500);color:var(--maroon-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--maroon-800);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-600) 0%,var(--gold-500) 100%);border-radius:5px;border:2px solid var(--maroon-800);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-500) 0%,var(--gold-400) 100%);box-shadow:var(--shadow-gold-subtle)}::-webkit-scrollbar-corner{background:var(--maroon-800)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-2)}.gap-2{gap:var(--space-4)}.gap-3{gap:var(--space-6)}.text-gold{color:var(--gold-500)}.text-cream{color:var(--text-cream)}.bg-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #d4a64a66,0 0 20px #d4a64a33}50%{box-shadow:0 0 20px #d4a64a99,0 0 40px #d4a64a4d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldShine{0%{left:-100%}50%,to{left:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes borderGlow{0%,to{border-color:#d4a64a4d}50%{border-color:#d4a64a99}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}@keyframes wave{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(-2px)}75%{transform:translate(5px) translateY(2px)}}.fade-in{animation:fadeIn .4s ease-out}.fade-in-up{animation:fadeInUp .6s var(--transition-elegant)}.fade-in-down{animation:fadeInDown .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.scale-in{animation:scaleIn .4s var(--transition-spring)}.pulse{animation:pulse 1.5s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.float{animation:float 4s ease-in-out infinite}.float-rotate{animation:floatRotate 5s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(212,166,74,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-gold-glow)}.hover-scale{transition:transform var(--transition-spring)}.hover-scale:hover{transform:scale(1.05)}.hover-gold{transition:all var(--transition-normal)}.hover-gold:hover{color:var(--gold-400);text-shadow:0 0 20px rgba(212,166,74,.4)}.gold-shine{position:relative;overflow:hidden}.gold-shine:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,166,74,.2),transparent);transform:skew(-25deg);transition:none}.gold-shine:hover:after{animation:goldShine .8s ease-out}.gold-line{height:2px;background:var(--gradient-gold);border-radius:var(--radius-full);box-shadow:var(--shadow-gold-subtle)}.gold-line-vertical{width:2px;background:var(--gradient-gold);border-radius:var(--radius-full);box-shadow:var(--shadow-gold-subtle)}.dot-pattern{background-image:radial-gradient(rgba(212,166,74,.15) 1px,transparent 1px);background-size:20px 20px}.luxury-border{border:1px solid var(--border);position:relative}.luxury-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--gold-500),transparent 50%,var(--gold-600));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-cream);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--gold-500);color:var(--gold-400)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-hover);color:var(--gold-400)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.input::placeholder{color:var(--text-light)}.card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle);border-color:var(--border-strong)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full)}.badge-success{background:var(--success-light);color:var(--success);border:1px solid rgba(80,200,120,.3)}.badge-error{background:var(--error-light);color:var(--error);border:1px solid rgba(230,57,70,.3)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}}.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;gap:0;position:relative;background:var(--bg-app)}.app-loading-state{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg-app);color:var(--text-cream);font-family:var(--font-display);font-size:20px;letter-spacing:.02em}.app-container:before{content:"";position:fixed;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:0}.sidebar{background:var(--gradient-sidebar);display:flex;flex-direction:column;position:relative;z-index:var(--z-sidebar);height:100vh;box-shadow:4px 0 20px #0000004d,8px 0 40px #0003;overflow:hidden;border-top-right-radius:var(--radius-3xl);border-bottom-right-radius:var(--radius-3xl);will-change:transform}.sidebar:before{content:"";position:absolute;top:0;right:0;width:100%;height:250px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 250'%3E%3Cpath d='M260,0 Q220,50 260,100 Q200,120 260,180 Q180,200 260,250' stroke='%23D4A64A' stroke-width='2' fill='none' opacity='0.3'/%3E%3Cpath d='M260,20 Q210,70 260,120 Q190,140 260,200' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.2'/%3E%3C/svg%3E") no-repeat right top;pointer-events:none;z-index:0}.sidebar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'%3E%3Cpath d='M0,200 Q40,150 0,100 Q60,80 0,20' stroke='%23D4A64A' stroke-width='2' fill='none' opacity='0.25'/%3E%3Cpath d='M0,180 Q50,130 0,80 Q70,60 0,0' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.15'/%3E%3C/svg%3E") no-repeat left bottom;pointer-events:none;z-index:0}.sidebar .dot-overlay{position:absolute;top:60px;right:10px;width:100px;height:100px;background-image:radial-gradient(rgba(212,166,74,.2) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;z-index:0;opacity:.6}.sidebar-header{padding:var(--space-6) var(--space-5);display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1;border-bottom:1px solid rgba(212,166,74,.15)}.logo-container{width:54px;height:54px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--gold-500) 0%,var(--gold-600) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 20px #d4a64a4d;transition:all var(--transition-spring);position:relative;overflow:hidden}.logo-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:none}.logo-container:hover{transform:scale(1.08) rotate(3deg);box-shadow:var(--shadow-lg),0 0 30px #d4a64a80}.logo-container:hover:before{animation:goldShine .6s ease-out}.logo-container svg{width:100%;height:100%}.brand-text h1{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--gold-400);margin:0;line-height:1;letter-spacing:.5px;text-shadow:0 2px 10px rgba(212,166,74,.3)}.brand-text p{font-size:11px;color:var(--text-muted);font-weight:400;margin:4px 0 0;letter-spacing:1px;text-transform:uppercase}.sidebar-menu{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.sidebar-menu::-webkit-scrollbar{display:none}.menu-item{background:transparent;border:none;color:var(--text-cream);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-align:left;margin-bottom:var(--space-1);position:relative;overflow:hidden;will-change:transform,background-color}.menu-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-gold);border-radius:0 3px 3px 0;transition:height var(--transition-spring);box-shadow:0 0 10px #d4a64a80;will-change:height}.menu-item:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,166,74,.1),transparent);transform:skew(-25deg);transition:none}.menu-item:hover{background:#d4a64a14;color:var(--gold-400);transform:translate(6px)}.menu-item:hover:after{animation:goldShine .6s ease-out}.menu-item.active{background:linear-gradient(135deg,#d4a64a26,#d4a64a14);color:var(--gold-400);font-weight:600;border:1px solid rgba(212,166,74,.2)}.menu-item.active:before{height:60%}.menu-item svg{width:20px;height:20px;flex-shrink:0;transition:all var(--transition-normal);opacity:.8}.menu-item:hover svg,.menu-item.active svg{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(212,166,74,.4))}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid rgba(212,166,74,.1);text-align:center;position:relative;z-index:1;background:#00000026}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 0;margin-bottom:10px;font-size:12px;font-weight:600;font-family:var(--font-primary);letter-spacing:.5px;color:#fff5e699;background:#d4a64a0a;border:1px solid rgba(212,166,74,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.logout-btn:hover{color:#ff6b6b;background:#e74c3c14;border-color:#e74c3c33}.logout-btn:active{transform:scale(.97)}.logout-btn svg{opacity:.7;transition:opacity .2s}.logout-btn:hover svg{opacity:1;stroke:#ff6b6b}.status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 0 10px var(--success)}.status-text{color:var(--text-muted);font-size:11px;font-weight:500}.version-text{color:var(--text-light);font-size:10px;opacity:.7}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}.main-content{display:flex;flex-direction:column;position:relative;z-index:1;padding:var(--space-4);gap:var(--space-4);height:100vh;overflow:hidden}.top-bar{background:linear-gradient(135deg,#4d1528e6,#5c1a35d9);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(212,166,74,.15);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d,0 0 0 1px #0000001a;position:relative;overflow:hidden}@supports not (backdrop-filter: blur(20px)){.top-bar{background:linear-gradient(135deg,#4d1528fa,#5c1a35f2)}}.top-bar:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.top-bar:after{content:"";position:absolute;top:10px;right:10px;width:60px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M60,0 Q50,15 60,30' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.2'/%3E%3Cpath d='M60,10 Q45,25 60,40' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.15'/%3E%3C/svg%3E") no-repeat;pointer-events:none}.page-title{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text-cream);margin:0;display:flex;align-items:center;gap:var(--space-3)}.page-title:before{content:"";width:4px;height:28px;background:var(--gradient-gold);border-radius:var(--radius-sm);box-shadow:0 0 10px #d4a64a66}.top-bar-actions{display:flex;gap:var(--space-3);align-items:center}.icon-btn{width:44px;height:44px;border-radius:var(--radius-lg);background:#d4a64a14;border:1px solid rgba(212,166,74,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative}.icon-btn:hover{background:#d4a64a26;border-color:var(--gold-500);transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.icon-btn:active{transform:translateY(0);background:#d4a64a33}.icon-btn svg{width:20px;height:20px;fill:var(--gold-400);transition:all var(--transition-normal)}.icon-btn:hover svg{fill:var(--gold-300);filter:drop-shadow(0 0 4px rgba(212,166,74,.5))}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--gradient-gold);color:var(--maroon-900);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #d4a64a80;animation:pulseGlow 2s ease-in-out infinite}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;position:relative}.hamburger-btn span{width:100%;height:3px;background:var(--gold-400);border-radius:2px;transition:all var(--transition-normal);transform-origin:center;box-shadow:0 0 8px #d4a64a4d}.hamburger-btn:hover span{background:var(--gold-300);box-shadow:0 0 12px #d4a64a80}.hamburger-btn:focus{outline:2px solid var(--gold-400);outline-offset:4px;border-radius:var(--radius-sm)}.content-frame{flex:1;background:linear-gradient(145deg,var(--maroon-700) 0%,var(--maroon-800) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-xl),inset 0 1px #ffffff08;overflow-y:auto;overflow-x:hidden;position:relative}.content-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-600),var(--gold-400),var(--gold-600));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;opacity:.8}.content-frame:after{content:"";position:absolute;bottom:20px;right:20px;width:120px;height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M120,120 Q100,80 120,40' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.1'/%3E%3Cpath d='M120,100 Q90,70 120,30' stroke='%23D4A64A' stroke-width='1' fill='none' opacity='0.08'/%3E%3Ccircle cx='115' cy='115' r='2' fill='%23D4A64A' opacity='0.2'/%3E%3C/svg%3E") no-repeat;pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(212,166,74,.12);box-shadow:var(--shadow-md);transition:all var(--transition-elegant);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-spring)}.stat-card:after{content:"";position:absolute;top:10px;right:10px;width:50px;height:50px;background-image:radial-gradient(rgba(212,166,74,.15) 1px,transparent 1px);background-size:6px 6px;opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),var(--shadow-gold-subtle);border-color:#d4a64a40}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover:after{opacity:1}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.stat-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;transition:all var(--transition-spring);position:relative}.stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(5deg)}.stat-card-icon.primary{background:linear-gradient(135deg,#d4a64a33,#d4a64a1a);border:1px solid rgba(212,166,74,.3);color:var(--gold-400)}.stat-card-icon.success{background:linear-gradient(135deg,#50c87833,#50c8781a);border:1px solid rgba(80,200,120,.3);color:var(--success)}.stat-card-icon.info{background:linear-gradient(135deg,#e0b86033,#e0b8601a);border:1px solid rgba(224,184,96,.3);color:var(--gold-300)}.stat-card-icon.warning{background:linear-gradient(135deg,#e8c87833,#e8c8781a);border:1px solid rgba(232,200,120,.3);color:var(--gold-200)}.stat-card-value{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;color:var(--text-cream);line-height:1;margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--text-cream) 0%,var(--gold-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card-trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-3);padding:5px 10px;border-radius:var(--radius-full)}.stat-card-trend.up{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.25)}.stat-card-trend.down{background:#e6394626;color:var(--error);border:1px solid rgba(230,57,70,.25)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.quick-action-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;cursor:pointer;transition:all var(--transition-elegant);position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-gold);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-spring)}.quick-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle);border-color:#d4a64a40}.quick-action-card:hover:before{transform:scaleX(1)}.quick-action-icon{font-size:36px;margin-bottom:var(--space-3);transition:transform var(--transition-spring);display:block}.quick-action-card:hover .quick-action-icon{transform:scale(1.2)}.quick-action-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-1)}.quick-action-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.activity-timeline{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-md)}.timeline-item{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid rgba(212,166,74,.08);position:relative;transition:all var(--transition-normal)}.timeline-item:hover{background:#d4a64a08;margin:0 calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-lg)}.timeline-item:last-child{border-bottom:none}.timeline-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:all var(--transition-normal)}.timeline-item:hover .timeline-icon{transform:scale(1.1)}.timeline-icon.primary{background:linear-gradient(135deg,#d4a64a33,#d4a64a1a);border:1px solid rgba(212,166,74,.25);color:var(--gold-400)}.timeline-icon.success{background:linear-gradient(135deg,#50c87833,#50c8781a);border:1px solid rgba(80,200,120,.25);color:var(--success)}.timeline-icon.info{background:linear-gradient(135deg,#e0b86033,#e0b8601a);border:1px solid rgba(224,184,96,.25);color:var(--gold-300)}.timeline-content{flex:1;min-width:0}.timeline-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:4px}.timeline-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:4px}.timeline-time{font-size:var(--font-size-xs);color:var(--text-light);display:flex;align-items:center;gap:var(--space-1)}.timeline-time:before{content:"•";color:var(--gold-500)}.progress-bar{width:100%;height:10px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;inset:0;border:1px solid rgba(212,166,74,.1);border-radius:inherit}.progress-fill{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:var(--radius-full) var(--radius-full) 0 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--text-cream);display:flex;align-items:center;gap:var(--space-3)}.section-title:before{content:"";width:4px;height:24px;background:var(--gradient-gold);border-radius:var(--radius-sm);box-shadow:0 0 10px #d4a64a4d}.section-link{font-size:var(--font-size-sm);color:var(--gold-400);text-decoration:none;font-weight:600;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.section-link:hover{color:var(--gold-300);text-shadow:0 0 10px rgba(212,166,74,.3)}@media(max-width:1200px){.app-container{grid-template-columns:240px 1fr}}@media(max-width:1024px){.app-container{grid-template-columns:220px 1fr}.sidebar-header{padding:var(--space-4)}.logo-container{width:46px;height:46px}.brand-text h1{font-size:22px}.content-frame{padding:var(--space-6)}}@media(max-width:768px){.app-container{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;transition:left var(--transition-elegant);z-index:1000}.sidebar.open{left:0}.sidebar-overlay{display:block}.hamburger-btn{display:flex}.main-content{padding:var(--space-3)}.top-bar{padding:var(--space-3) var(--space-4)}.page-title{font-size:18px}.content-frame{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.quick-actions{grid-template-columns:1fr 1fr}.stat-card-value{font-size:var(--font-size-3xl)}}.cgis-error-message{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--cgis-color-danger);background:var(--cgis-color-danger-soft);border:1px solid rgba(255,80,80,.1);border-radius:var(--cgis-radius-sm);animation:cgis-error-fade .3s ease}.cgis-error-message svg{flex-shrink:0}@keyframes cgis-error-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cgis-loading-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(13,2,8,.2);border-top-color:#0d0208;border-radius:50%;animation:cgis-spin .55s linear infinite}@keyframes cgis-spin{to{transform:rotate(360deg)}}.sp-form-wrap{width:400px;max-width:88%;padding:40px 36px;border-radius:var(--cgis-radius-lg);background:linear-gradient(155deg,#2d0f1c99,#190812b3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(212,166,74,.06);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff05 inset;position:relative;z-index:1;animation:formSlide .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes formSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.sp-form-wrap:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,74,.3),transparent)}.sp-mobile-logo{display:none}.sp-form-header{margin-bottom:28px}.sp-form-header h2{margin:0;font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:#fff5e6e6;line-height:1.2}.sp-form-header p{margin:6px 0 0;font-size:13px;color:#fff5e64d;font-weight:500}.sp-form{display:flex;flex-direction:column;gap:18px}.sp-field{display:flex;flex-direction:column;gap:7px}.sp-field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#d4a64a66}.sp-input-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(212,166,74,.06);border-radius:var(--cgis-radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sp-input-wrap:focus-within{border-color:#d4a64a33;background:#ffffff0d;box-shadow:0 0 0 3px #d4a64a0f,0 4px 20px #0003}.sp-input-wrap>svg{width:18px;height:18px;margin-left:14px;color:#d4a64a33;flex-shrink:0;transition:color .3s}.sp-input-wrap:focus-within>svg{color:#d4a64a8c}.sp-input-wrap input{flex:1;padding:14px 12px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:var(--cgis-color-text);background:transparent;border:none;outline:none}.sp-input-wrap input::placeholder{color:#fff5e62e;font-weight:400}.sp-input-wrap input:disabled{opacity:.55}.sp-eye{width:36px;height:36px;margin-right:6px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.sp-eye:hover:not(:disabled){background:#d4a64a14}.sp-eye:disabled{cursor:not-allowed;opacity:.6}.sp-eye svg{width:16px;height:16px;color:#d4a64a40}.sp-helper-text{font-size:11px;font-weight:600;padding-left:2px}.sp-helper-warning{color:#ffcd56e6}.sp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 0;margin-top:6px;font-size:15px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.3px;color:#0d0208;background:linear-gradient(135deg,#f0d080,#d4a64a,#c19a30);border:none;border-radius:var(--cgis-radius-md);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #d4a64a26}.sp-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.sp-btn:hover:not(:disabled):after{transform:translate(100%)}.sp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--cgis-shadow-glow),0 0 50px #d4a64a0f}.sp-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.sp-btn:disabled{opacity:.6;cursor:not-allowed}.sp-form-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;font-size:10px;font-weight:500;color:#fff5e626}.sp-form-footer svg{color:#50c8784d}.sp-left{flex:0 0 45%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#2d0a18,#1a0510,#0d0208);overflow:hidden;border-right:1px solid rgba(212,166,74,.06)}.sp-pattern{position:absolute;inset:0;opacity:.035;background-image:repeating-conic-gradient(rgba(212,166,74,.5) 0% 25%,transparent 0% 50%);background-size:50px 50px;animation:patSpin 180s linear infinite}@keyframes patSpin{to{transform:rotate(360deg)}}.sp-left-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:#d4a64a0f;filter:blur(80px);animation:glowPulse 6s ease-in-out infinite alternate}@keyframes glowPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:1}}.sp-left:before{content:"";position:absolute;top:60px;right:30px;width:80px;height:80px;background-image:radial-gradient(rgba(212,166,74,.12) 1px,transparent 1px);background-size:8px 8px;opacity:.6;pointer-events:none}.sp-left:after{content:"";position:absolute;bottom:80px;left:30px;width:60px;height:60px;background-image:radial-gradient(rgba(212,166,74,.12) 1px,transparent 1px);background-size:8px 8px;opacity:.4;pointer-events:none}.sp-branding{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.sp-logo{width:110px;height:110px;border-radius:50%;overflow:hidden;background:#1a0510;border:3px solid rgba(212,166,74,.15);box-shadow:0 0 60px #d4a64a1a,0 0 120px #d4a64a0a,0 10px 40px #00000080;margin-bottom:14px;position:relative}.sp-logo:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid transparent;border-top-color:#d4a64a4d;border-right-color:#d4a64a1a;animation:logoRing 4s linear infinite}@keyframes logoRing{to{transform:rotate(360deg)}}.sp-logo img{width:100%;height:100%;object-fit:cover;display:block}.sp-title{font-family:Playfair Display,serif;font-size:48px;font-weight:800;letter-spacing:10px;margin:0;background:linear-gradient(135deg,#f5dfa0,#d4a64a 40%,#b8922e,#ecd080);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShimmer 4s ease-in-out infinite;line-height:1.2}.sp-line{width:70px;height:2px;margin:10px 0;background:linear-gradient(90deg,transparent,rgba(212,166,74,.5),transparent);border-radius:2px}.sp-sub{font-size:15px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:#d4a64a73;margin:0}.sp-ayah{position:absolute;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1;padding:0 30px;animation:ayahIn 1.2s ease .5s both}@keyframes ayahIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-ayah-ar{font-family:Amiri,serif;font-size:1.15rem;color:#d4a64a59;direction:rtl;line-height:1.8;text-align:center}.sp-ayah-ur{font-family:Amiri,serif;font-size:.78rem;color:#ffffff2e;direction:rtl;text-align:center;max-width:340px}.sp-ayah-ref{font-size:9px;color:#ffffff1a;letter-spacing:.5px}.sp-left-footer{position:absolute;bottom:24px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:#fff5e626;letter-spacing:.5px;z-index:1}.sp-left-footer svg{color:#50c8784d}:root{--cgis-color-bg: #0a0212;--cgis-color-text: #fff5e6;--cgis-color-danger: #ff6b6b;--cgis-color-danger-soft: rgba(255, 80, 80, .06);--cgis-radius-sm: 10px;--cgis-radius-md: 12px;--cgis-radius-lg: 24px;--cgis-shadow-glow: 0 8px 30px rgba(212, 166, 74, .25)}.sp{position:fixed;inset:0;display:flex;z-index:10000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cgis-color-bg)}.sp-right{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2d0a18,#1a0510,#0d0208);position:relative;overflow:hidden}.sp-right:before{content:"";position:absolute;inset:0;opacity:.05;background-image:radial-gradient(rgba(255,245,230,.4) 2px,transparent 2px);background-size:40px 40px;animation:floatUp 30s linear infinite;pointer-events:none}@keyframes floatUp{0%{background-position:0 0}to{background-position:40px -40px}}.sp-right:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#a028500d;filter:blur(90px);top:-10%;right:-20%;animation:glowPulseAlt 8s ease-in-out infinite alternate;pointer-events:none}@keyframes glowPulseAlt{0%{transform:scale(1) translate(0);opacity:.4}to{transform:scale(1.2) translate(-20px,30px);opacity:.8}}@media(max-width:900px){.sp-left{flex:0 0 40%}.sp-logo{width:90px;height:90px}.sp-title{font-size:40px;letter-spacing:7px}}@media(max-width:768px){.sp{flex-direction:column}.sp-left{display:none}.sp-mobile-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(212,166,74,.06)}.sp-mobile-logo img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,166,74,.2);background:#1a0510}.sp-mobile-logo h2{margin:0;font-family:Playfair Display,serif;font-size:24px;font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,#f0d080,#d4a64a);-webkit-background-clip:text;background-clip:text;color:transparent}.sp-form-wrap{width:400px;max-width:90%}.sp-form-header h2{font-size:22px}.sp-form-header{margin-bottom:24px}}@media(max-width:480px){.sp-form-wrap{padding:28px 22px;border-radius:18px}.sp-form-header h2{font-size:20px}.sp-mobile-logo img{width:40px;height:40px}.sp-mobile-logo h2{font-size:20px}}.bsm{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20000;overflow:hidden;transition:opacity .8s ease}.bsm-enter{opacity:0}.bsm-visible{opacity:1}.bsm-exit{opacity:0}.bsm-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#2d0a18,#1a0510 40%,#0a0212)}.bsm-rays{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(212,166,74,.06) 0%,transparent 60%);animation:rayPulse 3s ease-in-out infinite alternate}@keyframes rayPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.bsm-particles{position:absolute;inset:0;pointer-events:none}.bsm-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#d4a64a80;left:calc(3% + var(--i) * 4.8%);bottom:-5%;animation:bsmFloat calc(4s + var(--i) * .5s) ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}@keyframes bsmFloat{0%{bottom:-5%;opacity:0;transform:scale(0) translate(0)}20%{opacity:.8;transform:scale(1) translate(calc(var(--i) * 2px))}80%{opacity:.3}to{bottom:105%;opacity:0;transform:scale(.3) translate(calc(var(--i) * -3px))}}.bsm-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.bsm-arabic{font-family:Amiri,serif;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:700;color:transparent;background:linear-gradient(135deg,#f5dfa0,#d4a64a,#c19a30,#ecd080);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;direction:rtl;line-height:1.8;text-align:center;animation:bsmTextIn 1s cubic-bezier(.16,1,.3,1) .2s both,goldShimmer 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(212,166,74,.2))}@keyframes bsmTextIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bsm-line{width:80px;height:1.5px;background:linear-gradient(90deg,transparent,rgba(212,166,74,.4),transparent);border-radius:2px;animation:bsmLineIn .8s ease .6s both}@keyframes bsmLineIn{0%{width:0;opacity:0}to{width:80px;opacity:1}}.bsm-urdu{font-family:Amiri,serif;font-size:clamp(.8rem,1.8vw,1.1rem);color:#fff5e659;direction:rtl;text-align:center;max-width:500px;line-height:1.7;animation:bsmTextIn .8s ease .8s both}.bsm-brand{position:absolute;bottom:30px;font-size:11px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#d4a64a33;z-index:1;animation:bsmTextIn .6s ease 1s both}@media(max-width:480px){.bsm-arabic{padding:0 20px}.bsm-urdu{padding:0 20px;max-width:90vw}}.ed-dash{display:flex;flex-direction:column;gap:18px;width:100%;opacity:0}.ed-dash.visible{animation:dashEnter .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes dashEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ed-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:16px;color:var(--text-muted)}.ed-loader-ring{width:44px;height:44px;border:3px solid rgba(212,166,74,.1);border-top-color:var(--gold-400);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ed-empty{padding:40px 20px;text-align:center;font-size:12px;color:var(--text-light);font-style:italic;opacity:.6}.ed-hero{position:relative;border-radius:18px;overflow:hidden;padding:20px 24px 16px;background:linear-gradient(145deg,#4d1528eb,#2d0a18f5);border:1px solid rgba(212,166,74,.1);box-shadow:0 4px 30px #0000004d}.ed-hero-pattern{position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:repeating-conic-gradient(rgba(212,166,74,.4) 0% 25%,transparent 0% 50%);background-size:50px 50px}.ed-hero-glow{position:absolute;top:-60%;right:-20%;width:50%;height:200%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(212,166,74,.08) 0%,transparent 70%)}.ed-hero-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:relative;z-index:1}.ed-hero-left,.ed-hero-stats,.ed-hero-right{min-width:0}.ed-hero-left{display:flex;flex-direction:column}.ed-greet{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-cream);display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.2}.ed-date{font-size:11px;color:var(--text-muted);margin-top:2px}.ed-hero-stats{display:flex;align-items:center;justify-content:center;gap:0}.ed-mini-stat{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 18px;cursor:pointer;transition:opacity .2s}.ed-mini-stat:hover{opacity:.8}.ed-mini-val{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;line-height:1.1}.ed-mini-lbl{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-light);opacity:.5}.ed-mini-divider{width:1px;height:28px;background:#d4a64a1a;flex-shrink:0}.ed-hero-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.ed-year-badge{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold-400);border-radius:100px;background:#d4a64a0f;border:1px solid rgba(212,166,74,.1);max-width:100%;white-space:nowrap}.ed-live-dot{width:6px;height:6px;border-radius:50%;background:#50c878;box-shadow:0 0 8px #50c878;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ed-clock{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--gold-300);padding:5px 12px;border-radius:10px;background:#00000040;border:1px solid rgba(212,166,74,.06);letter-spacing:1px;white-space:nowrap}.ed-sync{width:32px;height:32px;border-radius:10px;font-size:15px;background:#d4a64a0f;border:1px solid rgba(212,166,74,.08);color:var(--gold-400);cursor:pointer;display:grid;place-items:center;transition:all .2s}.ed-sync:hover{background:#d4a64a26;transform:scale(1.08)}.ed-spin{animation:spin .6s linear infinite;display:inline-block}.ed-hero-ayah{display:flex;align-items:center;gap:16px;margin:14px 0 12px;position:relative;z-index:1}.ed-ayah-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,74,.15),transparent)}.ed-ayah-content{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.ed-ayah{font-family:Amiri,serif;font-size:clamp(.95rem,1.8vw,1.25rem);color:var(--gold-300);direction:rtl;line-height:1.7;white-space:nowrap}.ed-ayah-ur{font-family:Noto Nastaliq Urdu,Amiri,serif;font-size:clamp(.72rem,1.2vw,.88rem);color:#ffffff73;direction:rtl;line-height:1.6;text-align:center;max-width:520px}.ed-ayah-ref{font-family:var(--font-primary);font-size:9px;color:var(--text-light);opacity:.4;letter-spacing:.8px}.ed-hero-actions{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.ed-qa{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;cursor:pointer;border:1px solid rgba(212,166,74,.06);background:#0003;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:var(--font-primary);position:relative;overflow:hidden}.ed-qa:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--qa-accent, #DAA520) 30%,transparent);background:color-mix(in srgb,var(--qa-accent, #DAA520) 8%,rgba(0,0,0,.2));box-shadow:0 4px 16px #00000040,0 0 20px color-mix(in srgb,var(--qa-accent, #DAA520) 10%,transparent)}.ed-qa:active{transform:translateY(0) scale(.97)}.ed-qa-icon-wrap{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qa-accent, #DAA520) 12%,transparent);color:var(--qa-accent, #DAA520);transition:all .25s}.ed-qa-icon-wrap svg{width:15px;height:15px}.ed-qa:hover .ed-qa-icon-wrap{background:color-mix(in srgb,var(--qa-accent, #DAA520) 22%,transparent);transform:scale(1.1)}.ed-qa-text{font-size:11px;font-weight:700;color:var(--text-cream);white-space:nowrap;letter-spacing:.2px}.ed-qa:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--qa-accent, #DAA520);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.ed-qa:hover:after{transform:scaleX(1)}.ed-charts{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px}.ed-chart-card{background:linear-gradient(145deg,#4d1528a6,#3a0c1ebf);border-radius:14px;border:1px solid rgba(212,166,74,.05);overflow:hidden;transition:border-color .25s,box-shadow .25s}.ed-chart-card:hover{border-color:#d4a64a1f;box-shadow:0 4px 20px #0003}.ed-chart-hdr{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(212,166,74,.04);background:#00000014}.ed-chart-hdr h3{margin:0;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-cream);display:flex;align-items:center;gap:6px}.ed-chart-total{font-size:10px;font-weight:700;color:var(--gold-400);background:#d4a64a0f;padding:2px 10px;border-radius:100px;border:1px solid rgba(212,166,74,.06);letter-spacing:.3px}.ed-donut-wrap{display:flex;align-items:center;gap:14px;padding:16px 14px}.ed-donut-svg{width:130px;height:130px;flex-shrink:0}@keyframes donutDraw{0%{stroke-dasharray:0 9999;opacity:0}to{opacity:1}}.ed-donut-seg{animation:donutDraw .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.ed-donut-pct{fill:var(--text-cream);font-family:var(--font-display);font-size:20px;font-weight:800}.ed-donut-lbl{fill:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ed-donut-legend{display:flex;flex-direction:column;gap:8px;flex:1}.ed-legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-cream);font-weight:500}.ed-legend-item strong{margin-left:auto;font-family:var(--font-display);font-size:14px;font-weight:700}.ed-leg-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ed-bar-wrap{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.ed-bar-row{display:flex;flex-direction:column;gap:4px}.ed-bar-info{display:flex;align-items:center;gap:6px;font-size:11px}.ed-bar-icon{font-size:13px}.ed-bar-label{color:var(--text-cream);font-weight:600;flex:1}.ed-bar-val{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text-cream)}.ed-bar-track{height:8px;border-radius:6px;background:#d4a64a0a;overflow:hidden}@keyframes barGrow{0%{width:0!important}}.ed-bar-fill{height:100%;border-radius:6px;animation:barGrow .9s cubic-bezier(.4,0,.2,1) forwards;position:relative}.ed-bar-fill:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15))}.ed-bar-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 2px;margin-top:4px;border-top:1px solid rgba(212,166,74,.04)}.ed-bar-stat{text-align:center}.ed-bar-stat-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);display:block}.ed-bar-stat strong{font-family:var(--font-display);font-size:12px;color:var(--text-cream)}.ed-bar-divider{width:1px;height:22px;background:#d4a64a14}.ed-ring-wrap{display:flex;align-items:center;gap:14px;padding:16px 14px}.ed-ring-svg{width:115px;height:115px;flex-shrink:0}@keyframes ringDraw{0%{stroke-dasharray:0 9999}}.ed-ring-fill{animation:ringDraw 1s cubic-bezier(.4,0,.2,1) forwards}.ed-ring-pct{fill:var(--text-cream);font-family:var(--font-display);font-size:22px;font-weight:800}.ed-ring-lbl{fill:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ed-ring-stats{flex:1;display:flex;flex-direction:column;gap:12px}.ed-ring-stat-val{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-cream);line-height:1}.ed-ring-stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin:2px 0 5px}.ed-ring-stat-bar{height:5px;border-radius:4px;background:#d4a64a0a;overflow:hidden}.ed-ring-stat-fill{height:100%;border-radius:4px;animation:barGrow .9s cubic-bezier(.4,0,.2,1) forwards}.ed-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px}.ed-card{background:linear-gradient(145deg,#4d1528bf,#3a0c1ed9);border-radius:18px;border:1px solid rgba(212,166,74,.1);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.ed-card:hover{border-color:#d4a64a40;transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.ed-card-hdr{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(212,166,74,.06);background:#00000026}.ed-card-hdr h3{margin:0;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-cream);display:flex;align-items:center;gap:10px}.ed-card-hdr h3 svg{color:var(--gold-400);opacity:.8}.ed-card-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:3px 12px;border-radius:100px;color:var(--gold-300);background:#d4a64a14;border:1px solid rgba(212,166,74,.12)}.ed-card-content{flex:1;display:flex;flex-direction:column}.ed-feed{padding:10px 16px;max-height:380px;overflow-y:auto}.ed-feed::-webkit-scrollbar{width:4px}.ed-feed::-webkit-scrollbar-thumb{background:#d4a64a1a;border-radius:10px}.ed-feed-item{display:flex;align-items:flex-start;gap:14px;padding:12px 10px;cursor:pointer;border-radius:12px;position:relative;transition:all .2s}.ed-feed-item:hover{background:#d4a64a0d;transform:translate(4px)}.ed-feed-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;border:2.5px solid;position:relative;z-index:1}.ed-feed-line{position:absolute;left:14px;top:22px;bottom:-10px;width:2px;background:#d4a64a14}.ed-feed-item:last-child .ed-feed-line{display:none}.f-green .ed-feed-dot{border-color:#50c878;box-shadow:0 0 10px #50c87866}.f-blue .ed-feed-dot{border-color:#6c9bcf;box-shadow:0 0 10px #6c9bcf66}.f-gold .ed-feed-dot{border-color:var(--gold-400);box-shadow:0 0 10px #d4a64a66}.f-purple .ed-feed-dot{border-color:#9b59b6;box-shadow:0 0 10px #9b59b666}.f-orange .ed-feed-dot{border-color:#e67e22;box-shadow:0 0 10px #e67e2266}.ed-feed-body{flex:1;min-width:0}.ed-feed-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ed-feed-top strong{font-size:13px;color:var(--text-cream)}.ed-feed-time{font-size:10px;color:var(--text-muted);font-weight:600}.ed-feed-desc{margin:4px 0 0;font-size:11.5px;color:var(--text-light);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-pulse-dot{width:8px;height:8px;border-radius:50%;background:#50c878;box-shadow:0 0 10px #50c878;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:1}}.ed-pulse-body{padding:20px;gap:20px}.ed-pulse-section{display:flex;flex-direction:column;gap:8px}.ed-pulse-header{display:flex;justify-content:space-between;align-items:baseline}.ed-pulse-header span{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ed-pulse-header strong{font-family:var(--font-display);font-size:18px;color:var(--gold-400)}.ed-pulse-bar{height:6px;background:#ffffff0d;border-radius:100px;overflow:hidden}.ed-pulse-fill{height:100%;background:linear-gradient(90deg,var(--gold-500),#50c878);border-radius:100px}.ed-pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ed-pulse-item{background:#0003;padding:12px;border-radius:12px;border:1px solid rgba(212,166,74,.05);cursor:pointer;transition:all .2s}.ed-pulse-item:hover{background:#d4a64a0d;border-color:#d4a64a26}.ed-pulse-val{display:block;font-family:var(--font-display);font-size:16px;font-weight:800;color:#fff}.ed-pulse-lbl{display:block;font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.ed-pulse-tasks{display:flex;flex-direction:column;gap:10px;margin-top:5px}.ed-task-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border-radius:10px;border-left:3px solid rgba(255,255,255,.1)}.ed-task-item.urgent{border-left-color:#e67e22;background:#e67e220d}.ed-task-icon{width:20px;height:20px;border-radius:50%;background:#ffffff1a;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}.urgent .ed-task-icon{background:#e67e22}.ed-task-info{display:flex;flex-direction:column}.ed-task-title{font-size:11.5px;font-weight:700;color:var(--text-cream)}.ed-task-sub{font-size:9.5px;color:var(--text-muted)}.ed-portal-status{background:#00000026;border-radius:12px;padding:12px 14px;border:1px solid rgba(212,166,74,.04)}.ed-tbl{padding:10px 16px}.ed-tr{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:10px;padding:10px 6px;border-radius:10px;transition:all .2s;cursor:pointer}.ed-tr:hover:not(.ed-th){background:#d4a64a0d;transform:translate(4px)}.ed-th{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);cursor:default;border-bottom:1px solid rgba(212,166,74,.06);padding-bottom:8px;margin-bottom:4px}.ed-td-name{font-size:12.5px;font-weight:700;color:var(--text-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-td-sm{font-size:11px;color:var(--text-muted);font-weight:600}.ed-td-amt{font-family:var(--font-display);font-size:13px;font-weight:800;color:#50c878;text-align:right}@media(max-width:1200px){.ed-charts,.ed-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.ed-grid,.ed-charts{grid-template-columns:1fr}.ed-hero-top{grid-template-columns:minmax(0,1fr) auto;align-items:start}.ed-hero-stats{grid-column:1 / -1;justify-content:space-around;margin-top:10px;padding-top:10px;border-top:1px solid rgba(212,166,74,.06)}}@media(max-width:768px){.ed-hero{padding:16px 16px 12px}.ed-hero-top{grid-template-columns:1fr}.ed-hero-left{width:100%}.ed-hero-right{width:100%;justify-content:flex-start;margin-top:6px}.ed-hero-stats{grid-column:auto;justify-content:space-around;margin-top:10px;padding-top:10px;border-top:1px solid rgba(212,166,74,.06)}.ed-greet{font-size:17px}.ed-hero-actions{flex-wrap:wrap}.ed-qa{padding:7px 12px}.ed-ayah{white-space:normal;text-align:center}}@media(max-width:480px){.ed-hero-stats{display:none}.ed-hero-actions{flex-wrap:wrap;justify-content:flex-start}.ed-qa{flex:1 1 45%}.ed-dash{gap:12px}}.management-page{padding:0;max-width:100%}.tab-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);background:#0003;padding:var(--space-2);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.tab-btn:hover{background:#d4a64a14;color:var(--gold-400)}.tab-btn.active{background:var(--gradient-gold);color:var(--maroon-900);font-weight:600;box-shadow:var(--shadow-gold-subtle)}.tab-btn svg{width:18px;height:18px}.management-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-md);overflow:hidden;animation:fadeInUp .4s ease-out}.card-header{background:#d4a64a0d;padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(212,166,74,.1);display:flex;justify-content:space-between;align-items:center}.card-header-content{display:flex;align-items:center;gap:var(--space-4)}.card-header-icon{width:48px;height:48px;background:var(--gradient-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold-subtle)}.card-header-icon svg{width:24px;height:24px;color:var(--maroon-900)}.card-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-1) 0}.card-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.card-body{padding:var(--space-6)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.form-group label .required{color:var(--error)}.form-group input,.form-group select,.form-group textarea{height:46px;padding:0 var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--text-cream);outline:none;transition:all var(--transition-fast)}.form-group textarea{height:auto;min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.data-table-container{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#d4a64a14}.data-table th{padding:var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(212,166,74,.15)}.data-table tbody tr{border-bottom:1px solid rgba(212,166,74,.08);transition:all var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#d4a64a0d}.data-table td{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--text-cream)}.btn-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#c8963c,#b48732);color:var(--maroon-900);box-shadow:var(--shadow-gold-subtle)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.btn-secondary{background:transparent;color:var(--text-cream);border:1px solid rgba(212,166,74,.3)}.btn-secondary:hover{background:#d4a64a1a;border-color:var(--gold-500)}.course-header-card{background:linear-gradient(135deg,#8b000026,#50000040);border:none;border-left:3px solid var(--gold-500);border-radius:12px;box-shadow:var(--shadow-lg);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.course-header-card:hover{background:linear-gradient(135deg,#8b000033,#5000004d);border:none;border-left:3px solid var(--gold-500)!important;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff14}.course-header-content{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center;min-height:80px}.course-header-content h3{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;color:var(--gold-400);margin:0}.course-header-content h3 svg{width:24px;height:24px;color:var(--gold-400)}.course-header-text .card-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.course-header-content-inline{padding:var(--space-5) var(--space-6);display:flex;align-items:center;gap:var(--space-4);min-height:80px}.course-header-content-inline h3{margin:0;white-space:nowrap;display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;color:var(--gold-400)}.course-header-content-inline h3 svg{color:var(--gold-400)}.course-header-content-inline select{margin-right:auto}.course-header-content-with-filter{padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-height:80px}.course-header-content-with-filter h3{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;color:var(--gold-400);margin:0}.course-header-content-with-filter h3 svg{color:var(--gold-400)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-actions select{min-width:180px}.subject-master-title{font-size:1.25rem!important}.header-actions button{white-space:nowrap}.course-list-card{background:linear-gradient(135deg,#8b000026,#50000040);border:none;border-left:3px solid var(--gold-500);border-radius:12px;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff0d;padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp .4s ease-out .1s;animation-fill-mode:both}.course-list-card:hover{background:linear-gradient(135deg,#8b000033,#5000004d);border:none;border-left:3px solid var(--gold-500)!important;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff14}.course-list{padding:var(--space-4)}.course-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#00000026;border:none;border-left:3px solid var(--gold-500);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.course-list-item:last-child{margin-bottom:0}.course-list-item:hover{background:#d4af371a;border:none;border-left:3px solid var(--gold-500)!important;box-shadow:0 2px 8px #00000026}.course-item-name{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);font-weight:600;color:var(--text-cream)}.course-item-name svg{width:20px;height:20px;color:var(--gold-400);flex-shrink:0}.class-list-item .class-item-info{display:flex;align-items:center;gap:var(--space-6);flex:1}.class-item-course{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.class-item-course svg{width:16px;height:16px;color:var(--gold-400);opacity:.7}.subject-list-item .subject-item-info{display:flex;align-items:center;gap:var(--space-5);flex:1}.subject-item-class,.subject-item-course{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.subject-item-class svg,.subject-item-course svg{width:16px;height:16px;color:var(--gold-400);opacity:.7}.btn-success{background:var(--gradient-success);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 0 20px #50c87866}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 0 20px #e6394666}.settings-section{background:#0000001a;border:1px solid rgba(212,166,74,.08);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(212,166,74,.1)}.settings-section-icon{width:36px;height:36px;background:var(--gradient-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.settings-section-icon svg{width:18px;height:18px;color:var(--maroon-900)}.settings-section-title{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream)}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid rgba(212,166,74,.08)}.toggle-group:last-child{border-bottom:none}.toggle-label{display:flex;flex-direction:column;gap:var(--space-1)}.toggle-label-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.toggle-label-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.toggle-switch{position:relative;width:48px;height:26px;background:#0000004d;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal)}.toggle-switch.active{background:var(--gradient-gold);border-color:var(--gold-500)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-spring);box-shadow:var(--shadow-sm)}.toggle-switch.active:after{left:24px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-mini-card{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-normal)}.stat-mini-card:hover{border-color:#d4a64a40;background:#d4a64a0d}.stat-mini-icon{width:44px;height:44px;background:var(--gradient-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px}.stat-mini-content h4{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin:0}.stat-mini-content p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-gold{background:#d4a64a26;color:var(--gold-400);border:1px solid rgba(212,166,74,.3)}.badge-success{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.3)}.badge-danger{background:#e6394626;color:var(--error);border:1px solid rgba(230,57,70,.3)}.badge-info{background:#e0b86026;color:var(--gold-300);border:1px solid rgba(224,184,96,.3)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{font-size:64px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.empty-state h4{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--gold-400);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--font-size-sm);color:var(--text-muted);max-width:400px;margin:0 auto var(--space-6)}.toast{position:fixed;top:var(--space-6);right:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:600;z-index:99999;animation:slideInRight .3s ease-out;min-width:300px}.toast-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:#fff;border:1px solid rgba(80,200,120,.3)}.toast-error{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);color:#fff;border:1px solid rgba(230,57,70,.3)}.toast-info{background:var(--gradient-gold);color:var(--maroon-900);border:1px solid rgba(212,166,74,.3)}.toast svg{width:20px;height:20px;flex-shrink:0}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid rgba(212,166,74,.2);background:#d4a64a1a;color:var(--gold-400);cursor:pointer;transition:all var(--transition-normal);margin-left:var(--space-2)}.btn-icon:hover{background:#d4a64a33;border-color:var(--gold-500);transform:translateY(-2px);box-shadow:var(--shadow-gold-subtle)}.btn-icon-warning{background:#e0b8601a;border-color:#e0b86033;color:var(--gold-300)}.btn-icon-warning:hover{background:#e0b86033;border-color:var(--gold-400)}.btn-icon-danger{background:#e639461a;border-color:#e6394633;color:var(--error)}.btn-icon-danger:hover{background:#e6394633;border-color:var(--error)}.btn-icon svg{width:16px;height:16px}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:var(--gradient-gold);border-bottom:1px solid rgba(212,166,74,.2)}.drawer-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--maroon-900);margin:0}.drawer-header .btn-icon{background:var(--maroon-800);border-color:var(--maroon-700);color:var(--gold-400)}.drawer-header .btn-icon:hover{background:var(--maroon-700);border-color:var(--gold-500)}.drawer-body{padding:var(--space-6)}.drawer-body label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.enterprise-modal-overlay{position:fixed;inset:0;background:#1a0510eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.enterprise-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-2xl);border:1px solid rgba(212,166,74,.2);box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a64a1a,inset 0 1px #ffffff0d;width:90%;max-width:680px;max-height:90vh;margin-left:15%;overflow:hidden;overflow-y:auto;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.enterprise-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);opacity:.8}.enterprise-modal-header{padding:var(--space-6);background:#d4a64a0d;border-bottom:1px solid rgba(212,166,74,.1);display:flex;justify-content:space-between;align-items:center}.modal-header-content{display:flex;align-items:center;gap:var(--space-4)}.modal-icon-badge{width:48px;height:48px;background:var(--gradient-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4a64a4d}.modal-icon-badge svg{width:24px;height:24px;color:var(--maroon-900)}.modal-title-section h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-1) 0}.modal-title-section p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.modal-close-btn{width:40px;height:40px;background:#0003;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted)}.modal-close-btn:hover{background:#d4a64a1a;border-color:var(--gold-500);color:var(--gold-400);transform:rotate(90deg)}.modal-close-btn svg{width:20px;height:20px}.enterprise-modal-body{padding:var(--space-8) var(--space-6)}.modal-input-group{margin-bottom:var(--space-5)}.modal-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.modal-label svg{width:16px;height:16px;color:var(--gold-400)}.modal-premium-input{width:100%;padding:var(--space-4);background:#0000004d;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-base);font-family:var(--font-primary);transition:all var(--transition-normal)}.modal-premium-input:focus{outline:none;border-color:var(--gold-500);background:#0006;box-shadow:0 0 0 3px #d4a64a1a}.modal-premium-input::placeholder{color:var(--text-light);opacity:.6}.modal-premium-input option{background:var(--maroon-800);color:var(--text-cream)}.enterprise-modal-footer{padding:var(--space-5) var(--space-6);background:#00000026;border-top:1px solid rgba(212,166,74,.1);display:flex;gap:var(--space-3);justify-content:flex-end}.btn-modal{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-modal svg{width:16px;height:16px}.btn-modal-cancel{background:#0003;color:var(--text-cream);border:1px solid rgba(212,166,74,.2)}.btn-modal-cancel:hover{background:#0000004d;border-color:var(--gold-500);transform:translateY(-2px)}.btn-modal-save{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:0 4px 12px #d4a64a4d}.btn-modal-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a64a66}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;inset:0;background:#1a0510e6;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),var(--shadow-gold-glow);width:100%;max-width:450px;overflow:hidden;animation:scaleIn .3s var(--transition-spring)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background:var(--gradient-gold);border-bottom:1px solid rgba(212,166,74,.2)}.modal-header .btn-icon{background:var(--maroon-800);border-color:var(--maroon-700);color:var(--gold-400)}.modal-header .btn-icon:hover{background:var(--maroon-700);border-color:var(--gold-500)}.modal-body p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.6}.modal-body label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.modal-input{width:100%;height:46px;padding:0 var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);outline:none;transition:all var(--transition-fast)}.modal-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.form-input{width:100%;height:46px;padding:0 var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--text-cream);outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.form-input::placeholder{color:var(--text-light)}.form-input.small{width:80px}.form-select{height:46px;padding:0 var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--text-cream);outline:none;cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.form-select option{background:var(--maroon-700);color:var(--text-cream)}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid rgba(212,166,74,.1)}.management-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-2) 0}.management-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.top-tabs{display:flex;gap:var(--space-2);background:#0003;padding:var(--space-2);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1)}.top-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.top-tab:hover{background:#d4a64a14;color:var(--gold-400)}.top-tab.active{background:var(--gradient-gold);color:var(--maroon-900);font-weight:600;box-shadow:var(--shadow-gold-subtle)}.top-tab svg{width:18px;height:18px}.management-content{animation:fadeInUp .4s ease-out}.management-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6)}.management-sidebar{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-md);height:fit-content}.sidebar-label{font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-3);padding:0 var(--space-3)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-cream);cursor:pointer;transition:all var(--transition-normal);text-align:left;margin-bottom:var(--space-2);position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-gold);border-radius:0 3px 3px 0;transition:height var(--transition-spring)}.nav-item:hover:not(.disabled){background:#d4a64a14;color:var(--gold-400);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#d4a64a26,#d4a64a14);color:var(--gold-400);font-weight:600}.nav-item.active:before{height:60%}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item svg{width:18px;height:18px;flex-shrink:0}.management-main{flex:1}.content-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-md);overflow:hidden}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.active-year-card{background:linear-gradient(135deg,#50c87826,#50c87814);border:1px solid rgba(80,200,120,.3);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-6)}.active-year-header h4{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--success);margin:0 0 var(--space-1) 0}.active-year-header p{font-size:var(--font-size-lg);color:var(--text-cream);margin:0}.finish-year-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(80,200,120,.2)}.finish-year-section h5{font-size:var(--font-size-base);font-weight:600;color:var(--text-cream);margin:0 0 var(--space-2) 0}.helper-text{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.new-year-card,.history-card{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-6)}.new-year-card h4,.history-card h4{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--gold-400);margin:0 0 var(--space-4) 0}.date-inputs{display:grid;grid-template-columns:1fr 100px;gap:var(--space-3)}.input-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.3)}.status-badge.finished{background:#d4a64a26;color:var(--gold-400);border:1px solid rgba(212,166,74,.3)}.filter-section{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:#0000001a;border-bottom:1px solid rgba(212,166,74,.1)}.filter-section label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.btn-neutral{background:transparent;color:var(--text-cream);border:1px solid rgba(212,166,74,.3)}.btn-neutral:hover{background:#d4a64a1a;border-color:var(--gold-500)}.btn-warning{background:linear-gradient(135deg,var(--gold-600) 0%,var(--gold-500) 100%);color:var(--maroon-900)}.btn-warning:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.btn-icon-danger{color:var(--error);background:#e639461a}.btn-icon-danger:hover{color:#fff;background:var(--error);box-shadow:0 0 10px #e6394666}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.modal-overlay{position:fixed;inset:0;background:#1a0510e6;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),var(--shadow-gold-glow);width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:scaleIn .3s var(--transition-spring)}.modal-header{background:var(--gradient-gold);padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--maroon-900);margin:0}.modal-close{width:36px;height:36px;background:var(--maroon-800);border:none;border-radius:var(--radius-lg);color:var(--gold-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--maroon-700)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 160px)}.modal-footer{padding:var(--space-4) var(--space-6);background:#00000026;border-top:1px solid rgba(212,166,74,.1);display:flex;justify-content:flex-end;gap:var(--space-3)}.fees-simple-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);animation:fadeInUp .4s ease-out}.fees-main-panel{display:flex;flex-direction:column;gap:var(--space-5)}.fees-step-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);position:relative}.fees-step-card.active{border-color:#d4a64a4d;box-shadow:var(--shadow-lg),var(--shadow-gold-subtle)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#d4a64a26;border:1px solid rgba(212,166,74,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);margin-bottom:var(--space-3)}.step-badge.active{background:var(--gradient-gold);color:var(--maroon-900);border-color:var(--gold-500);box-shadow:var(--shadow-gold-subtle)}.fees-step-card h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-2) 0}.step-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.dual-select{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.select-group{display:flex;flex-direction:column}.select-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.fees-locked-card{background:linear-gradient(145deg,#0003,#0000004d);border:1px dashed rgba(212,166,74,.2);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-6);text-align:center}.lock-visual{margin-bottom:var(--space-4);opacity:.3;animation:float 3s ease-in-out infinite}.lock-visual svg{width:64px;height:64px;color:var(--gold-400)}.fees-locked-card h4{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-muted);margin:0 0 var(--space-2) 0}.fees-locked-card p{font-size:var(--font-size-sm);color:var(--text-light);margin:0}.fee-inputs-wrapper{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.fee-input-row{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-normal)}.fee-input-row:hover{border-color:#d4a64a33;background:#d4a64a0d}.fee-info-section{display:flex;align-items:center;gap:var(--space-4);flex:1}.fee-icon-badge{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fee-icon-badge.admission{background:linear-gradient(135deg,#fb923c33,#fb923c1a);border:1px solid rgba(251,146,60,.3)}.fee-icon-badge.admission svg{width:24px;height:24px;color:#fb923c}.fee-icon-badge.tuition{background:linear-gradient(135deg,#50c87833,#50c8781a);border:1px solid rgba(80,200,120,.3)}.fee-icon-badge.tuition svg{width:24px;height:24px;color:var(--success)}.fee-icon-badge.hostel{background:linear-gradient(135deg,#d4a64a33,#d4a64a1a);border:1px solid rgba(212,166,74,.3)}.fee-icon-badge.hostel svg{width:24px;height:24px;color:var(--gold-400)}.fee-details h4{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-1) 0}.fee-details p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.fee-amount-section{flex-shrink:0}.amount-input-wrapper{display:flex;align-items:center;gap:var(--space-2);background:#0000004d;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);padding:0 var(--space-4);transition:all var(--transition-fast)}.amount-input-wrapper:focus-within{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.rupee-sign{font-size:var(--font-size-lg);font-weight:700;color:var(--gold-400)}.amount-field{width:120px;height:46px;background:transparent;border:none;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-cream);outline:none;text-align:right}.amount-field::placeholder{color:var(--text-light)}.per-month{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.fee-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.fees-preview-panel{height:fit-content}.preview-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#50c87826;border:1px solid rgba(80,200,120,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.pulse-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.preview-receipt{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-gold-subtle)}.receipt-header{background:var(--gradient-gold);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid rgba(212,166,74,.3)}.receipt-icon{width:48px;height:48px;background:var(--maroon-800);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.receipt-icon svg{width:24px;height:24px;color:var(--gold-400)}.receipt-header h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--maroon-900);margin:0}.receipt-header p{font-size:var(--font-size-xs);color:var(--maroon-700);margin:0}.receipt-info{padding:var(--space-5);background:#0000001a;border-bottom:1px solid rgba(212,166,74,.1)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-key{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-val{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.receipt-breakdown{padding:var(--space-5)}.breakdown-header{font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid rgba(212,166,74,.08)}.breakdown-row:last-child{border-bottom:none}.breakdown-left{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-cream)}.breakdown-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.breakdown-icon.admission{background:#fb923c26;border:1px solid rgba(251,146,60,.3)}.breakdown-icon.admission svg{width:16px;height:16px;color:#fb923c}.breakdown-icon.tuition{background:#50c87826;border:1px solid rgba(80,200,120,.3)}.breakdown-icon.tuition svg{width:16px;height:16px;color:var(--success)}.breakdown-icon.hostel{background:#d4a64a26;border:1px solid rgba(212,166,74,.3)}.breakdown-icon.hostel svg{width:16px;height:16px;color:var(--gold-400)}.breakdown-value{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream)}.receipt-total{padding:var(--space-5);background:#d4a64a14;border-top:2px solid rgba(212,166,74,.3);border-bottom:1px solid rgba(212,166,74,.1)}.total-label{font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.total-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-cream)}.receipt-footer{padding:var(--space-4) var(--space-5);background:#00000026}.yearly-estimate{display:flex;align-items:center;justify-content:space-between}.yearly-estimate span:first-child{font-size:var(--font-size-xs);color:var(--text-muted)}.yearly-value{font-size:var(--font-size-base);font-weight:700;color:var(--gold-400)}.drawer-input{width:100%;height:46px;padding:0 var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);outline:none;transition:all var(--transition-fast)}.drawer-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.drawer-input::placeholder{color:var(--text-light)}.drawer-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6);background:#00000026;border-top:1px solid rgba(212,166,74,.1)}@media(max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tab-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2)}.form-grid{grid-template-columns:1fr}.card-header{flex-direction:column;gap:var(--space-4);text-align:center}.stats-row{grid-template-columns:1fr}.modal{margin:var(--space-4);max-width:calc(100% - var(--space-8))}}.compact-card{background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);animation:fadeInUp .3s ease-out}.create-year-card,.finish-year-card{border-left:3px solid var(--gold-500)!important}.card-header-compact{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);background:#d4a64a08}.card-header-compact h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:600;color:var(--text-cream);margin:0}.card-header-compact h4 svg{width:18px;height:18px;color:var(--gold-400)}.card-subtitle-small{font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-1) 0 0 0}.card-body-compact{padding:var(--space-5)}.cascading-dropdowns{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--space-3);align-items:end}.dropdown-group{display:flex;flex-direction:column;gap:var(--space-2)}.dropdown-group label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-select-compact{padding:var(--space-3);background:#0003;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-cream);font-size:var(--font-size-sm);transition:all var(--transition-normal);cursor:pointer}.form-select-compact:hover:not(:disabled){border-color:var(--gold-500);background:#0000004d}.form-select-compact:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px #d4a64a1a}.form-select-compact:disabled{opacity:.5;cursor:not-allowed;background:#0000001a}.form-select-compact option{background:var(--maroon-800);color:var(--text-cream)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-2)}.btn-sm svg{width:16px;height:16px}.finish-year-card{border-left:3px solid var(--warning)}.create-year-card{border-left:3px solid var(--success)}.history-list-card{border-left:3px solid var(--gold-500)}.data-table-compact{background:#00000026;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.data-table-compact table{width:100%;border-collapse:collapse}.data-table-compact thead{background:#d4a64a14}.data-table-compact th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.data-table-compact td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-cream);border-bottom:1px solid rgba(212,166,74,.05)}.data-table-compact tbody tr:hover{background:#d4a64a0d}.data-table-compact tbody tr:last-child td{border-bottom:none}@media(max-width:1024px){.cascading-dropdowns{grid-template-columns:1fr 1fr}.cascading-dropdowns button{grid-column:1 / -1}}@media(max-width:768px){.cascading-dropdowns{grid-template-columns:1fr}.card-header-compact{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header-compact button{width:100%}}.nav-item.disabled{opacity:.5;cursor:not-allowed;background:#0003;position:relative}.nav-item.disabled:hover{background:#0003;color:var(--text-muted);box-shadow:none}.nav-item.disabled svg{opacity:.7}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--gradient-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:90%;max-width:500px;margin-left:15%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);position:relative}.compact-modal{max-width:400px}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:#d4a64a0d}.modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-cream);display:flex;align-items:center;gap:var(--space-3)}.modal-header h3 svg{color:var(--gold-400)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5);background:#0003;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal-input{width:100%;padding:var(--space-3) var(--space-4);background:#0003;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-base);transition:all var(--transition-normal)}.modal-input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.read-only-banner{background:#d4a64a14;border:1px solid rgba(212,166,74,.2);border-left:3px solid var(--warning);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);animation:fadeInUp .3s ease-out}.banner-content{display:flex;align-items:center;gap:var(--space-3);color:var(--gold-400);font-size:var(--font-size-sm);font-weight:600}.banner-content svg{width:18px;height:18px;color:var(--warning)}.viewing-row{background:#d4a64a1a;border-left:3px solid var(--gold-500)}.content-area{position:relative;z-index:1}.spinner-icon{animation:spin 1s linear infinite}button:disabled{cursor:not-allowed;opacity:.7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.empty-icon{width:48px;height:48px;background:#d4a64a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);color:var(--gold-400);opacity:.6}.empty-icon svg{width:22px;height:22px}.empty-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-1) 0}.empty-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin:0;max-width:260px;line-height:1.5}.skeleton-table{padding:var(--space-3) 0}.skeleton-row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(212,166,74,.06)}.skeleton-row:last-child{border-bottom:none}.skeleton-cell{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#d4a64a0f 25%,#d4a64a24,#d4a64a0f 75%);background-size:200% 100%;animation:shimmer 1.6s infinite ease-in-out;flex:1}.skeleton-cell:first-child{flex:2}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.subject-form-enhanced{display:flex;flex-direction:column;gap:var(--space-5)}.form-grid-3{grid-template-columns:repeat(3,1fr)!important}.kitab-section{background:#00000026;border:1px solid rgba(212,166,74,.12);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.kitab-section-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(212,166,74,.1)}.kitab-section-icon{font-size:1.1rem}.modal-toggle-row{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-3) 0;-webkit-user-select:none;user-select:none}.modal-toggle{position:relative;width:44px;height:24px;background:#0000004d;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-full);transition:all var(--transition-normal);flex-shrink:0}.modal-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-spring)}.modal-toggle.active{background:var(--gradient-gold);border-color:var(--gold-500)}.modal-toggle.active:after{left:22px;background:var(--maroon-900)}.modal-toggle-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}@media(max-width:768px){.form-grid-3{grid-template-columns:1fr!important}.enterprise-modal{max-width:95%;margin-left:0}}.marks-hint{font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7;font-weight:400}.duration-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px}.duration-badge.full{background:#50c8781f;color:var(--success);border:1px solid rgba(80,200,120,.25)}.duration-badge.half{background:#d4a64a1f;color:var(--gold-400);border:1px solid rgba(212,166,74,.25)}.urdu-text{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,serif;font-size:1.25rem;line-height:1.5}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 2px #e6394633!important}.fee-error-msg{display:block;font-size:var(--font-size-xs);color:var(--error);margin-top:var(--space-1);font-weight:500}.student-page{padding:0;max-width:100%}.student-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.student-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.2);cursor:pointer;transition:all var(--transition-elegant);min-height:130px;position:relative;overflow:hidden}.student-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff4d;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-spring)}.student-tile:after{content:"";position:absolute;top:10px;right:10px;width:60px;height:60px;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:6px 6px;opacity:0;transition:opacity var(--transition-normal)}.student-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 30px #0000004d}.student-tile:hover:before{transform:scaleX(1)}.student-tile:hover:after{opacity:1}.student-tile .tile-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-spring);border:1px solid rgba(255,255,255,.2)}.student-tile:hover .tile-icon{transform:scale(1.1) rotate(5deg);background:#ffffff4d}.student-tile .tile-icon svg{width:28px;height:28px;color:#fff}.student-tile .tile-content{flex:1;position:relative;z-index:1}.student-tile .tile-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:#fff;margin-bottom:var(--space-1);text-shadow:0 2px 4px rgba(0,0,0,.2)}.student-tile .tile-subtitle{font-size:var(--font-size-sm);color:#ffffffd9}.student-tile.tile-orange{background:linear-gradient(135deg,var(--gold-600) 0%,var(--gold-700) 100%)}.student-tile.tile-purple{background:linear-gradient(135deg,var(--maroon-400) 0%,var(--maroon-500) 100%)}.student-tile.tile-cyan{background:linear-gradient(135deg,var(--maroon-300) 0%,var(--maroon-400) 100%)}.student-list-view{animation:fadeInUp .4s ease-out}.student-page .list-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-md)}.student-page .list-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.student-page .header-icon{width:52px;height:52px;background:var(--gradient-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold-subtle)}.student-page .header-icon svg{width:26px;height:26px;color:var(--maroon-900)}.student-page .list-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin:0 0 var(--space-1) 0}.student-page .list-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.student-page .filter-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.student-page .search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--space-3);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);padding:0 var(--space-4);height:46px;transition:all var(--transition-normal)}.student-page .search-box:focus-within{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.student-page .search-box svg{width:18px;height:18px;color:var(--gold-400);flex-shrink:0}.student-page .search-box input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--text-cream);outline:none}.student-page .search-box input::placeholder{color:var(--text-light)}.student-page .filter-select{min-width:150px;height:46px;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);padding:0 var(--space-4);font-size:var(--font-size-sm);color:var(--text-cream);cursor:pointer;outline:none;transition:all var(--transition-normal)}.student-page .filter-select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.student-page .filter-select option{background:var(--maroon-700);color:var(--text-cream)}.student-page .btn-refresh,.student-page .btn-export{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5);height:46px;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.student-page .btn-refresh{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-gold-subtle)}.student-page .btn-refresh:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.student-page .btn-export{background:var(--gradient-success);color:#fff}.student-page .btn-export:hover{transform:translateY(-2px);box-shadow:0 0 20px #50c87866}.student-page .btn-refresh svg,.student-page .btn-export svg{width:18px;height:18px}.spin-icon{animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.student-page .data-grid-container{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}.student-page .data-grid{width:100%;border-collapse:collapse;min-height:350px}.student-page .data-grid thead{background:#d4a64a14}.student-page .data-grid th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(212,166,74,.15)}.student-page .data-grid tbody tr{border-bottom:1px solid rgba(212,166,74,.08);transition:all var(--transition-fast);cursor:pointer}.student-page .data-grid tbody tr:hover{background:#d4a64a0d}.student-page .data-grid td{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-cream)}.student-page .student-empty-state{padding:var(--space-6) var(--space-3);text-align:center;color:var(--text-muted)}.student-page .data-grid .inactive-row{opacity:.5}.student-page .pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4)}.student-page .pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.student-page .pagination-buttons{display:flex;gap:var(--space-2)}.student-page .btn-page{padding:var(--space-2) var(--space-4);background:#d4a64a1a;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-cream);cursor:pointer;transition:all var(--transition-fast)}.student-page .btn-page:hover{background:#d4a64a33;border-color:var(--gold-500)}.student-page .btn-page:disabled{opacity:.45;cursor:not-allowed}.student-page .btn-page:disabled:hover{background:#d4a64a1a;border-color:#d4a64a33}.student-form-view{animation:fadeInUp .4s ease-out}.student-page .form-container{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-2xl);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-lg);overflow:hidden}.student-page .form-header{background:var(--gradient-gold);padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.student-page .form-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));pointer-events:none}.student-page .form-header-content{display:flex;align-items:center;gap:var(--space-4)}.student-page .form-header-icon{width:56px;height:56px;background:var(--maroon-800);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.student-page .form-header-icon svg{width:28px;height:28px;color:var(--gold-400)}.student-page .form-header h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--maroon-900);margin:0 0 var(--space-1) 0}.student-page .form-header p{font-size:var(--font-size-sm);color:var(--maroon-700);margin:0}.student-page .btn-back{padding:var(--space-3) var(--space-5);background:var(--maroon-800);border:1px solid var(--maroon-600);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--gold-400);cursor:pointer;transition:all var(--transition-fast)}.student-page .btn-back:hover{background:var(--maroon-700);border-color:var(--gold-500);box-shadow:var(--shadow-gold-subtle)}.student-page .form-body{padding:var(--space-8)}.student-page .form-section{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);margin-bottom:var(--space-5);overflow:hidden}.section-slide-in{animation:slideSection .5s ease-out;animation-fill-mode:both}.section-slide-in:nth-child(1){animation-delay:.05s}.section-slide-in:nth-child(2){animation-delay:.15s}.section-slide-in:nth-child(3){animation-delay:.25s}.section-slide-in:nth-child(4){animation-delay:.35s}@keyframes slideSection{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.student-page .section-header{padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);font-weight:700;color:var(--text-cream);background:#d4a64a0d;border-bottom:1px solid rgba(212,166,74,.1)}.student-page .section-icon{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--gradient-gold)}.student-page .section-icon svg{width:18px;height:18px;color:var(--maroon-900)}.student-page .section-body{padding:var(--space-5)}.student-page .form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.student-page .form-row:last-child{margin-bottom:0}.student-page .form-row-3{grid-template-columns:repeat(3,1fr)}.student-page .form-row-2{grid-template-columns:repeat(2,1fr)}.student-page .form-row-address{display:flex;gap:var(--space-4)}.student-page .form-group{display:flex;flex-direction:column;min-width:0}.student-page .form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.student-page .required{color:var(--gold-400);margin-left:2px}.student-page .form-group input,.student-page .form-group select,.student-page .form-group textarea{height:40px;padding:0 var(--space-3);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-cream);outline:none;transition:all var(--transition-fast);font-family:inherit;width:100%;box-sizing:border-box}.student-page .form-group textarea{height:auto;padding:var(--space-3) var(--space-4);resize:vertical}.student-page .form-group input:focus,.student-page .form-group select:focus,.student-page .form-group textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.student-page .form-group input::placeholder,.student-page .form-group textarea::placeholder{color:var(--text-light)}.student-page .form-group select option{background:var(--maroon-700);color:var(--text-cream)}.student-page .form-group input[readOnly]{opacity:.7;cursor:default}.pincode-group{flex:1}.pincode-input-wrapper{position:relative;display:flex;align-items:center}.pincode-input-wrapper input{width:100%}.pincode-badge{position:absolute;right:10px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);pointer-events:none}.pincode-badge.loading{color:var(--gold-400);animation:spin 1s linear infinite}.pincode-badge.valid{color:var(--success);background:#50c87826;border:1px solid rgba(80,200,120,.3)}.pincode-badge.invalid{color:var(--error);background:#e6394626;border:1px solid rgba(230,57,70,.3)}.input-valid{border-color:var(--success)!important}.input-invalid{border-color:var(--error)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-generate-address{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:#d4a64a1a;border:1px solid rgba(212,166,74,.25);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400);cursor:pointer;transition:all var(--transition-fast)}.btn-generate-address:hover{background:#d4a64a33;border-color:var(--gold-500);transform:translateY(-1px)}.btn-generate-address svg{width:14px;height:14px}.student-page .form-footer{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-6);display:flex;justify-content:space-between;align-items:center}.student-page .footer-message{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-cream)}.student-page .check-icon{color:var(--success)}.student-page .footer-actions{display:flex;gap:var(--space-3)}.student-page .btn-cancel{padding:var(--space-3) var(--space-6);background:transparent;border:1px solid rgba(212,166,74,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);cursor:pointer;transition:all var(--transition-fast)}.student-page .btn-cancel:hover{background:#d4a64a1a;border-color:var(--gold-500)}.student-page .btn-save{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:700;color:var(--maroon-900);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-gold-subtle)}.student-page .btn-save:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.promotion-view{animation:fadeInUp .4s ease-out}.promotion-container{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-2xl);border:1px solid rgba(212,166,74,.1);box-shadow:var(--shadow-lg);overflow:hidden}.promotion-header{background:var(--gradient-gold);padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.promotion-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));pointer-events:none}.promotion-header-content{display:flex;align-items:center;gap:var(--space-4)}.promotion-header-icon{width:56px;height:56px;background:var(--maroon-800);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.promotion-header-icon svg{width:28px;height:28px;color:var(--gold-400)}.promotion-header h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--maroon-900);margin:0 0 var(--space-1) 0}.promotion-header p{font-size:var(--font-size-sm);color:var(--maroon-700);margin:0}.promotion-body{padding:var(--space-8)}.promotion-selectors{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.promotion-selector-card{flex:1;background:#00000026;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-xl);padding:var(--space-5)}.promotion-selector-card h4{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4) 0;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:700;color:var(--gold-400)}.promotion-selector-card h4 svg{width:20px;height:20px}.selector-fields{display:flex;gap:var(--space-4)}.selector-fields .form-group{flex:1}.promotion-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--gradient-gold);box-shadow:var(--shadow-gold-glow);color:var(--maroon-900)}.promotion-arrow svg{width:28px;height:28px}.promotion-selector-disabled{opacity:.45;pointer-events:none}.selector-hint{font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-left:var(--space-1)}.promotion-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);background:#0000001a;border:2px dashed rgba(212,166,74,.15);border-radius:var(--radius-xl);margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--font-size-sm)}.promo-list-header-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#d4a64a0d;border-bottom:1px solid rgba(212,166,74,.1);font-size:var(--font-size-sm);color:var(--text-cream)}.promotion-footer{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-6);display:flex;justify-content:space-between;align-items:center}.promotion-hint{font-size:var(--font-size-sm);color:var(--text-cream)}.promotion-actions{display:flex;gap:var(--space-3)}.btn-promote{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:700;color:var(--maroon-900);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-gold-subtle)}.btn-promote:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.btn-promote:disabled{opacity:.45;cursor:not-allowed;transform:none}.promo-steps{display:flex;align-items:center;gap:0;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:#00000026;border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1)}.promo-step{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center}.promo-step-num{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff6;transition:all .3s}.promo-step-label{font-size:var(--font-size-xs);color:#fff6;font-weight:500;transition:all .3s}.promo-step.active .promo-step-num{background:var(--gradient-gold);border-color:var(--gold-primary);color:var(--maroon-900);box-shadow:var(--shadow-gold-subtle)}.promo-step.active .promo-step-label{color:var(--gold-primary);font-weight:700}.promo-step.done .promo-step-num{background:#d4a64a33;border-color:#d4a64a80;color:var(--gold-primary)}.promo-step.done .promo-step-label{color:var(--text-cream)}.promo-step-line{flex:0 0 40px;height:2px;background:#d4a64a26;margin:0 var(--space-2)}.promo-source-card{background:#00000026;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.promo-card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--gold-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.promo-source-fields{display:flex;gap:var(--space-4)}.promo-source-fields .form-group{flex:1}.promo-empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:#0000001a;border:2px dashed rgba(212,166,74,.15);border-radius:var(--radius-xl);margin-bottom:var(--space-5)}.promo-empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.6}.promo-empty-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-cream);margin-bottom:var(--space-2)}.promo-empty-sub{font-size:var(--font-size-sm);color:var(--text-muted)}.promo-list-card{background:#00000026;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-5)}.promo-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(212,166,74,.1);font-size:var(--font-size-sm);color:var(--text-cream)}.promo-count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-gold);color:var(--maroon-900);font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px;margin-left:var(--space-2)}.btn-select-all{background:#d4a64a1f;border:1px solid rgba(212,166,74,.25);color:var(--gold-primary);padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-select-all:hover{background:#d4a64a33}.promo-no-students{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.promo-row-selected{background:#d4a64a14!important}.promo-target-card{background:#00000026;border:2px solid rgba(212,166,74,.3);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .3s}.promo-target-disabled{opacity:.5;border-color:#d4a64a1a;pointer-events:none}.promo-target-fields{display:flex;gap:var(--space-4);align-items:flex-end}.promo-target-fields .form-group{flex:1}.student-page .detail-view{animation:fadeInUp .4s ease-out;max-width:700px;margin:0 auto}.student-page .detail-container h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-cream);text-align:center;margin-bottom:var(--space-6)}.student-page .detail-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border-radius:var(--radius-2xl);border:1px solid rgba(212,166,74,.15);box-shadow:var(--shadow-xl);overflow:hidden}.student-page .detail-banner{background:var(--gradient-gold);padding:var(--space-6);text-align:center;position:relative}.student-page .banner-image{width:100%;max-height:120px;object-fit:contain;display:block}.student-page .detail-form-title{text-align:center;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);padding:var(--space-4) 0;border-bottom:2px solid rgba(212,166,74,.2);letter-spacing:2px;margin:0}.student-page .detail-info{padding:var(--space-6)}.student-page .detail-name-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.student-page .detail-name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--gold-400);margin:0}.student-page .detail-roll{font-size:var(--font-size-sm);font-weight:600;color:var(--maroon-900);background:var(--gradient-gold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.student-page .detail-divider{height:1px;background:#d4a64a26;margin:var(--space-4) 0}.student-page .detail-section h5{font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 var(--space-3) 0}.student-page .detail-section p{color:var(--text-cream);font-size:var(--font-size-sm);margin:0}.student-page .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.student-page .detail-grid strong{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500;display:block;margin-bottom:var(--space-1)}.student-page .detail-grid p{font-size:var(--font-size-sm);color:var(--text-cream);font-weight:600;margin:0}.status-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700}.status-chip.active{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.3)}.status-chip.inactive{background:#e6394626;color:var(--error);border:1px solid rgba(230,57,70,.3)}.status-chip.graduate{background:#d4a64a26;color:var(--gold-500);border:1px solid rgba(212,166,74,.3)}.student-page .detail-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.student-page .btn-detail-action{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;gap:var(--space-2)}.student-page .btn-edit{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-gold-subtle)}.student-page .btn-edit:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.student-page .btn-print{background:var(--gradient-success);color:#fff}.student-page .btn-print:hover{transform:translateY(-2px);box-shadow:0 0 20px #50c87866}.student-page .btn-close{background:transparent;border:1px solid rgba(212,166,74,.3)!important;color:var(--text-cream)}.student-page .btn-close:hover{background:#d4a64a1a;border-color:var(--gold-500)!important}.fade-in-up{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.student-page .form-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.student-tiles,.student-page .form-row{grid-template-columns:repeat(2,1fr)}.promotion-selectors{flex-direction:column}.promotion-arrow{transform:rotate(90deg)}.step-progress{gap:var(--space-4)}}@media(max-width:768px){.student-tiles{grid-template-columns:1fr}.student-page .filter-bar{flex-direction:column}.student-page .form-row,.student-page .form-row-3,.student-page .form-row-2{grid-template-columns:1fr}.student-page .form-row-address{flex-direction:column}.student-page .form-header,.promotion-header{flex-direction:column;gap:var(--space-4);text-align:center}.student-page .form-footer,.promotion-footer{flex-direction:column;gap:var(--space-4)}.step-progress{flex-wrap:wrap;gap:var(--space-3)}.student-page .detail-grid{grid-template-columns:repeat(2,1fr)}.student-page .detail-actions{flex-direction:column;align-items:stretch}.selector-fields{flex-direction:column}}.success-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease-out}.success-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-800) 100%);border:2px solid rgba(212,166,74,.35);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-10);text-align:center;min-width:340px;max-width:420px;box-shadow:0 25px 60px #00000080,0 0 40px #d4a64a26;animation:modalPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-modal-icon{font-size:52px;margin-bottom:var(--space-3);animation:bounce .6s ease-out .2s both}@keyframes bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.success-modal-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--success);margin:0 0 var(--space-5) 0}.success-modal-roll{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:#0003;border:1px solid rgba(212,166,74,.25);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-4)}.success-modal-roll-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.success-modal-roll-value{font-family:var(--font-display);font-size:36px;font-weight:800;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px}.success-modal-name{font-size:var(--font-size-base);color:var(--text-cream);margin:0 0 var(--space-5) 0;font-weight:500}.success-modal-btn{padding:var(--space-3) var(--space-8);background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:700;color:var(--maroon-900);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-gold-subtle)}.success-modal-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.success-modal-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.export-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-800) 100%);border:2px solid rgba(212,166,74,.35);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);min-width:480px;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 60px #00000080,0 0 40px #d4a64a26;animation:modalPop .35s cubic-bezier(.34,1.56,.64,1)}.export-modal-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--gold-400);margin:0 0 var(--space-1) 0;text-align:center}.export-modal-sub{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:0 0 var(--space-4) 0}.export-modal-actions-top{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.export-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.export-field-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-user-select:none;user-select:none}.export-field-item:hover{background:#d4a64a14;color:var(--text-cream)}.export-field-item.checked{background:#d4a64a1f;border-color:#d4a64a40;color:var(--gold-400);font-weight:600}.export-field-item input[type=checkbox]{accent-color:var(--gold-500);width:16px;height:16px;cursor:pointer}.export-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(212,166,74,.15)}.teacher-page{width:100%;position:relative}.tp-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;animation:tpSlideIn .3s ease;box-shadow:0 8px 32px #0000004d}.tp-toast-success{background:linear-gradient(135deg,#059669,#047857)}.tp-toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes tpSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.tp-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.tp-stat-card{background:var(--maroon-600);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(212,166,74,.12);display:flex;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.tp-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.tp-stat-icon{width:46px;height:46px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tp-stat-icon svg{width:22px;height:22px}.tp-card-1 .tp-stat-icon{background:#6366f126;color:#818cf8}.tp-card-2 .tp-stat-icon{background:#f59e0b26;color:#fbbf24}.tp-card-3 .tp-stat-icon{background:#10b98126;color:#34d399}.tp-card-4 .tp-stat-icon{background:#ec489926;color:#f472b6}.tp-stat-info{display:flex;flex-direction:column;flex:1}.tp-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:2px}.tp-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--text-cream);font-family:var(--font-display)}.tp-bold{font-weight:600;color:var(--text-cream)}.tp-green{color:#34d399!important}.tp-red{color:#f87171!important}.tp-gold{color:var(--gold-400)!important}.tp-empty{text-align:center;color:var(--text-muted);padding:40px!important;font-style:italic}.tp-subject-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#d4a64a1f;color:var(--gold-400);letter-spacing:.5px}.tp-status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px}.tp-active{background:#10b98126;color:#34d399}.tp-inactive{background:#ef444426;color:#f87171}.tp-actions{display:flex;gap:6px}.tp-action-btn{width:30px;height:30px;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-md);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tp-action-btn svg{width:14px;height:14px}.tp-action-btn.tp-edit{color:var(--gold-400)}.tp-action-btn.tp-edit:hover{background:#d4a64a26;border-color:var(--gold-400)}.tp-action-btn.tp-toggle{color:#34d399}.tp-action-btn.tp-toggle:hover{background:#10b98126;border-color:#34d399}.tp-action-btn.tp-delete{color:#f87171}.tp-action-btn.tp-delete:hover{background:#ef444426;border-color:#f87171}.tp-form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.tp-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal)}.tp-btn-save{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.tp-btn-save:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.tp-btn-cancel{background:var(--bg-glass);color:var(--text-cream);border:1px solid var(--border)}.tp-btn-cancel:hover{background:var(--bg-hover);border-color:var(--gold-500);color:var(--gold-400)}.tp-detail-actions{display:flex;gap:var(--space-3);align-items:center}.tp-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.tp-detail-item{background:#00000026;border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:4px}.tp-detail-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.tp-detail-value{font-size:var(--font-size-base);color:var(--text-cream);font-weight:600}.tp-salary-view{animation:fpFadeUp .35s ease}.tp-salary-select-card{background:var(--maroon-600);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.15);padding:var(--space-5);margin-bottom:var(--space-5)}.tp-salary-select-card label{display:block;font-size:12px;font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.tp-salary-dropdown{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--maroon-700);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;appearance:auto}.tp-salary-dropdown:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26}.tp-salary-dropdown option{background:var(--maroon-700);color:var(--text-cream)}.tp-current-month-row{background:#d4a64a0f!important}.tp-current-tag{display:inline-block;font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);background:#d4a64a33;color:var(--gold-400);margin-left:6px;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle}.tp-modal-overlay{position:fixed;inset:0;background:#1a0510d9;z-index:9998;display:flex;align-items:center;justify-content:center;animation:tpFadeIn .2s ease}@keyframes tpFadeIn{0%{opacity:0}to{opacity:1}}.tp-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.3);border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:0 25px 80px #00000080,0 0 40px #d4a64a1a;animation:tpModalIn .3s ease;overflow:hidden}@keyframes tpModalIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(212,166,74,.15)}.tp-modal-header h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-cream)}.tp-modal-close{width:32px;height:32px;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tp-modal-close:hover{background:#ef444426;color:#f87171;border-color:#f87171}.tp-modal-body{padding:var(--space-5) var(--space-6)}.tp-modal-info{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.05)}.tp-modal-info strong{color:var(--text-cream)}.tp-modal-field{margin-bottom:var(--space-4)}.tp-modal-field label{display:block;font-size:11px;font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.tp-modal-field input,.tp-modal-field select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--maroon-700);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);transition:all .2s}.tp-modal-field input:focus,.tp-modal-field select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26}.tp-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid rgba(212,166,74,.1)}@media(max-width:1024px){.tp-summary-grid{grid-template-columns:repeat(2,1fr)}.tp-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.tp-summary-grid{grid-template-columns:1fr}.tp-modal{max-width:95%;margin:0 var(--space-3)}.tp-form-actions,.tp-detail-actions{flex-direction:column}}.attendance-page{width:100%}.attendance-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:320px;padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.14);box-shadow:var(--shadow-lg);text-align:center}.attendance-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-full);background:#d4a64a14;border:1px solid rgba(212,166,74,.16);color:var(--gold-400);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.attendance-title{margin:0;color:var(--text-cream);font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-display)}.attendance-text{margin:0;color:var(--text-muted);font-size:var(--font-size-lg);font-weight:500}.examination-page{padding:0;max-width:100%}.exam-toast{position:fixed;top:20px;right:20px;z-index:9999;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--maroon-900);animation:toastSlide .3s ease-out;box-shadow:var(--shadow-lg),var(--shadow-gold-glow)}.toast-success{background:var(--gradient-gold)}.toast-error{background:linear-gradient(135deg,#e63946,#c41e3a);color:#fff}.toast-info{background:linear-gradient(135deg,var(--gold-300),var(--gold-500))}@keyframes toastSlide{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.page-heading{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-cream);display:flex;align-items:center;gap:var(--space-2)}.page-subheading{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}.examination-page .btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-gold);color:var(--maroon-900);border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.examination-page .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.examination-page .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary{padding:var(--space-3) var(--space-5);background:transparent;color:var(--text-cream);border:1px solid rgba(212,166,74,.3);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:#d4a64a1a;border-color:var(--gold-500);color:var(--gold-400)}.btn-back{padding:var(--space-3) var(--space-5);background:var(--maroon-800);border:1px solid var(--maroon-600);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--gold-400);cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{background:var(--maroon-700);border-color:var(--gold-500);box-shadow:var(--shadow-gold-subtle)}.btn-back-sm{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-size:1.2rem;color:var(--gold-400);cursor:pointer;transition:all var(--transition-fast)}.btn-back-sm:hover{background:#d4a64a1a;border-color:var(--gold-500)}.empty-state-card{text-align:center;padding:var(--space-16) var(--space-8);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:2px dashed rgba(212,166,74,.2);border-radius:var(--radius-xl);margin-top:var(--space-4)}.empty-icon{font-size:3.5rem;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.empty-state-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--gold-400);margin-bottom:var(--space-2)}.empty-state-card p{font-size:var(--font-size-sm);color:var(--text-muted)}.examination-page select option{background:var(--maroon-700);color:var(--text-cream)}.text-left{text-align:left!important}.font-bold{font-weight:700!important}[dir=rtl] .text-left{text-align:right}.exam-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.exam-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-6)}.exam-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-elegant);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.exam-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-spring)}.exam-card:after{content:"";position:absolute;top:10px;right:10px;width:60px;height:60px;background-image:radial-gradient(rgba(212,166,74,.12) 1px,transparent 1px);background-size:6px 6px;opacity:0;transition:opacity var(--transition-normal)}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-gold-subtle);border-color:#d4a64a4d}.exam-card:hover:before{transform:scaleX(1)}.exam-card:hover:after{opacity:1}.exam-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.exam-card-info h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-cream);margin-bottom:var(--space-2)}.exam-type-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:#d4a64a1a;color:var(--gold-400);text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(212,166,74,.2)}.status-badge{padding:4px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#648cc826;color:#7faef0;border:1px solid rgba(100,140,200,.3)}.status-active{background:#d4a64a26;color:var(--gold-400);border:1px solid rgba(212,166,74,.3);animation:pulseGlow 3s ease-in-out infinite}.status-completed{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.3)}.exam-card-meta{display:flex;gap:var(--space-5);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4);flex-wrap:wrap}.meta-label{font-weight:600;color:var(--text-light)}.exam-card-actions{display:flex;gap:var(--space-2);border-top:1px solid rgba(212,166,74,.1);padding-top:var(--space-4)}.exam-card-actions button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:none;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-manage{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-gold-subtle)}.btn-manage:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-glow)}.btn-complete{background:#50c87826;color:var(--success);border:1px solid rgba(80,200,120,.3)!important}.btn-complete:hover{background:#50c87840}.btn-delete{background:#e639461a;color:var(--error);border:1px solid rgba(230,57,70,.2)!important}.btn-delete:hover{background:#e6394633}.form-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-2xl);overflow:hidden;max-width:700px;box-shadow:var(--shadow-lg)}.form-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--gradient-gold);position:relative;overflow:hidden}.form-card-header:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));pointer-events:none}.form-card-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--maroon-900)}.form-card-header p{font-size:var(--font-size-sm);color:var(--maroon-700);margin-top:var(--space-1)}.form-card-header .btn-back{background:var(--maroon-800);color:var(--gold-400);border-color:var(--maroon-600)}.form-card-body{padding:var(--space-8)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;min-width:0}.form-group.span-2{grid-column:span 2}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.req{color:var(--gold-400);margin-left:2px}.form-group input,.form-group select{height:42px;padding:0 var(--space-3);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-cream);outline:none;transition:all var(--transition-fast);font-family:inherit;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.form-group input::placeholder{color:var(--text-light)}.form-group select option{background:var(--maroon-700);color:var(--text-cream)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid rgba(212,166,74,.1)}.final-exam-card{grid-column:1 / -1;border-color:#d4a64a59!important;box-shadow:var(--shadow-lg),var(--shadow-gold-glow)!important;background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 50%,rgba(92,26,53,.95) 100%)!important}.final-exam-card:before{background:var(--gradient-gold)!important;transform:scaleX(1)!important}.final-exam-card:after{opacity:1!important}.detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.detail-header-left{display:flex;align-items:center;gap:var(--space-4)}.detail-header-left h2{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream)}.detail-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.detail-filters{display:flex;gap:var(--space-3);align-items:center}.detail-filters select{padding:var(--space-2) var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-cream);cursor:pointer;min-width:170px;outline:none;height:42px;transition:all var(--transition-fast)}.detail-filters select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.detail-filters select:disabled{opacity:.4;cursor:not-allowed}.detail-filters select option{background:var(--maroon-700);color:var(--text-cream)}.detail-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:#0003;padding:4px;border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.08);width:fit-content}.tab-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);background:transparent;color:var(--text-muted)}.tab-btn:hover{color:var(--text-cream)}.tab-btn.active{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.tab-card{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.tab-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(212,166,74,.1);background:#d4a64a08;flex-wrap:wrap;gap:var(--space-3)}.tab-card-header h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-cream)}.hint-text{font-size:var(--font-size-xs);color:var(--text-light);font-style:italic}.table-wrapper{overflow-x:auto;padding:0 0 var(--space-1)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{padding:var(--space-3) var(--space-4);background:#d4a64a0f;color:var(--gold-400);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(212,166,74,.15);white-space:nowrap;text-align:center}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(212,166,74,.06);color:var(--text-cream);text-align:center;vertical-align:middle}.data-table tbody tr{transition:all var(--transition-fast)}.data-table tbody tr:hover{background:#d4a64a0a}.data-table td input[type=date],.data-table td input[type=time],.data-table td input[type=text]{padding:var(--space-2) var(--space-3);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-cream);min-width:100px;font-family:inherit;outline:none;transition:all var(--transition-fast)}.data-table td input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a64a1a}.data-table td input::placeholder{color:var(--text-light)}.day-cell{color:var(--gold-400);font-weight:600;font-size:var(--font-size-xs)}.marks-grid{max-height:600px;overflow:auto}.mark-input{width:80px;min-width:56px!important;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-md);color:var(--text-cream);font-size:var(--font-size-sm);font-weight:600;text-align:center!important;transition:all var(--transition-fast);-moz-appearance:textfield;appearance:textfield}.mark-input::-webkit-outer-spin-button,.mark-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mark-input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 2px #d4a64a26;background:#ffffff1a}.mark-input::placeholder{color:var(--text-muted);opacity:.4}.sticky-col{position:sticky;left:0;z-index:2;background:var(--maroon-700)!important}.sticky-col-2{position:sticky;left:70px;z-index:2;background:var(--maroon-700)!important;min-width:140px}[dir=rtl] .sticky-col{position:sticky;right:0;left:auto;z-index:2}.combined-ds-table{min-width:800px}.combined-ds-table th{padding:var(--space-2) var(--space-3);font-size:.7rem;line-height:1.3;min-width:80px}.combined-ds-table td{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.combined-date-input{padding:6px 10px;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:8px;color:var(--text-cream);font-size:.82rem;font-family:inherit;outline:none}.combined-date-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a64a1a}.combined-date-header{position:relative;padding-bottom:var(--space-3)!important}.header-date-input{width:100%;background:transparent;border:1px solid rgba(212,166,74,.12);border-radius:4px;color:var(--gold-400);font-size:.68rem;font-family:inherit;padding:3px 4px;outline:none;cursor:pointer;transition:all var(--transition-fast);text-align:center}.header-date-input:hover{border-color:#d4a64a59;background:#00000026}.header-date-input:focus{border-color:var(--gold-500);background:#00000040;box-shadow:0 0 0 2px #d4a64a1a}.header-day-name{display:block;font-size:.6rem;font-weight:400;opacity:.6;margin-top:2px}.col-delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#e6394626;border:none;border-radius:50%;color:var(--error);font-size:.55rem;cursor:pointer;opacity:0;transition:all var(--transition-fast);line-height:1}.combined-date-header:hover .col-delete-btn{opacity:1}.col-delete-btn:hover{background:#e6394659;transform:scale(1.1)}.combined-class-header{font-size:.72rem!important;min-width:80px;white-space:nowrap;letter-spacing:.3px;color:var(--gold-400)!important}.combined-date-row-cell{background:#d4a64a0f!important;min-width:150px;display:flex!important;align-items:center;justify-content:space-between;gap:6px;padding:var(--space-2) var(--space-3)!important}.date-row-content{display:flex;flex-direction:column;gap:1px}.row-date-input{background:#00000026;border:1px solid rgba(212,166,74,.2);border-radius:6px;color:var(--gold-400);font-size:.8rem;font-family:inherit;font-weight:600;padding:5px 8px;outline:none;cursor:pointer;transition:all var(--transition-fast);width:100%}.row-date-input:hover{border-color:#d4a64a59;background:#00000026}.row-date-input:focus{border-color:var(--gold-500);background:#00000040;box-shadow:0 0 0 2px #d4a64a1a}.row-day-name{font-size:.65rem;font-weight:500;opacity:.7;padding-left:3px;color:var(--text-cream)}.row-delete-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#e639461f;border:none;border-radius:50%;color:var(--error);font-size:.7rem;cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0;line-height:1}.combined-date-row-cell:hover .row-delete-btn{opacity:1}.row-delete-btn:hover{background:#e6394659;transform:scale(1.1)}.friday-row{background:#5c1a351f}.friday-col-header{background:#5c1a3599!important;color:#ffffff80!important}.friday-col{background:#5c1a3540!important;color:#ffffff59!important;font-style:italic;font-size:var(--font-size-xs)!important;font-weight:600;letter-spacing:1px}.off-cell{color:var(--text-light)!important;opacity:.5}.heavy-subject{position:relative}.heavy-subject:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--gold-500);border-radius:2px;opacity:.6}.combined-cell-select{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-cream);font-size:var(--font-size-xs);font-family:inherit;cursor:pointer;padding:4px 6px;outline:none;transition:all var(--transition-fast);text-align:center;appearance:none;-webkit-appearance:none}.combined-cell-select:hover{border-color:#d4a64a40;background:#00000026}.combined-cell-select:focus{border-color:var(--gold-500);background:#00000040;box-shadow:0 0 0 2px #d4a64a1a}.combined-cell-select option{background:var(--maroon-700);color:var(--text-cream)}.combined-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:#00000026;border:1px solid rgba(212,166,74,.08);border-radius:var(--radius-lg)}.add-row-section{display:flex;align-items:center;gap:var(--space-2)}.add-row-input{padding:6px 12px;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-md);color:var(--text-cream);font-size:var(--font-size-xs);font-family:inherit;outline:none;min-width:180px;transition:all var(--transition-fast)}.add-row-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a64a1a}.add-row-input::placeholder{color:var(--text-light)}.combined-legend{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.heavy-dot{background:var(--gold-500)}.friday-dot{background:#5c1a35cc;border:1px solid rgba(255,255,255,.2)}.off-dot{background:#ffffff26;border:1px solid rgba(255,255,255,.1)}.absent-toggle{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.absent-toggle input{opacity:0;width:0;height:0}.absent-slider{position:absolute;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:20px;transition:all var(--transition-fast)}.absent-slider:before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.absent-toggle input:checked+.absent-slider{background:#ef444440;border-color:#ef444480}.absent-toggle input:checked+.absent-slider:before{transform:translate(16px);background:#ef4444}.fail-row{background:#e639460f!important}.fail-cell{color:var(--error)!important;font-weight:700!important}.pass-cell{color:var(--success)!important;font-weight:700!important}.stats-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.stat-card{flex:1;min-width:130px;background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.12);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-gold);opacity:.5}.stat-value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:800;color:var(--text-cream)}.stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-1)}.stat-pass .stat-value{color:var(--success)}.stat-fail .stat-value{color:var(--error)}.print-section{margin-top:var(--space-6);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.1);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.print-heading{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--text-cream);margin-bottom:var(--space-5)}.print-student-select{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.print-student-select label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.print-student-select select{padding:var(--space-2) var(--space-4);background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-size:var(--font-size-sm);min-width:260px;color:var(--text-cream);height:42px;outline:none}.print-student-select select:focus{border-color:var(--gold-500)}.print-student-select select option{background:var(--maroon-700);color:var(--text-cream)}.print-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-4)}.print-card{background:#00000026;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-elegant);position:relative;overflow:hidden}.print-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-spring)}.print-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle);border-color:#d4a64a4d}.print-card:hover:before{transform:scaleX(1)}.print-card-icon{font-size:2.2rem;margin-bottom:var(--space-3);filter:drop-shadow(0 0 8px rgba(212,166,74,.3))}.print-card-title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:700;color:var(--gold-400);margin-bottom:var(--space-1)}.print-card-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.final-result-card{margin-top:var(--space-8)}.final-result-card-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:2px solid rgba(212,166,74,.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),var(--shadow-gold-glow);position:relative;overflow:hidden}.final-result-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold)}.final-result-info h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);margin-bottom:var(--space-2)}.final-result-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.final-exams-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.final-exam-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#d4a64a1a;border:1px solid rgba(212,166,74,.25);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400)}.final-exam-chip svg{flex-shrink:0}.btn-final-result{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-gold);color:var(--maroon-900);border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle);white-space:nowrap;flex-shrink:0}.btn-final-result:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.final-term-info{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.12);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.final-term-sep{color:var(--gold-400);font-weight:800;font-size:var(--font-size-lg)}.final-term-total{color:var(--gold-400);font-weight:800;padding:3px 14px;background:#d4a64a1f;border:1px solid rgba(212,166,74,.25);border-radius:var(--radius-full)}@media(max-width:768px){.exam-cards-grid,.form-grid{grid-template-columns:1fr}.form-group.span-2{grid-column:span 1}.detail-header{flex-direction:column;align-items:flex-start}.detail-filters{width:100%}.detail-filters select{flex:1;min-width:0}.detail-tabs{width:100%;overflow-x:auto}.stats-row{flex-direction:column}.stat-card{min-width:0}.print-cards-grid{grid-template-columns:1fr 1fr}.final-result-card-inner{flex-direction:column;text-align:center}}.entrance-exam-page{width:100%;position:relative}.ee-toast{position:fixed;top:24px;right:24px;padding:14px 28px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--maroon-900);z-index:var(--z-tooltip);animation:fadeInDown .4s ease-out;box-shadow:var(--shadow-lg)}.ee-toast.success{background:var(--gradient-gold)}.ee-toast.error{background:linear-gradient(135deg,#e63946,#c41e3a);color:#fff}@keyframes eeCardEntry{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ee-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.ee-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--gradient-card);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative;overflow:hidden}.ee-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.7}.ee-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle)}.ee-stat-clickable{cursor:pointer;border-color:var(--border);position:relative}.ee-stat-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold-glow);border-color:var(--gold-500)}.ee-stat-clickable .stat-label{color:var(--gold-400)}.stat-icon-action{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:var(--shadow-gold-glow)}.stat-total:before{background:var(--gradient-gold)}.stat-pending:before{background:linear-gradient(90deg,#e0b860,#f0d890)}.stat-allotted:before{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.stat-completed:before{background:linear-gradient(90deg,#50c878,#86efac)}.stat-icon-wrap{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.stat-icon-wrap svg{width:22px;height:22px}.stat-icon-total{background:#d4a64a26}.stat-icon-courses{background:#93c5fd26}.stat-icon-pending{background:#e0b86026}.stat-icon-allotted{background:#60a5fa26}.stat-icon-completed{background:#50c87826}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-cream);font-family:var(--font-display);line-height:1.2}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ee-main-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.ee-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.ee-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-light)}.ee-header-left{display:flex;align-items:center;gap:var(--space-4)}.ee-header-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:#d4a64a1f;display:flex;align-items:center;justify-content:center;color:var(--gold-400)}.ee-header-icon svg{width:22px;height:22px}.ee-card-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-cream);font-family:var(--font-display);margin:0}.ee-card-header p{font-size:var(--font-size-sm);color:var(--text-muted);margin:2px 0 0}.ee-filter-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:#d4a64a08;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.ee-search-box{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 var(--space-3);flex:1;min-width:200px;transition:all var(--transition-normal)}.ee-search-box:focus-within{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.ee-search-box svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.ee-search-box input{width:100%;padding:var(--space-2) var(--space-2);background:transparent;border:none;outline:none;color:var(--text-cream);font-size:var(--font-size-sm);font-family:var(--font-primary)}.ee-search-box input::placeholder{color:var(--text-light)}.ee-filter-select{padding:var(--space-2) var(--space-3);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C9B89A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:18px;padding-right:30px;min-width:130px}.ee-filter-select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.ee-filter-select option{background:var(--maroon-700);color:var(--text-cream)}.ee-btn-refresh{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);font-weight:500}.ee-btn-refresh svg{width:16px;height:16px}.ee-btn-refresh:hover{border-color:var(--gold-500);color:var(--gold-400);background:#d4a64a0f}.ee-allot-panel{margin:0;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#d4a64a0a,#d4a64a03)}.ee-allot-panel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.8px}.ee-allot-panel-header svg{width:18px;height:18px}.ee-allot-panel-body{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4) var(--space-6);flex-wrap:wrap}.ee-allot-field{display:flex;flex-direction:column;gap:4px;min-width:160px}.ee-allot-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ee-allot-field .required{color:#e63946}.ee-optional{color:var(--text-light)!important;text-transform:lowercase!important;letter-spacing:0!important;font-weight:400!important;font-size:var(--font-size-xs)!important}.ee-allot-field select{padding:var(--space-2) var(--space-3);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C9B89A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:18px;padding-right:30px}.ee-allot-field select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a1a}.ee-allot-field select option{background:var(--maroon-700);color:var(--text-cream)}.ee-allot-action-field{display:flex;flex-direction:row!important;align-items:center!important;gap:var(--space-3)!important;margin-left:auto;min-width:auto!important}.ee-allot-match-info{font-size:var(--font-size-sm);color:var(--text-cream);font-weight:500;white-space:nowrap}.ee-allot-count{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-gold);color:var(--maroon-900);font-weight:700;width:26px;height:26px;border-radius:var(--radius-full);font-size:var(--font-size-xs);margin-right:6px}.ee-date-input{padding:var(--space-2) var(--space-3);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-sm);font-family:var(--font-primary);transition:all var(--transition-normal)}.ee-date-input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26}.ee-btn-allot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);color:var(--maroon-900);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.ee-btn-allot:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ee-btn-allot svg{width:16px;height:16px}.ee-btn-allot:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.ee-btn-allot:active:not(:disabled){transform:translateY(0)}.ee-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.ee-empty-icon{font-size:56px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.ee-empty-icon svg{width:52px;height:52px;color:var(--gold-400)}.ee-empty-placeholder p{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6}.ee-empty-placeholder strong{color:var(--gold-400)}.ee-table-container{overflow-x:auto}.ee-data-table{width:100%;border-collapse:collapse}.ee-data-table thead{background:linear-gradient(135deg,#d4a64a14,#4d152880)}.ee-data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap}.ee-th-check{width:44px;text-align:center!important}.ee-data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-cream);border-bottom:1px solid var(--border-light);white-space:nowrap;transition:background var(--transition-fast)}.ee-td-check{text-align:center}.ee-data-table tbody tr{transition:all var(--transition-fast)}.ee-data-table tbody tr:hover{background:#d4a64a0a}.ee-td-name{font-weight:600;color:var(--text-cream)}.ee-td-examdate{font-weight:500;color:var(--gold-400)}.ee-empty-row{text-align:center!important;padding:var(--space-12) var(--space-4)!important;color:var(--text-muted)!important;font-style:italic}.ee-course-badge{display:inline-block;padding:2px 10px;background:#7b1f4040;border:1px solid rgba(123,31,64,.35);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--maroon-50);letter-spacing:.3px}.ee-class-badge{display:inline-block;padding:2px 10px;background:#d4a64a1a;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--gold-400);letter-spacing:.3px}.ee-status-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.3px;text-transform:uppercase}.status-pending{background:#e0b86026;color:#e0b860;border:1px solid rgba(224,184,96,.3)}.status-dateallotted{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status-completed{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.3)}.eed-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:flex-end;animation:eedOverlayIn .3s ease}@keyframes eedOverlayIn{0%{opacity:0}to{opacity:1}}.eed-drawer{width:92%;max-width:1100px;height:100vh;display:flex;background:var(--gradient-card);box-shadow:-8px 0 40px #0009,0 0 0 1px #d4a64a1f;animation:eedSlideIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes eedSlideIn{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}.eed-sidebar{width:280px;min-width:280px;display:flex;flex-direction:column;align-items:center;padding:36px 24px 28px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);position:relative;overflow-y:auto}.eed-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.eed-close svg{width:16px;height:16px;color:var(--text-muted);transition:color .25s}.eed-close:hover{background:#e6394626;border-color:#e639464d;transform:rotate(90deg)}.eed-close:hover svg{color:#e63946}.eed-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:var(--maroon-900);letter-spacing:1px;margin-bottom:16px;box-shadow:0 4px 20px #d4a64a4d,0 0 0 3px #d4a64a1f;animation:eedPulseAvatar 3s ease-in-out infinite}@keyframes eedPulseAvatar{0%,to{box-shadow:0 4px 20px #d4a64a4d,0 0 0 3px #d4a64a1f}50%{box-shadow:0 4px 28px #d4a64a73,0 0 0 5px #d4a64a2e}}.eed-name{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-white);text-align:center;line-height:1.3}.eed-regno{font-size:.8rem;font-weight:600;color:var(--gold-400);letter-spacing:1.2px;margin-top:4px;font-family:JetBrains Mono,Fira Code,monospace}.eed-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-top:14px}.eed-status-dot{width:7px;height:7px;border-radius:50%;animation:eedDotPulse 2s ease-in-out infinite}@keyframes eedDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.eed-status-pill.status-pending{background:#e0b8601f;color:#e0b860;border:1px solid rgba(224,184,96,.25)}.eed-status-pill.status-pending .eed-status-dot{background:#e0b860}.eed-status-pill.status-dateallotted{background:#60a5fa1f;color:#60a5fa;border:1px solid rgba(96,165,250,.25)}.eed-status-pill.status-dateallotted .eed-status-dot{background:#60a5fa}.eed-status-pill.status-completed{background:#50c8781f;color:#50c878;border:1px solid rgba(80,200,120,.25)}.eed-status-pill.status-completed .eed-status-dot{background:#50c878}.eed-quick-stats{width:100%;margin-top:28px;display:flex;flex-direction:column;gap:10px}.eed-qs{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:var(--bg-glass);border:1px solid var(--border-light);transition:all .25s}.eed-qs:hover{background:#d4a64a0f;border-color:#d4a64a1f}.eed-qs-icon{font-size:1.2rem;width:32px;text-align:center}.eed-qs-icon svg,.eed-tab-icon svg,.eed-card-icon svg{width:18px;height:18px;display:block}.eed-qs div{display:flex;flex-direction:column}.eed-qs small{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.eed-qs strong{font-size:.85rem;color:var(--text-cream);font-weight:600}.eed-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.eed-tabs{display:flex;gap:0;padding:0 28px;background:var(--bg-glass-gold);border-bottom:1px solid var(--border-light);flex-shrink:0}.eed-tab{display:flex;align-items:center;gap:8px;padding:16px 20px;font-size:.85rem;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .25s;white-space:nowrap;font-family:var(--font-primary)}.eed-tab:hover{color:var(--text-cream);background:#d4a64a0a}.eed-tab.active{color:var(--gold-400);border-bottom-color:var(--gold-400)}.eed-tab-icon{font-size:1rem}.eed-content{flex:1;overflow-y:auto;padding:24px 28px}@keyframes eedFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eed-fade{animation:eedFadeIn .35s ease}.eed-panel{display:flex;flex-direction:column;gap:20px}.eed-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.eed-card:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(212,166,74,.25),transparent)}.eed-card:hover{background:var(--bg-hover);border-color:var(--border);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.eed-card-title{margin:0 0 18px;font-size:1.05rem;font-weight:600;color:var(--text-white);display:flex;align-items:center;gap:10px}.eed-card-icon{font-size:1.1rem}.eed-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.eed-fields-stack{grid-template-columns:1fr}.eed-field{display:flex;flex-direction:column;gap:6px}.eed-field.eed-full{grid-column:1 / -1}.eed-field label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.eed-value{font-size:.92rem;font-weight:500;color:var(--text-white);padding:10px 14px;background:var(--maroon-800);border:1px solid var(--border-light);border-radius:8px;min-height:42px;display:flex;align-items:center;transition:all .25s ease}.eed-value:hover{border-color:var(--border);background:var(--maroon-700)}.eed-mono{font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.8px}.eed-addr{white-space:pre-wrap;align-items:flex-start;min-height:60px;line-height:1.5}.eed-highlight{color:var(--gold-400);font-weight:600}.eed-flag{display:inline-flex;align-items:center;padding:2px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.eed-flag-yes{background:#50c8781f;color:#50c878;border:1px solid rgba(80,200,120,.25)}.eed-flag-no{background:#e639461a;color:#e76f7a;border:1px solid rgba(230,57,70,.2)}.eed-docs-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.eed-doc-preview-box{border-radius:12px;border:1px solid var(--border-light);background:var(--maroon-800);overflow:hidden;transition:all .25s}.eed-doc-preview-box:hover{border-color:var(--border);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.eed-doc-preview-img{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,var(--maroon-700) 0%,var(--maroon-800) 100%);border-bottom:1px solid var(--border-light)}.eed-doc-placeholder-icon{font-size:2.5rem;opacity:.6}.eed-doc-preview-img small{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.eed-doc-preview-info{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.eed-doc-preview-info strong{font-size:.88rem;color:var(--text-white)}.eed-doc-preview-info small{font-size:.73rem;color:var(--text-muted)}.eed-doc-preview-info .eed-doc-badge{margin-top:6px;align-self:flex-start}.eed-docs-grid{display:flex;flex-direction:column;gap:12px}.eed-doc-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:var(--maroon-800);border:1px solid var(--border-light);transition:all .25s}.eed-doc-item:hover{background:#d4a64a0a;border-color:#d4a64a1f}.eed-doc-icon{font-size:1.6rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#d4a64a14;border-radius:10px}.eed-doc-info{flex:1;display:flex;flex-direction:column;gap:2px}.eed-doc-info strong{font-size:.9rem;color:var(--text-white)}.eed-doc-info small{font-size:.75rem;color:var(--text-muted)}.eed-doc-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#50c878;background:#50c8781a;border:1px solid rgba(80,200,120,.2);padding:4px 10px;border-radius:20px}.eed-result-bar{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:16px 28px;background:var(--gradient-topbar);border-top:1px solid var(--border)}.eed-result-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--text-cream);white-space:nowrap}.eed-result-icon{font-size:1.1rem}.eed-result-btns{display:flex;gap:8px;flex:1}.eed-rbtn{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--maroon-800);color:var(--text-muted);font-weight:600;font-size:.82rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-family:var(--font-primary)}.eed-rbtn:hover{transform:translateY(-2px);color:var(--text-white)}.eed-rbtn-yes:hover{border-color:#50c87866;background:#50c87814}.eed-rbtn-no:hover{border-color:#e6394666;background:#e6394614}.eed-rbtn-num:hover{border-color:#60a5fa66;background:#60a5fa14}.eed-rbtn.active{transform:translateY(-2px);color:var(--text-white)}.eed-rbtn-yes.active{border-color:#50c878;background:#50c87826;box-shadow:0 0 16px #50c87833,inset 0 0 0 1px #50c8784d}.eed-rbtn-no.active{border-color:#e63946;background:#e6394626;box-shadow:0 0 16px #e6394633,inset 0 0 0 1px #e639464d}.eed-rbtn-num.active{border-color:#60a5fa;background:#60a5fa26;box-shadow:0 0 16px #60a5fa33,inset 0 0 0 1px #60a5fa4d}.eed-save{padding:9px 22px;background:var(--gradient-gold);border:none;border-radius:8px;color:var(--maroon-900);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s;white-space:nowrap;font-family:var(--font-primary);box-shadow:0 2px 10px #d4a64a33}.eed-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #d4a64a59}.eed-save:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.ee-clickable-row{cursor:pointer;transition:background .2s}.ee-clickable-row:hover{background:var(--bg-cream)}.ee-action-hint{font-size:var(--font-size-xs);color:var(--gold-600);font-weight:600;background:#d4a64a1a;padding:4px 10px;border-radius:var(--radius-full)}.ee-result-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.3px;text-transform:uppercase}.result-yes{background:#50c87826;color:#38a169;border:1px solid rgba(80,200,120,.3)}.result-no{background:#e6394626;color:#e63946;border:1px solid rgba(230,57,70,.3)}.result-25,.result-50{background:#60a5fa26;color:#3b82f6;border:1px solid rgba(96,165,250,.3)}.ee-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light)}.ee-footer-info{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.eed-bulk-drawer{max-width:800px;flex-direction:column}.eed-bulk-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:var(--gradient-topbar);border-bottom:1px solid var(--border)}.eed-bulk-title{display:flex;align-items:center;gap:14px}.eed-bulk-title>span{font-size:1.5rem}.eed-bulk-title h3{margin:0;font-size:1.15rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eed-bulk-title small{font-size:.78rem;color:var(--text-muted)}.eed-bulk-quick{display:flex;align-items:center;gap:8px;padding:14px 28px;background:var(--bg-glass-gold);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.eed-bulk-class-filter{display:flex;align-items:center;gap:8px;margin-right:12px;padding-right:12px;border-right:1px solid var(--border-light)}.eed-bulk-class-filter label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.eed-bulk-class-filter select{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--maroon-800);color:var(--text-cream);font-size:.82rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;min-width:140px}.eed-bulk-class-filter select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 2px #d4a64a26}.eed-bulk-quick-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;white-space:nowrap}.eed-bulk-quick .eed-rbtn{flex:0;padding:7px 14px;font-size:.78rem}.eed-bulk-list{flex:1;overflow-y:auto;padding:12px 28px}.eed-bulk-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:10px;border:1px solid transparent;transition:all .25s;margin-bottom:6px}.eed-bulk-row:hover{background:var(--bg-hover)}.eed-bulk-row-set{background:var(--bg-glass-gold);border-color:var(--border-light)}.eed-bulk-student{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.eed-bulk-avatar{width:38px;height:38px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--maroon-900);flex-shrink:0}.eed-bulk-info{display:flex;flex-direction:column;min-width:0}.eed-bulk-info strong{font-size:.9rem;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eed-bulk-info small{font-size:.73rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eed-bulk-options{display:flex;gap:6px;flex-shrink:0}.eed-bulk-opt{padding:6px 12px;border-radius:6px;border:1px solid var(--border-light);background:var(--maroon-800);color:var(--text-muted);font-weight:600;font-size:.78rem;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.eed-bulk-opt:hover{color:var(--text-white);border-color:var(--border)}.eed-bulk-opt.active.eed-rbtn-yes{border-color:#50c878;background:#50c87826;color:#50c878;box-shadow:0 0 10px #50c87826}.eed-bulk-opt.active.eed-rbtn-no{border-color:#e63946;background:#e6394626;color:#e63946;box-shadow:0 0 10px #e6394626}.eed-bulk-opt.active.eed-rbtn-num{border-color:#60a5fa;background:#60a5fa26;color:#60a5fa;box-shadow:0 0 10px #60a5fa26}.eed-bulk-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--gradient-topbar);border-top:1px solid var(--border)}.eed-bulk-count{font-size:.85rem;color:var(--text-muted);font-weight:600}@media(max-width:1024px){.ee-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.ee-stats-row{grid-template-columns:repeat(2,1fr)}.ee-allot-panel-body{flex-direction:column;align-items:stretch}.ee-allot-field{min-width:100%}.ee-allot-action-field{flex-direction:column!important;align-items:stretch!important;margin-left:0}.ee-filter-bar{flex-direction:column;gap:var(--space-2)}.ee-search-box{min-width:100%}.ee-filter-select{width:100%}.ee-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.ee-stat-card{padding:var(--space-4)}.stat-number{font-size:var(--font-size-xl)}.fp-year-selector{position:relative}.fp-year-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#0003;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s}.fp-year-btn:hover{background:#d4a64a14;border-color:var(--gold-500);transform:translateY(-1px);box-shadow:0 4px 12px #d4a64a26}.fp-year-btn svg{width:16px;height:16px;color:var(--gold-400)}.fp-year-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a64a1a;z-index:200;overflow:hidden;animation:fpDropIn .18s ease}.fp-year-dropdown-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-400);padding:12px 16px 8px;border-bottom:1px solid rgba(212,166,74,.1)}.fp-year-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-cream);transition:all .15s;border-bottom:1px solid rgba(255,255,255,.03)}.fp-year-item:last-child{border-bottom:none}.fp-year-item:hover{background:#d4a64a14;color:var(--gold-400)}.fp-year-item-active{background:linear-gradient(135deg,#d4a64a26,#d4a64a14);color:var(--gold-400);font-weight:600}.fp-year-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700;letter-spacing:.5px}.fp-year-badge-active{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.3)}.fp-year-badge-finished{background:#d4a64a26;color:var(--gold-400);border:1px solid rgba(212,166,74,.3)}.fp-year-badge-old{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-size:9px}.fp-pin-overlay{position:fixed;inset:0;background:#1a0510e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.fp-pin-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a64a1a,inset 0 1px #ffffff0d;width:100%;max-width:450px;overflow:hidden;animation:fpPinModalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fpPinModalIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-pin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--gradient-gold);border-bottom:1px solid rgba(212,166,74,.2)}.fp-pin-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--maroon-900);margin:0;display:flex;align-items:center;gap:10px}.fp-pin-header h3 svg{width:24px;height:24px}.fp-pin-close{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid rgba(77,21,40,.3);background:var(--maroon-800);color:var(--gold-400);cursor:pointer;transition:all .2s}.fp-pin-close:hover{background:var(--maroon-700);border-color:var(--gold-500);transform:rotate(90deg)}.fp-pin-body{padding:24px}.fp-pin-body p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:20px;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.fp-pin-body p svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--gold-400)}.fp-pin-body p b{color:var(--text-cream)}.fp-pin-body label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:8px}.fp-pin-input{width:100%;height:46px;padding:0 16px;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);outline:none;transition:all .2s}.fp-pin-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26}.fp-pin-input::placeholder{color:var(--text-light);opacity:.6}.fp-pin-error{color:#f87171;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px}.fp-pin-footer{padding:16px 24px;background:#00000026;border-top:1px solid rgba(212,166,74,.1);display:flex;justify-content:flex-end;gap:12px}.fp-pin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.fp-pin-btn svg{width:16px;height:16px}.fp-pin-btn-cancel{background:#0003;color:var(--text-cream);border:1px solid rgba(212,166,74,.2)}.fp-pin-btn-cancel:hover{background:#0000004d;border-color:var(--gold-500);transform:translateY(-2px)}.fp-pin-btn-verify{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:0 4px 12px #d4a64a4d}.fp-pin-btn-verify:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a64a66}.fp-pin-btn-verify:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.page-heading{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-cream);display:flex;align-items:center;gap:var(--space-2);margin:0}.page-subheading{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--space-1) 0 0 0}.exam-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.eed-drawer{width:100%;flex-direction:column}.eed-sidebar{width:100%;min-width:100%;flex-direction:row;flex-wrap:wrap;padding:20px;gap:12px;justify-content:center;border-right:none;border-bottom:1px solid rgba(212,166,74,.08)}.eed-avatar{width:56px;height:56px;font-size:1.2rem;margin-bottom:0}.eed-name{font-size:1rem}.eed-quick-stats{display:none}.eed-tabs{padding:0 16px;overflow-x:auto}.eed-tab{padding:12px 14px;font-size:.8rem}.eed-content{padding:16px}.eed-fields{grid-template-columns:1fr}.eed-result-bar{flex-direction:column;gap:10px;padding:14px 16px}.eed-result-btns{width:100%}}.fees-panel-page{width:100%;position:relative}@keyframes fpFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fpSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fpCardEntry{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fpDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fpDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fp-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#fff;animation:fpSlideIn .3s ease;box-shadow:0 8px 32px #0000004d}.fp-toast-success{background:linear-gradient(135deg,#059669,#047857)}.fp-toast-error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.fp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.fp-header-left{display:flex;align-items:center;gap:var(--space-3)}.fp-btn-back{background:#d4a64a1a;border:1px solid rgba(212,166,74,.2);color:var(--gold-400);width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.fp-btn-back:hover{background:#d4a64a33}.fp-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-cream);font-family:var(--font-display);margin-bottom:2px}.fp-subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.fp-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;background:var(--maroon-600);border-radius:var(--radius-full);border:1px solid var(--maroon-400)}.fp-bc-active{color:var(--gold-400);font-weight:700}.fp-bc-link{color:var(--text-muted);cursor:pointer;transition:color .2s}.fp-bc-link:hover{color:var(--text-cream)}.fp-bc-sep{color:var(--maroon-400)}.fp-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.fp-card{background:var(--maroon-600);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(212,166,74,.12);display:flex;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.fp-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d;border-color:#d4a64a4d}.fp-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.fp-card:hover .fp-card-icon{transform:scale(1.12) rotate(5deg)}.fp-card-1 .fp-card-icon{background:#6366f126;color:#818cf8}.fp-card-2 .fp-card-icon{background:#f59e0b26;color:#fbbf24}.fp-card-3 .fp-card-icon{background:#10b98126;color:#34d399}.fp-card-4 .fp-card-icon{background:#ec489926;color:#f472b6}.fp-card-info{display:flex;flex-direction:column;flex:1}.fp-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:2px}.fp-card-value{font-size:var(--font-size-xl);font-weight:800;color:var(--text-cream);font-family:var(--font-display)}.fp-pct-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff0f;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.fp-pct-fill{height:100%;background:var(--gradient-gold);border-radius:0 0 var(--radius-xl) var(--radius-xl);transition:width .6s ease}.fp-table-card{background:var(--maroon-600);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);overflow:hidden;margin-bottom:var(--space-5)}.fp-table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--maroon-400)}.fp-table-header h3{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream)}.fp-count{font-size:12px;color:var(--gold-400);font-weight:600;background:#d4a64a1a;padding:4px 10px;border-radius:var(--radius-full)}.fp-th-left,.fp-th-filters{display:flex;align-items:center;gap:12px}.fp-dropdown{position:relative}.fp-dropdown-btn{display:flex;align-items:center;gap:8px;background:var(--maroon-700);border:1px solid var(--maroon-400);color:var(--text-cream);padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.fp-dropdown-btn:hover:not(:disabled){border-color:var(--gold-400);background:#d4a64a14}.fp-dropdown-btn svg{transition:transform .2s;color:var(--gold-400)}.fp-dropdown-disabled .fp-dropdown-btn{opacity:.45;cursor:not-allowed}.fp-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background:var(--maroon-700);border:1px solid var(--maroon-400);border-radius:var(--radius-lg);box-shadow:0 12px 36px #0006;z-index:100;overflow:hidden;animation:fpDropIn .18s ease}.fp-dropdown-item{padding:9px 16px;font-size:12px;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .15s;white-space:nowrap}.fp-dropdown-item:hover{background:#d4a64a1a;color:var(--text-cream)}.fp-dropdown-active{background:#d4a64a26!important;color:var(--gold-400)!important;font-weight:700}.fp-btn-export{display:flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399;padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.fp-btn-export:hover{background:#10b98133;border-color:#10b98166;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.fp-table-wrap{overflow-x:auto}.fp-table{width:100%;border-collapse:collapse}.fp-table thead th{background:var(--maroon-700);color:var(--gold-400);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:12px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--maroon-400)}.fp-table tbody td{padding:12px 14px;font-size:var(--font-size-sm);color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.fp-table tbody tr{transition:background .15s}.fp-row-clickable{cursor:pointer;position:relative}.fp-row-clickable:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-400);transform:scaleY(0);transition:transform .25s ease}.fp-row-clickable:hover{background:#d4a64a0f}.fp-row-clickable:hover:before{transform:scaleY(1)}.fp-mono{font-family:JetBrains Mono,monospace;font-size:12px}.fp-bold{font-weight:600;color:var(--text-cream)}.fp-green{color:#34d399!important}.fp-red{color:#f87171!important}.fp-muted{color:var(--text-muted)!important}.fp-gold{color:var(--gold-400)!important}.fp-empty{text-align:center;color:var(--text-muted);padding:40px!important;font-style:italic}.fp-pct-inline{display:flex;align-items:center;gap:8px}.fp-pct-inline-bar{width:60px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.fp-pct-inline-fill{height:100%;background:var(--gradient-gold);border-radius:3px;transition:width .4s}.fp-view-btn{color:var(--gold-400);font-size:11px;font-weight:700;cursor:pointer;transition:color .2s;background:none;border:1px solid rgba(212,166,74,.2);padding:4px 10px;border-radius:var(--radius-md)}.fp-view-btn:hover{background:#d4a64a1a}.fp-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.fp-search{display:flex;align-items:center;gap:8px;background:var(--maroon-600);border:1px solid var(--maroon-400);border-radius:var(--radius-lg);padding:0 12px;flex:1;max-width:400px;color:var(--text-muted);transition:border-color .2s}.fp-search:focus-within{border-color:var(--gold-400)}.fp-search input{background:transparent;border:none;outline:none;color:var(--text-cream);font-size:var(--font-size-sm);padding:10px 0;width:100%;font-family:inherit}.fp-search input::placeholder{color:var(--text-muted)}.fp-quick-search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;background:var(--maroon-700);border:1px solid var(--maroon-400);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;z-index:200;animation:fpDropIn .18s ease;overflow:hidden}.fp-qs-results{max-height:300px;overflow-y:auto}.fp-qs-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.fp-qs-item:hover{background:#d4a64a14}.fp-qs-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;color:#1a0510;font-weight:800;font-size:14px;flex-shrink:0}.fp-qs-info{flex:1;min-width:0}.fp-qs-name{font-size:13px;font-weight:600;color:var(--text-cream)}.fp-qs-meta{font-size:11px;color:var(--text-muted)}.fp-qs-arrow{color:var(--gold-400);opacity:0;transition:opacity .2s;font-size:16px}.fp-qs-item:hover .fp-qs-arrow{opacity:1}.fp-class-stats{display:flex;background:var(--maroon-600);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.12);margin-bottom:var(--space-4);overflow:hidden}.fp-cs-item{flex:1;text-align:center;padding:14px 12px;border-right:1px solid rgba(255,255,255,.06)}.fp-cs-item:last-child{border-right:none}.fp-cs-num{font-size:var(--font-size-lg);font-weight:800;font-family:var(--font-display)}.fp-cs-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-weight:600;margin-top:2px}.fp-month-grid{width:100%;border-collapse:collapse}.fp-month-grid thead th{background:var(--maroon-700);color:var(--gold-400);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 6px;text-align:center;border-bottom:1px solid var(--maroon-400);white-space:nowrap}.fp-mg-name{text-align:left!important;min-width:140px;padding-left:14px!important}.fp-mg-father{text-align:left!important;min-width:120px}.fp-mg-month{width:48px}.fp-mg-current{background:#d4a64a26!important;color:#fff!important}.fp-mg-action{width:70px}.fp-month-grid tbody td{padding:8px 6px;font-size:12px;color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.04);text-align:center}.fp-mg-name-cell{text-align:left!important;padding-left:14px!important;font-weight:600;color:var(--text-cream)}.fp-mg-father-cell{text-align:left!important;font-size:11px;color:var(--text-muted)}.fp-mg-current-col{background:#d4a64a0a}.fp-month-grid tbody tr{transition:background .15s}.fp-month-grid tbody tr:hover{background:#d4a64a0a}.fp-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:700}.fp-dot-paid{background:#10b98133;color:#34d399}.fp-dot-pending{background:#ef444433;color:#f87171}.fp-dot-upcoming{background:#ffffff0f;color:var(--text-muted)}.fp-legend{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--maroon-400);font-size:11px;color:var(--text-muted)}.fp-legend span{display:flex;align-items:center;gap:6px}.fp-sv-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.fp-sv-info-card{background:var(--maroon-600);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(212,166,74,.1)}.fp-sv-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.fp-sv-row:last-child{border-bottom:none}.fp-sv-lbl{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fp-sv-val{font-size:13px;color:var(--text-cream);font-weight:600}.fp-sv-stats-card{background:var(--maroon-600);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(212,166,74,.1)}.fp-tag{display:inline-block;padding:3px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.3px}.fp-tag-tuition{background:#6366f126;color:#a5b4fc}.fp-tag-hostel{background:#f59e0b26;color:#fbbf24}.fp-sv-timeline-card{background:var(--maroon-600);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);margin-bottom:var(--space-5);overflow:hidden}.fp-sv-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--maroon-400)}.fp-sv-timeline-header h3{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream);display:flex;align-items:center;gap:8px}.fp-btn-collect{display:flex;align-items:center;gap:6px;background:var(--gradient-gold);color:#1a0510;border:none;padding:8px 16px;border-radius:var(--radius-lg);font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.fp-btn-collect:hover{transform:scale(1.03);box-shadow:0 4px 12px #d4a64a4d}.fp-sv-timeline{display:grid;grid-template-columns:repeat(11,1fr)}.fp-tl-item{padding:16px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.04);transition:background .2s}.fp-tl-item:last-child{border-right:none}.fp-tl-current{background:#d4a64a0f}.fp-tl-month{font-size:11px;font-weight:700;color:var(--text-cream);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.fp-tl-amount{font-size:11px;color:var(--text-muted);margin-bottom:8px;font-family:JetBrains Mono,monospace}.fp-tl-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700}.fp-tl-badge-paid{background:#10b98133;color:#34d399}.fp-tl-badge-pending{background:#ef444433;color:#f87171}.fp-tl-badge-upcoming{background:#ffffff0f;color:var(--text-muted)}.fp-sv-history-card{background:var(--maroon-600);border-radius:var(--radius-xl);border:1px solid rgba(212,166,74,.1);padding:var(--space-5)}.fp-sv-history-card h3{font-size:var(--font-size-base);font-weight:700;color:var(--text-cream);margin-bottom:var(--space-4)}.fp-sv-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.fp-ph-item{background:var(--maroon-700);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--maroon-400)}.fp-ph-top{display:flex;justify-content:space-between;margin-bottom:6px}.fp-ph-receipt{font-size:11px;color:var(--gold-400);font-weight:700;font-family:JetBrains Mono,monospace}.fp-ph-date{font-size:11px;color:var(--text-muted)}.fp-ph-months{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.fp-ph-chip{background:#d4a64a26;color:var(--gold-400);padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600}.fp-ph-bottom{display:flex;justify-content:space-between;align-items:center}.fp-ph-amt{font-size:15px;font-weight:700;color:#34d399}.fp-btn-print{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--maroon-400);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-md);font-size:11px;cursor:pointer;transition:color .2s,border-color .2s}.fp-btn-print:hover{color:var(--gold-400);border-color:var(--gold-400)}.fp-overlay{position:fixed;inset:0;background:#0a0205b3;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fp-drawer{position:fixed;top:0;right:0;width:440px;max-width:92vw;height:100vh;background:var(--maroon-700);z-index:1001;display:flex;flex-direction:column;animation:fpDrawerIn .3s ease;border-left:1px solid var(--maroon-400)}.fp-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--maroon-400)}.fp-drawer-header h3{font-size:var(--font-size-base);font-weight:700;color:var(--gold-400);font-family:var(--font-display)}.fp-btn-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:color .2s}.fp-btn-close:hover{color:var(--text-cream)}.fp-drawer-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.fp-drawer-hint{font-size:13px;color:var(--text-muted)}.fp-month-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fp-ms-btn{background:var(--maroon-600);border:1px solid var(--maroon-400);border-radius:var(--radius-lg);padding:10px 8px;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.fp-ms-btn:hover:not(:disabled){border-color:var(--gold-400)}.fp-ms-paid{opacity:.4;cursor:not-allowed!important}.fp-ms-selected{border-color:var(--gold-400)!important;background:#d4a64a1a}.fp-ms-name{font-size:12px;font-weight:700;color:var(--text-cream)}.fp-ms-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:var(--radius-full)}.fp-ms-paid .fp-ms-badge{background:#10b98133;color:#34d399}.fp-ms-badge-sel{background:#d4a64a33;color:var(--gold-400)}.fp-drawer-summary{background:var(--maroon-600);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border:1px solid var(--maroon-400)}.fp-ds-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--text-light)}.fp-ds-sub{font-size:11px;color:var(--text-muted);justify-content:flex-start}.fp-ds-total{font-weight:700;color:var(--text-cream);border-top:1px solid var(--maroon-400);padding-top:8px;margin-top:4px;font-size:14px}.fp-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--gradient-gold);color:#1a0510;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.fp-btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4a64a4d}.fp-btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.fp-year-selector{position:relative}.fp-year-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#0003;border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-lg);color:var(--text-cream);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .2s}.fp-year-btn:hover{background:#d4a64a14;border-color:var(--gold-500);transform:translateY(-1px);box-shadow:0 4px 12px #d4a64a26}.fp-year-btn svg{width:16px;height:16px;color:var(--gold-400)}.fp-year-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a64a1a;z-index:200;overflow:hidden;animation:fpDropIn .18s ease}.fp-year-dropdown-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-400);padding:12px 16px 8px;border-bottom:1px solid rgba(212,166,74,.1)}.fp-year-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-cream);transition:all .15s;border-bottom:1px solid rgba(255,255,255,.03)}.fp-year-item:last-child{border-bottom:none}.fp-year-item:hover{background:#d4a64a14;color:var(--gold-400)}.fp-year-item-active{background:linear-gradient(135deg,#d4a64a26,#d4a64a14);color:var(--gold-400);font-weight:600}.fp-year-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700;letter-spacing:.5px}.fp-year-badge-active{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.3)}.fp-year-badge-finished{background:#d4a64a26;color:var(--gold-400);border:1px solid rgba(212,166,74,.3)}.fp-year-badge-old{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-size:9px}.fp-pin-overlay{position:fixed;inset:0;background:#1a0510e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.fp-pin-modal{background:linear-gradient(145deg,var(--maroon-600) 0%,var(--maroon-700) 100%);border:1px solid rgba(212,166,74,.2);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a64a1a,inset 0 1px #ffffff0d;width:100%;max-width:450px;overflow:hidden;animation:fpPinModalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fpPinModalIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fp-pin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--gradient-gold);border-bottom:1px solid rgba(212,166,74,.2)}.fp-pin-header h3{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--maroon-900);margin:0;display:flex;align-items:center;gap:10px}.fp-pin-header h3 svg{width:24px;height:24px}.fp-pin-close{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid rgba(77,21,40,.3);background:var(--maroon-800);color:var(--gold-400);cursor:pointer;transition:all .2s}.fp-pin-close:hover{background:var(--maroon-700);border-color:var(--gold-500);transform:rotate(90deg)}.fp-pin-body{padding:24px}.fp-pin-body p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:20px;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.fp-pin-body p svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--gold-400)}.fp-pin-body p b{color:var(--text-cream)}.fp-pin-body label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:8px}.fp-pin-input{width:100%;height:46px;padding:0 16px;background:#0003;border:1px solid rgba(212,166,74,.15);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);outline:none;transition:all .2s}.fp-pin-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26}.fp-pin-input::placeholder{color:var(--text-light);opacity:.6}.fp-pin-error{color:#f87171;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px}.fp-pin-footer{padding:16px 24px;background:#00000026;border-top:1px solid rgba(212,166,74,.1);display:flex;justify-content:flex-end;gap:12px}.fp-pin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;font-family:var(--font-primary)}.fp-pin-btn svg{width:16px;height:16px}.fp-pin-btn-cancel{background:#0003;color:var(--text-cream);border:1px solid rgba(212,166,74,.2)}.fp-pin-btn-cancel:hover{background:#0000004d;border-color:var(--gold-500);transform:translateY(-2px)}.fp-pin-btn-verify{background:var(--gradient-gold);color:var(--maroon-900);box-shadow:0 4px 12px #d4a64a4d}.fp-pin-btn-verify:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a64a66}.fp-pin-btn-verify:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1200px){.fp-summary-grid{grid-template-columns:repeat(2,1fr)}.fp-sv-top{grid-template-columns:1fr}.fp-sv-timeline{grid-template-columns:repeat(6,1fr)}.fp-quick-search-dropdown{width:320px}}@media(max-width:768px){.fp-summary-grid{grid-template-columns:1fr}.fp-sv-stats-card{flex-direction:column}.fp-sv-timeline{grid-template-columns:repeat(4,1fr)}.fp-month-selector{grid-template-columns:repeat(2,1fr)}.fp-class-stats{flex-wrap:wrap}}.website-panel-page{width:100%;position:relative}.wp-toast{position:fixed;top:24px;right:24px;padding:14px 24px;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2);z-index:var(--z-tooltip);animation:fadeInDown .4s ease-out;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.wp-toast-success{background:linear-gradient(135deg,#50c878f2,#3da35df2);color:#fff;border:1px solid rgba(80,200,120,.3)}.wp-toast-error{background:linear-gradient(135deg,#e63946f2,#c41e3af2);color:#fff;border:1px solid rgba(230,57,70,.3)}.wp-header{margin-bottom:var(--space-6)}.wp-title{color:var(--text-cream);font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-display);margin-bottom:var(--space-1)}.wp-subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.wp-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1);background:#3a0c1e80;border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow-x:auto}.wp-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-normal);white-space:nowrap}.wp-tab:hover{color:var(--text-cream);background:#d4a64a14}.wp-tab-active{background:var(--gradient-gold)!important;color:var(--maroon-900)!important;font-weight:600;box-shadow:var(--shadow-sm),var(--shadow-gold-subtle)}.wp-tab-icon{display:flex;align-items:center}.wp-section{animation:fadeInUp .5s ease-out}.wp-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.wp-section-title{color:var(--text-cream);font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-display);margin-bottom:var(--space-1)}.wp-section-desc{color:var(--text-muted);font-size:var(--font-size-sm)}.wp-section-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wp-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-gold);color:var(--maroon-900);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),var(--shadow-gold-subtle);white-space:nowrap}.wp-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-gold-glow)}.wp-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.wp-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-glass);color:var(--text-cream);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.wp-btn-secondary:hover{background:var(--bg-hover);border-color:var(--gold-500);color:var(--gold-400)}.wp-btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.wp-btn-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#e63946,#c41e3a);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #e639464d}.wp-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6394680}.wp-btn-danger:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.wp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:transparent}.wp-btn-delete{color:var(--error)}.wp-btn-delete:hover{background:var(--error-light);transform:scale(1.1)}.wp-btn-edit{color:var(--gold-400)}.wp-btn-edit:hover{background:var(--warning-light);transform:scale(1.1)}.wp-action-group{display:flex;gap:var(--space-1)}.wp-btn-save-order{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#50c878,#3da35d);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px #50c8784d;animation:fadeIn .3s ease-out}.wp-btn-save-order:hover{transform:translateY(-2px);box-shadow:0 6px 20px #50c87880}.wp-btn-save-order:disabled{opacity:.7;cursor:not-allowed}.wp-btn-loading{cursor:not-allowed!important;opacity:.85;pointer-events:none}@keyframes wp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wp-spinner-icon{animation:wp-spin .8s linear infinite}.wp-table-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);position:relative}.wp-table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.wp-table-wrap{overflow-x:auto}.wp-table{width:100%;border-collapse:collapse}.wp-table thead{background:#d4a64a14}.wp-table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--font-size-xs);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);white-space:nowrap}.wp-table td{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:var(--text-cream);border-bottom:1px solid var(--border-light);vertical-align:middle}.wp-table tbody tr{transition:background var(--transition-fast)}.wp-table tbody tr:hover{background:#d4a64a0a}.wp-table tbody tr:last-child td{border-bottom:none}.wp-sno{color:var(--text-light);font-weight:500;width:50px}.wp-bold{font-weight:600}.wp-desc-cell{color:var(--text-muted);font-size:var(--font-size-xs);max-width:200px}.wp-empty{text-align:center;padding:var(--space-12)!important;color:var(--text-light);font-style:italic}.wp-table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);font-size:var(--font-size-xs);color:var(--text-light);flex-wrap:wrap;gap:var(--space-2)}.wp-drag-handle{cursor:grab;font-size:18px;color:var(--text-light);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md)}.wp-drag-handle:hover{color:var(--gold-400);background:#d4a64a1a}.wp-drag-handle:active{cursor:grabbing}.wp-order-num{font-weight:700;color:var(--gold-400);font-size:var(--font-size-sm)}.wp-sortable-ghost{opacity:.4;background:#d4a64a1a!important}.wp-sortable-chosen{background:#d4a64a14!important;box-shadow:0 4px 20px #0000004d}.wp-thumb-banner{width:160px;height:68px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.wp-thumb-banner img{width:100%;height:100%;object-fit:cover}.wp-thumb-notice{width:70px;height:52px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.wp-thumb-notice img{width:100%;height:100%;object-fit:cover}.wp-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.wp-toggle input{display:none}.wp-toggle-slider{position:relative;width:44px;height:24px;background:var(--maroon-500);border-radius:var(--radius-full);transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.wp-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-normal);box-shadow:0 2px 4px #0000004d}.wp-toggle input:checked+.wp-toggle-slider{background:var(--success);border-color:#50c8784d}.wp-toggle input:checked+.wp-toggle-slider:after{transform:translate(20px)}.wp-toggle-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wp-active{color:var(--success)}.wp-inactive{color:var(--text-light)}.wp-toggle-lg .wp-toggle-slider{width:52px;height:28px}.wp-toggle-lg .wp-toggle-slider:after{width:22px;height:22px}.wp-toggle-lg input:checked+.wp-toggle-slider:after{transform:translate(24px)}.wp-toggle-lg .wp-toggle-label{font-size:var(--font-size-sm)}.wp-date-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#d4a64a1a;border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--gold-300);font-weight:500;white-space:nowrap}.wp-modal-overlay{position:fixed;inset:0;background:#1a0510d9;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out;padding:var(--space-4)}.wp-modal{background:var(--maroon-700);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:520px;box-shadow:var(--shadow-2xl),var(--shadow-gold-glow);animation:scaleIn .3s var(--transition-spring);overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.wp-modal-notice{max-width:560px}.wp-modal-sm{max-width:420px}.wp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);flex-shrink:0}.wp-modal-header h3{color:var(--text-cream);font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-display)}.wp-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.wp-modal-close:hover{background:var(--error-light);color:var(--error);border-color:#e639464d}.wp-modal-body{padding:var(--space-6);overflow-y:auto}.wp-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:#00000026;flex-shrink:0}.wp-confirm-body{text-align:center}.wp-confirm-icon{font-size:48px;margin-bottom:var(--space-4)}.wp-confirm-body p{color:var(--text-cream);font-size:var(--font-size-base);margin-bottom:var(--space-2)}.wp-confirm-body small{color:var(--text-light);font-size:var(--font-size-xs)}.wp-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);border:2px dashed var(--border);border-radius:var(--radius-xl);background:#d4a64a08;cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);text-align:center}.wp-upload-area:hover{border-color:var(--gold-500);background:#d4a64a0f;color:var(--gold-400)}.wp-upload-area small{font-size:var(--font-size-xs);color:var(--text-light)}.wp-upload-has-preview{padding:var(--space-3)}.wp-upload-preview{width:100%;max-height:140px;object-fit:contain;border-radius:var(--radius-lg)}.wp-upload-preview-full{width:100%;max-height:280px;object-fit:contain;border-radius:var(--radius-lg)}.wp-upload-small{padding:var(--space-6)}.wp-upload-small .wp-upload-preview{max-height:140px}.wp-img-info-panel{margin-top:var(--space-4);padding:var(--space-4);background:#d4a64a0d;border:1px solid var(--border-light);border-radius:var(--radius-lg)}.wp-img-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.wp-img-info-row:not(:last-child){border-bottom:1px solid var(--border-light)}.wp-img-info-label{color:var(--text-muted);font-weight:500}.wp-img-info-value{color:var(--text-cream);font-weight:600;font-family:var(--font-primary)}.wp-dim-ok,.wp-dim-warn{margin-left:var(--space-1)}.wp-dim-warning{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#d4a64a1f;border:1px solid rgba(212,166,74,.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--gold-300);font-weight:500}.wp-form-group{margin-bottom:var(--space-5)}.wp-form-group:last-child{margin-bottom:0}.wp-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream);margin-bottom:var(--space-2)}.wp-required{color:var(--error)}.wp-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.wp-input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.wp-input::placeholder{color:var(--text-light)}.wp-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);resize:vertical;min-height:80px}.wp-textarea:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.wp-textarea::placeholder{color:var(--text-light)}.wp-char-counter{display:flex;justify-content:flex-end;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-light)}.wp-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-cream);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C9B89A' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.wp-select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a64a26,var(--shadow-gold-subtle)}.wp-select option{background:var(--maroon-700);color:var(--text-cream)}.wp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:var(--gradient-card);border:2px dashed var(--border);border-radius:var(--radius-2xl);text-align:center;animation:fadeInUp .5s ease-out}.wp-empty-icon{font-size:64px;margin-bottom:var(--space-5);opacity:.6;animation:float 3s ease-in-out infinite}.wp-empty-title{color:var(--text-cream);font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-display);margin-bottom:var(--space-2)}.wp-empty-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);max-width:300px}.wp-empty-action{animation:pulseGlow 2s ease-in-out infinite}.wp-skeleton-row td{padding:var(--space-4) var(--space-5)!important}.wp-skeleton-cell{height:20px}.wp-skeleton-bar{height:14px;width:80%;background:linear-gradient(90deg,#d4a64a0f 25%,#d4a64a1f,#d4a64a0f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.wp-gallery-skeleton-item{aspect-ratio:4 / 3;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light)}.wp-skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#d4a64a0a 25%,#d4a64a1a,#d4a64a0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.wp-gallery-upload-card{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6);background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.wp-gallery-upload-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.wp-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);border:2px dashed var(--border);border-radius:var(--radius-xl);background:#d4a64a08;cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);text-align:center;min-height:180px}.wp-dropzone:hover,.wp-dropzone-active{border-color:var(--gold-500);background:#d4a64a14;color:var(--gold-400);box-shadow:inset 0 0 30px #d4a64a0d}.wp-dropzone-text{font-size:var(--font-size-sm);font-weight:500}.wp-dropzone small{font-size:var(--font-size-xs);color:var(--text-light)}.wp-btn-upload{width:100%;justify-content:center;padding:var(--space-3) var(--space-5)}.wp-upload-file-list{margin-top:var(--space-3);max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.wp-upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#d4a64a0f;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-cream)}.wp-upload-file-item small{color:var(--text-light)}.wp-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.wp-gallery-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.wp-gallery-filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#3a0c1e99;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.wp-gallery-filter:hover{border-color:var(--gold-500);color:var(--gold-400);background:#d4a64a14}.wp-gallery-filter-active{background:var(--gradient-gold)!important;color:var(--maroon-900)!important;border-color:transparent!important;font-weight:600;box-shadow:var(--shadow-gold-subtle)}.wp-gallery-filter-active .wp-filter-count{background:#1a05104d;color:var(--maroon-900)}.wp-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#d4a64a26;color:var(--gold-400)}.wp-select-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#3a0c1e99;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.wp-select-mode-btn:hover{border-color:var(--gold-500);color:var(--gold-400)}.wp-select-mode-active{background:#d4a64a26!important;border-color:var(--gold-500)!important;color:var(--gold-400)!important;font-weight:600}.wp-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);background:linear-gradient(135deg,#e639461f,#e639460f);border:1px solid rgba(230,57,70,.3);border-radius:var(--radius-xl);animation:fadeInDown .3s ease-out;flex-wrap:wrap;gap:var(--space-3)}.wp-bulk-info{font-size:var(--font-size-sm);font-weight:600;color:var(--text-cream)}.wp-bulk-actions{display:flex;gap:var(--space-2);align-items:center}.wp-btn-bulk-delete{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#e63946,#c41e3a);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.wp-btn-bulk-delete:hover{box-shadow:0 4px 15px #e6394666}.wp-btn-bulk-delete:disabled{opacity:.7;cursor:not-allowed}.wp-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.wp-gallery-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);aspect-ratio:4 / 3;cursor:pointer;transition:all var(--transition-normal)}.wp-gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-gold-subtle);border-color:var(--border-strong)}.wp-gallery-selected{border-color:var(--gold-500)!important;box-shadow:0 0 0 3px #d4a64a4d,var(--shadow-lg)!important;transform:scale(.97)}.wp-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.wp-gallery-item:hover img{transform:scale(1.05)}.wp-gallery-category-badge{position:absolute;bottom:8px;left:8px;padding:3px 10px;background:#1a0510d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold-300);font-size:11px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(212,166,74,.2)}.wp-gallery-delete{position:absolute;top:8px;right:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#e63946e6;border:none;border-radius:var(--radius-md);font-size:14px;cursor:pointer;opacity:0;transform:scale(.8);transition:all var(--transition-normal);box-shadow:0 2px 8px #0006}.wp-gallery-item:hover .wp-gallery-delete{opacity:1;transform:scale(1)}.wp-gallery-delete:hover{background:#e63946;transform:scale(1.15)!important}.wp-gallery-checkbox{position:absolute;top:8px;left:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#1a0510b3;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-md);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wp-gallery-checked{background:var(--gold-500)!important;border-color:var(--gold-500)!important;color:var(--maroon-900)}.wp-gallery-empty-filter{text-align:center;padding:var(--space-12);color:var(--text-light)}.wp-gallery-empty-filter span{font-size:48px;display:block;margin-bottom:var(--space-3);opacity:.4}.wp-gallery-empty-filter p{font-style:italic}.wp-unsaved-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);margin-bottom:var(--space-5);background:linear-gradient(135deg,#d4a64a26,#d4a64a14);border:1px solid rgba(212,166,74,.4);border-radius:var(--radius-xl);animation:fadeInDown .3s ease-out;flex-wrap:wrap;gap:var(--space-3)}.wp-unsaved-text{font-size:var(--font-size-sm);font-weight:600;color:var(--gold-300)}.wp-unsaved-actions{display:flex;gap:var(--space-2);align-items:center}.wp-btn-save-settings{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#50c878,#3da35d);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.wp-btn-save-settings:hover{box-shadow:0 4px 15px #50c87866}.wp-btn-save-settings:disabled{opacity:.7;cursor:not-allowed}.wp-btn-discard{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.wp-btn-discard:hover{color:var(--error);border-color:#e6394666;background:#e6394614}.wp-settings-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-card);position:relative;max-width:720px}.wp-settings-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent);opacity:.5}.wp-settings-card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border-light)}.wp-settings-card-header .wp-settings-icon{font-size:28px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#d4a64a1a;border-radius:var(--radius-xl);border:1px solid var(--border-light)}.wp-settings-card-header h4{color:var(--text-cream);font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-display);margin-bottom:2px}.wp-settings-card-header p{color:var(--text-muted);font-size:var(--font-size-sm)}.wp-settings-rows{padding:var(--space-2) 0}.wp-settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);transition:background var(--transition-fast);gap:var(--space-4)}.wp-settings-row:hover{background:#d4a64a0a}.wp-settings-row:not(:last-child){border-bottom:1px solid var(--border-light)}.wp-settings-row-info{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.wp-settings-icon-sm{font-size:22px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#d4a64a14;border-radius:var(--radius-lg);flex-shrink:0}.wp-settings-row-info h5{color:var(--text-cream);font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.wp-settings-row-info p{color:var(--text-muted);font-size:var(--font-size-xs)}.wp-settings-row-control{flex-shrink:0}.wp-settings-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:#0000001a}.wp-settings-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.wp-settings-dot{width:8px;height:8px;border-radius:50%}.wp-settings-dot-active{background:var(--success);box-shadow:0 0 8px #50c87880}@media(max-width:768px){.wp-tabs{gap:var(--space-1)}.wp-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.wp-section-header{flex-direction:column;gap:var(--space-3)}.wp-section-actions{width:100%}.wp-gallery-upload-card{grid-template-columns:1fr}.wp-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wp-gallery-controls{flex-direction:column;align-items:flex-start}.wp-settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.wp-thumb-banner{width:100px;height:42px}.wp-table th,.wp-table td{padding:var(--space-3)}.wp-modal{margin:var(--space-4)}.wp-bulk-bar,.wp-unsaved-bar{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.wp-gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.wp-gallery-filters{gap:var(--space-1)}.wp-gallery-filter{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}