@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--color-maroon: #8B1E1E;--color-maroon-dark: #6B1515;--color-maroon-light: #A83232;--color-gold: #C9A24D;--color-gold-dark: #A68639;--color-ivory: #FFF8F2;--color-charcoal: #333333;--color-text: #4A4A4A;--color-card-bg: #FFFFFF;--color-card-border: rgba(0, 0, 0, .06);--gradient-primary: linear-gradient(135deg, #8B1E1E, #C9A24D);--gradient-hero: linear-gradient(135deg, #8B1E1E 0%, #A83232 50%, #C9A24D 100%);--gradient-card: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .75) 100%);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-soft: 0 2px 12px rgba(0, 0, 0, .06);--shadow-strong: 0 8px 30px rgba(0, 0, 0, .12);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .15);--bg-primary: #FFF8F2;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-header: rgba(255,255,255,.95);--text-primary: #1a0f0f;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--hover-bg: #f9fafb;--card-shadow: 0 4px 20px rgba(0,0,0,.08)}[data-theme=dark]{--color-ivory: #0f0a0a;--color-charcoal: #f1f5f9;--color-text: #e2e8f0;--color-card-bg: #1e1212;--color-card-border: rgba(255,255,255,.08);--shadow-card: 0 4px 20px rgba(0,0,0,.4);--shadow-soft: 0 2px 12px rgba(0,0,0,.3);--shadow-strong: 0 8px 30px rgba(0,0,0,.5);--shadow-hover: 0 12px 40px rgba(0,0,0,.6);--bg-primary: #0f0a0a;--bg-secondary: #1a1010;--bg-card: #1e1212;--bg-input: #2a1a1a;--bg-header: rgba(15,10,10,.97);--text-primary: #f1e8e8;--text-secondary: #b0a0a0;--text-muted: #806868;--border-color: #3d2424;--border-light: #2a1a1a;--hover-bg: #261616;--card-shadow: 0 4px 20px rgba(0,0,0,.4)}[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1010}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-ivory);color:var(--color-charcoal);line-height:1.5}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-maroon);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b1e1e66;background:var(--color-maroon-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-maroon)}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:13px;margin-top:4px}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:var(--color-maroon);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer-loader{display:flex;flex-direction:column;gap:16px;padding:20px}.shimmer-card{display:flex;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.shimmer-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.shimmer-line.short{width:40%}.shimmer-line.medium{width:65%}.shimmer-line.long{width:90%}.shimmer-line.full{width:100%}.shimmer-circle{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.shimmer-rect{border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:800px 100%;animation:shimmer 1.5s infinite ease-in-out}.shimmer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.shimmer-grid .shimmer-card{flex-direction:column;padding:0;overflow:hidden}.shimmer-grid .shimmer-card .shimmer-rect{height:200px;border-radius:0}.shimmer-grid .shimmer-card .shimmer-body{padding:14px;display:flex;flex-direction:column;gap:8px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}img,video,canvas,svg{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}#main-content,.home-page,.page-container,.container{overflow-x:clip}@media (max-width: 1024px){.container{padding:0 16px}}@media (max-width: 768px){html,body{overflow-x:hidden}.container{padding:0 14px}.card{padding:16px;border-radius:10px}.btn-primary,.btn-secondary{min-height:44px;font-size:15px;width:100%}}@media (max-width: 480px){.container{padding:0 12px}body{font-size:14px}}.border-beam{position:relative;border:3px solid transparent!important;border-radius:inherit;overflow:hidden;z-index:1;box-shadow:0 4px 20px #8b1e1e26}.border-beam:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,#C9A24D 60%,#8B1E1E 100%);animation:border-beam-spin 3s linear infinite;z-index:-2}.border-beam:after{content:"";position:absolute;inset:0;background:var(--bg-card);border-radius:inherit;z-index:-1}@keyframes border-beam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-border-beam{position:relative;overflow:hidden;border:2px solid transparent!important;background-color:transparent!important;z-index:1}.btn-border-beam:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(transparent,transparent,#C9A24D 70%,#8B1E1E 100%);animation:border-beam-spin 2.5s linear infinite;z-index:-2}.btn-border-beam:after{content:"";position:absolute;inset:0;background:var(--bg-primary);border-radius:inherit;z-index:-1}.btn-border-beam:hover:after{background:#fdfaf6}[data-theme=dark] .btn-border-beam:hover:after{background:#2a2a2a}@media (max-width: 768px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
