@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-green-950:#072a0e;--brand-green-900:#0b3b14;--brand-green-800:#0f4a1c;--brand-green-700:#14612a;--brand-green-600:#1a7a36;--brand-green-100:#d7eedd;--brand-green-50:#eef8f1;--brand-gold-600:#b8891a;--brand-gold-500:#d4a62a;--brand-gold-400:#e6be45;--brand-gold-100:#f7ecc6;--brand-gold-50:#fcf7e8;--gradient-gold:linear-gradient(135deg, #f3d36b 0%, #d4a62a 45%, #b8891a 100%);--gradient-green:linear-gradient(135deg, #14612a 0%, #0b3b14 100%);--bg-main:#f8fafc;--bg-surface:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#fffc;--border-subtle:#eef0f3;--border-strong:#e2e8f0;--border-glow:#d4a62a73;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--primary:var(--brand-green-700);--accent-emerald:var(--brand-green-700);--accent-emerald-glow:#1a7a3629;--accent-cyan:#0369a1;--accent-amber:var(--brand-gold-600);--accent-rose:#e11d48;--accent-indigo:#4f46e5;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 2px 4px #0f172a08, 0 6px 16px #0f172a0f;--shadow-lg:0 4px 8px #0f172a0a, 0 16px 32px #0f172a17;--shadow-xl:0 8px 16px #0f172a0d, 0 24px 48px #0f172a1f;--shadow-glow:0 6px 20px #d4a62a47;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:var(--text-primary);font-family:inherit;font-size:.95rem}::selection{background:var(--brand-gold-100);color:var(--brand-green-900)}svg.lucide{vertical-align:-.15em;flex-shrink:0}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}.gradient-text,.gradient-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-emerald{background:linear-gradient(135deg,#14612a 0%,#b8891a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.code-font{letter-spacing:.04em;font-family:JetBrains Mono,monospace}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-gold-600);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease)}.glass-panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-lift{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease)}.card-lift:hover{box-shadow:var(--shadow-xl);border-color:var(--border-strong);transform:translateY(-4px)}.btn-primary,.btn-secondary,.btn-gold,.btn-ghost{border-radius:var(--radius-sm);transition:transform .15s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.93rem;font-weight:600;display:inline-flex}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-gold:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--brand-green-800);color:#fff;box-shadow:0 1px 2px #0b3b1433,0 4px 12px #0b3b142e}.btn-primary:hover:not(:disabled){background:var(--brand-green-900);box-shadow:0 2px 4px #0b3b1433,0 8px 20px #0b3b1440}.btn-gold{background:var(--gradient-gold);color:var(--brand-green-950);box-shadow:var(--shadow-glow)}.btn-gold:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 8px 26px #d4a62a66}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#f8fafc;border-color:#cbd5e1}.btn-ghost{color:var(--text-secondary);padding:.55rem .85rem}.btn-ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.icon-btn{border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text-primary);box-shadow:var(--shadow-xs);transition:all .2s var(--ease);background:#fff;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:scale(1.06)}.icon-btn:active:not(:disabled){transform:scale(.94)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1b3;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-verified,.badge-confirmed{background:var(--brand-green-50);color:var(--brand-green-700);border:1px solid #1a7a3633}.badge-pending{background:var(--brand-gold-50);color:#8a6510;border:1px solid #d4a62a59}.badge-locked{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1b3}.badge-secret{color:#4338ca;background:#eef2ff;border:1px solid #6366f133}.badge-danger,.badge-rejected{color:#be123c;background:#fff1f2;border:1px solid #f43f5e38}.badge-info{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e938}.live-dot{flex-shrink:0;width:10px;height:10px;display:inline-flex;position:relative}.live-dot:before,.live-dot:after{content:"";background:#22c55e;border-radius:9999px;position:absolute;inset:0}.live-dot:before{opacity:.7;animation:1.6s cubic-bezier(0,0,.2,1) infinite ping}.live-dot.gold:before,.live-dot.gold:after{background:var(--brand-gold-500)}.live-dot.idle:before{opacity:0;animation:none}.live-dot.idle:after{background:#cbd5e1}@keyframes ping{75%,to{opacity:0;transform:scale(2.4)}}.skeleton{background:#eef1f5;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffbf 50%,#0000 100%);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-label{color:#334155;font-size:.82rem;font-weight:600}.form-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#fff;outline:none;padding:.75rem 1rem}.form-input::placeholder{color:#a0aec0}.form-input:hover{border-color:#cbd5e1}.form-input:focus{border-color:var(--brand-green-600);box-shadow:0 0 0 4px var(--accent-emerald-glow)}select.form-input option{color:#0f172a;background:#fff}table{border-spacing:0 4px;border-collapse:separate!important}table thead th{z-index:1;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700;position:sticky;top:0;border-bottom:1px solid var(--border-subtle)!important;background:#fff!important}table thead tr{background:0 0!important;border:none!important}table tbody tr{transition:background .18s var(--ease), box-shadow .18s var(--ease);border:none!important}table tbody tr:hover{box-shadow:var(--shadow-xs);background:#f8fafc!important}table tbody td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}table tbody td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}div[style*="position: fixed"][style*="inset: 0"],div[style*="position: 'fixed'"][style*=inset]{animation:backdropIn .22s var(--ease) both;-webkit-backdrop-filter:blur(4px)}div[style*="position: fixed"][style*="inset: 0"]>div,div[style*="position: 'fixed'"][style*=inset]>div{animation:modalIn .28s var(--ease) both}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s var(--ease) both}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideInRight .45s var(--ease) both}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:860px){.nav-label,.nav-user-meta{display:none}}
