*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--primary-gradient:linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--gold-gradient:linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%);--gold-hover:linear-gradient(135deg, #92400e 0%, #b45309 50%, #d97706 100%);--success-gradient:linear-gradient(135deg, #059669 0%, #10b981 100%);--danger-gradient:linear-gradient(135deg, #9f1239 0%, #e11d48 100%);--primary-color:#1e3a8a;--primary-light:#3b82f6;--gold-color:#d97706;--gold-light:#fbbf24;--success-color:#059669;--danger-color:#be123c;--warning-color:#d97706;--bg-dark:#090d16;--bg-card:#fffffff0;--bg-card-dark:#0f172ad9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0b3;--border-gold:#d9770647;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 20px 25px -5px #0f172a14, 0 10px 10px -5px #0f172a08;--shadow-xl:0 25px 50px -12px #0f172a1f;--shadow-glass:0 8px 32px 0 #0f172a0f;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0f2fe;background-image:radial-gradient(at 0 0,#fff 0,#0000 50%),radial-gradient(at 100% 0,#bae6fd 0,#0000 50%),radial-gradient(at 100% 100%,#7dd3fc 0,#0000 55%),radial-gradient(at 0 100%,#38bdf8 0,#0000 55%);background-attachment:fixed;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--gold-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-hover)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-gold);border-radius:var(--radius-xl);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);box-shadow:0 20px 40px #00000026}.glass-panel:hover{border-color:#d9770673;box-shadow:0 25px 50px #0003}h1.title{letter-spacing:-.01em;background:linear-gradient(135deg,#1e1b4b 0%,#1e3a8a 35%,#b45309 70%,#d97706 100%);-webkit-text-fill-color:transparent;text-align:center;text-shadow:0 1px 1px #ffffff80;-webkit-background-clip:text;margin-bottom:.75rem;font-family:Playfair Display,Georgia,serif;font-size:2.5rem;font-weight:800;line-height:1.2}@media (width<=768px){h1.title{font-size:1.85rem}}.subtitle{text-align:center;color:var(--text-secondary);border-bottom:1px solid #d9770626;max-width:800px;margin:0 auto 2.25rem;padding-bottom:1rem;font-size:1.05rem;font-weight:500}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold-gradient);color:#1e1b4b;box-shadow:0 4px 14px #d977064d}.btn-primary:hover{background:var(--gold-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #d9770666}.btn-success{background:var(--success-gradient);color:#fff;box-shadow:0 4px 14px #0596694d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #05966966}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 14px #9f12394d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9f123966}.btn-secondary{color:var(--text-secondary);background:#fff;border:1px solid #d1d5dbcc}.btn-secondary:hover{color:var(--primary-color);border-color:var(--primary-light);background:#f8fafc}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:#1e3a8a;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.925rem;font-weight:700;display:flex}.form-label-required:after{content:" *";color:var(--danger-color)}.input-control{border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#fffffff2;border:1px solid #d1d5dbe6;outline:none;padding:.875rem 1rem;font-size:.95rem;box-shadow:inset 0 1px 2px #00000005}.input-control:focus{border-color:var(--gold-color);background:#fff;box-shadow:0 0 0 4px #d9770633,inset 0 1px 2px #00000005}.size-selection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.65rem;margin-top:.25rem;display:grid}.size-option-card{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0e6;flex-direction:column;justify-content:center;align-items:center;padding:.85rem .5rem;font-size:1.1rem;font-weight:800;display:flex;position:relative}.size-option-card:hover{color:var(--gold-color);background:#d9770605;border-color:#d9770680;transform:translateY(-1px)}.size-option-card.active{border-color:var(--gold-color);color:#b45309;background:#d9770614;box-shadow:0 4px 10px -2px #d9770633}.size-option-card.active:after{content:"";background:var(--gold-color);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:-4px}.gender-tabs-container{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.gender-tab{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:#fff;border:2px solid #e2e8f0e6;flex-direction:column;align-items:center;gap:.5rem;padding:1.35rem 1rem;display:flex}.gender-tab:hover{background:#d9770605;border-color:#d9770666;transform:translateY(-2px)}.gender-tab.active{border-color:var(--gold-color);background:#d977060f;box-shadow:0 6px 15px #d977061f}.gender-tab-title{color:#1e3a8a;font-size:1rem;font-weight:800}.gender-tab-desc{color:var(--text-secondary);font-size:.8rem;font-weight:500}.deadline-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#d9770612 0%,#ef444412 100%);border:1px dashed #d9770666;align-items:center;gap:.875rem;margin-bottom:1.75rem;padding:1.15rem;display:flex;box-shadow:0 4px 10px #00000005}.deadline-text{color:#78350f;text-align:left;font-size:.925rem;font-weight:600;line-height:1.45}.deadline-highlight{color:#b91c1c;border-bottom:2px dotted #b91c1c;font-weight:800}.admin-header{border-bottom:2px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.admin-title-group{text-align:left}.admin-actions{flex-wrap:wrap;gap:.75rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.metric-card{border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);background:#fff;align-items:center;gap:1rem;padding:1.5rem;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-icon-primary{color:var(--primary-color);background:#1e3a8a1a}.metric-icon-success{color:var(--success-color);background:#10b9811a}.metric-icon-blue{color:var(--gold-color);background:#d977061a}.metric-info{text-align:left}.metric-value{color:#1e1b4b;margin-top:.15rem;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;line-height:1.1}.metric-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.825rem;font-weight:700}.charts-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.charts-container{grid-template-columns:1fr}}.chart-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.chart-title{color:#1e3a8a;text-align:left;border-bottom:1px solid #d9770626;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-weight:700;display:flex}.chart-bar-list{flex-direction:column;gap:.875rem;display:flex}.chart-bar-item{text-align:left;flex-direction:column;gap:.25rem;display:flex}.chart-bar-label-group{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.chart-bar-label-name{color:var(--text-primary);font-weight:700}.chart-bar-progress-bg{background:#f1f5f9;border-radius:4px;width:100%;height:8px;overflow:hidden}.chart-bar-progress-fill{background:var(--primary-gradient);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.chart-bar-progress-fill-pink{background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%)}.chart-bar-progress-fill-blue{background:var(--gold-gradient)}.table-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-top:2rem;overflow:hidden}.table-header-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.search-wrapper{width:100%;max-width:320px;position:relative}.search-input{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #d1d5db;outline:none;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.875rem}.search-input:focus{border-color:var(--gold-color);background:#fff;box-shadow:0 0 0 3px #d9770626}.search-icon-inside{color:var(--text-muted);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{color:#1e3a8a;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.25rem;font-weight:500}.admin-table tbody tr:hover{background:#f8fafc}.badge{border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-blue{color:#1d4ed8;background:#3b82f61a}.badge-pink{color:#be185d;background:#ec48991a}.badge-gray{color:var(--text-secondary);background:#f1f5f9}.badge-success{color:#047857;background:#10b9811a}.action-btn-sm{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.action-btn-sm:hover{color:var(--danger-color);background:#fee2e2}.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.state-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;animation:2s infinite pulse-ring;display:flex}.state-icon-wrapper-success{color:var(--gold-color);background:#d977061a;border:1px solid #d9770640}.state-icon-wrapper-danger{color:var(--danger-color);background:#f43f5e1a}.state-title{color:#1e3a8a;margin-bottom:.75rem;font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:800}.state-message{color:var(--text-secondary);max-width:480px;margin:0 auto 2rem;font-weight:500}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #d9770666}70%{transform:scale(1);box-shadow:0 0 0 12px #d9770600}to{transform:scale(.95);box-shadow:0 0 #d9770600}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin-animation{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-bubbles{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.brand-tassel{display:inline-block;position:relative}.brand-tassel:after{content:"🎓";font-size:1.1rem;position:absolute;top:-10px;right:-15px;transform:rotate(15deg)}@media (width<=640px){.app-container{padding:1rem .75rem}.glass-panel{border-radius:var(--radius-lg);padding:1.5rem 1rem!important}.gender-tabs-container{grid-template-columns:1fr;gap:.5rem}}