@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--amani-pure-white:#fff;--amani-sky-blue:#48cbff;--amani-roof-blue:#72cbff;--amani-deep-blue:#06418a;--amani-navy:#0e1726;--amani-gold:#c5a880;--amani-gold-dark:#a68759;--amani-sky-50:#f4fafd;--amani-sky-100:#e8f7fd;--amani-sky-200:#d2effc;--amani-sky-300:#bbe6fa;--amani-sky-400:#a4def8;--color-white:#fff;--color-alabaster:#f8fafc;--color-slate:#64748b;--color-slate-light:#94a3b8;--color-charcoal:#1e293b;--color-text-dark:#0f172a;--color-text-body:#334155;--bg-primary:#f3f8fc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fbfe;--bg-glass:#fffffff2;--border-subtle:#e2eef8;--border-card:#d7e7f5;--border-active:#48cbff;--border-gold:#e5d5c0;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-blue:#06418a;--text-gold:#a68759;--font-heading:"Poppins", "Plus Jakarta Sans", sans-serif;--font-sans:"Plus Jakarta Sans", "Poppins", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-card:0 4px 20px #06418a0d, 0 1px 3px #00000008;--shadow-hover:0 10px 30px #06418a17, 0 2px 6px #0000000a;--shadow-header:0 2px 12px #06418a0a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(at 0 0,#48cbff14 0,#0000 40%),radial-gradient(at 100% 0,#06418a0d 0,#0000 45%),radial-gradient(at 50% 100%,#c5a8800d 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--amani-deep-blue)}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--amani-sky-blue)}.card,.glass-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--amani-sky-300);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.text-gradient{background:linear-gradient(135deg,#06418a 0%,#0284c7 60% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gold-gradient{background:linear-gradient(135deg,#06418a 0%,#a68759 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge{letter-spacing:.02em;font-size:.75rem;font-weight:700;font-family:var(--font-sans);border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.badge-blue{background:var(--amani-sky-100);color:var(--amani-deep-blue);border:1px solid var(--amani-sky-300)}.badge-gold{color:var(--amani-gold-dark);border:1px solid var(--border-gold);background:#fbf7f0}.badge-sky{color:#0369a1;border:1px solid var(--amani-sky-300);background:#e8f7fd}.badge-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-sans);background:linear-gradient(135deg,#06418a 0%,#0852ae 100%);border:1px solid #06418a;align-items:center;gap:8px;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 10px #06418a33}.btn-primary:hover{background:linear-gradient(135deg,#05336e 0%,#06418a 100%);transform:translateY(-1px);box-shadow:0 4px 14px #06418a4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-charcoal);border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-sans);background:#fff;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--amani-sky-50);border-color:var(--amani-sky-300);color:var(--amani-deep-blue)}.table-row-hover:hover{background:#f0f8fd!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}