@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#f5f7fa;--card:#fff;--card-dark:#0f1e36;--card-dark-2:#0b1628;--paper:#f7f9fc;--panel:#f1f4f8;--primary:#0f1e36;--primary-light:#1b2e4b;--primary-dark:#081120;--primary-hover:#172b4b;--primary-soft:#edf2f8;--primary-soft-border:#cbd8e6;--accent:#e5b83a;--accent-light:#f3cf65;--accent-dark:#c09520;--accent-hover:#d9ab28;--accent-subtle:#fdf7e4;--accent-border:#0f1e36;--success:#15803d;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--text:#0f1e36;--text-secondary:#4a5b73;--text-muted:#7e8fa4;--border:#d8e0ea;--border-light:#e8eef5;--border-dark:#0f1e36;--neo-border-sm:1.5px solid #0f1e36;--neo-border:2px solid #0f1e36;--neo-border-lg:2.5px solid #0f1e36;--neo-shadow-xs:1.5px 1.5px 0px #0f1e36;--neo-shadow-sm:2px 2px 0px #0f1e36;--neo-shadow:3px 3px 0px #0f1e36;--neo-shadow-lg:5px 5px 0px #0f1e36;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:9999px;--sidebar-w:260px;--sidebar-w-ciut:76px;--header-h:0px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd6e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9bb0c4}.highlight-badge{background:var(--accent);color:#0f1e36;font:inherit;letter-spacing:inherit;line-height:inherit;vertical-align:baseline;border-radius:.14em;margin:0 .04em;padding:.02em .22em .06em;display:inline-block;box-shadow:.06em .06em #0f1e3659}.category-pill{background:var(--card-dark);color:#fff;border-radius:var(--radius-pill);letter-spacing:-.01em;border:1px solid var(--primary-light);align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.category-pill-gold{background:var(--accent);color:var(--primary);border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs)}.dot-pattern{background-image:radial-gradient(#0f1e3638 1.2px,#0000 1.2px);background-size:14px 14px}.dot-pattern-dense{background-image:radial-gradient(#0f1e362e 1px,#0000 1px);background-size:8px 8px}.view-toggle-pill{border:var(--neo-border);border-radius:var(--radius-pill);box-shadow:var(--neo-shadow-sm);background:#fff;align-items:center;gap:2px;padding:3px;display:inline-flex}.view-toggle-item{border-radius:var(--radius-pill);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.view-toggle-item:hover{color:var(--text)}.view-toggle-item.active{background:var(--primary);color:#fff}.neo-card{border:var(--neo-border);border-radius:var(--radius-xl);box-shadow:var(--neo-shadow);background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.neo-card:hover{box-shadow:var(--neo-shadow-lg);transform:translate(-1px,-1px)}.btn{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;border:var(--neo-border-sm);box-shadow:var(--neo-shadow-xs);justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{box-shadow:var(--neo-shadow-sm);transform:translate(-1px,-1px)}.btn:active{transform:translate(1.5px,1.5px);box-shadow:0 0 #0000}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:var(--primary);border:var(--neo-border);box-shadow:var(--neo-shadow-sm)}.btn-accent:hover{background:var(--accent-light);box-shadow:var(--neo-shadow)}.btn-secondary{color:var(--text);border:var(--neo-border-sm);background:#fff}.btn-secondary:hover{background:var(--bg)}.btn-outline{border:var(--neo-border-sm);color:var(--text);background:#fff}.btn-outline:hover{background:#eef3f8}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--neo-shadow-xs)!important;transform:none!important}.badge{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-gold{background:var(--accent);color:var(--primary);border:1px solid var(--border-dark)}.badge-navy{background:var(--primary);color:#fff}.badge-success{background:var(--success-light);color:var(--success);border:1px solid #bbf7d0}.badge-warning{background:var(--warning-light);color:var(--warning);border:1px solid #fde68a}.badge-danger{background:var(--danger-light);color:var(--danger);border:1px solid #fecaca}.badge-primary{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-soft-border)}.badge-gray{color:var(--text-secondary);background:#e2e8f0}.card{background:var(--card);border-radius:var(--radius-xl);border:var(--neo-border);box-shadow:var(--neo-shadow-sm);transition:all .2s;overflow:hidden}.card:hover{box-shadow:var(--neo-shadow)}.card-header{border-bottom:var(--neo-border-sm);background:#f9fafd;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.card-header h3{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.card-body{padding:22px}@media (max-width:768px){.card-header{padding:14px 16px}.card-body{padding:16px}}.progress-bar{border-radius:var(--radius-pill);border:1.5px solid var(--border-dark);background:#e2e8f0;width:100%;height:9px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-pill);background:var(--accent);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.navy{background:var(--primary)}.progress-bar-fill.green{background:#22c55e}.progress-bar-fill.danger{background:var(--danger)}.segmented-progress{align-items:center;gap:6px;width:100%;display:flex}.segmented-bar{border-radius:var(--radius-pill);border:1px solid var(--border-dark);background:#e2e8f0;flex:1;height:8px;transition:background .3s}.segmented-bar.filled{background:var(--accent)}.section-title{color:var(--text);letter-spacing:-.01em;margin-bottom:14px;font-size:18px;font-weight:800}.section-gap{margin-top:28px}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-muted{color:var(--text-secondary)}.text-sm{font-size:13px}.text-xs{font-size:11px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards popIn}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.float-mascot{animation:3s ease-in-out infinite floatGentle}.eyebrow{letter-spacing:.01em;color:var(--text-secondary);font-size:12px;font-weight:800}.neo-tag{border-radius:var(--radius-pill);background:var(--accent);color:var(--primary);border:var(--neo-border);letter-spacing:.02em;align-items:center;gap:6px;width:fit-content;padding:3px 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:2px 2px #0f1e3673}.btn-dark-gold{border-radius:var(--radius-pill);background:var(--primary);color:var(--accent-light);box-shadow:3px 3px 0 var(--accent);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-dark-gold:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-1px,-1px)}.btn-dark-gold:active{box-shadow:0 0 0 var(--accent);transform:translate(2px,2px)}
