@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #020617;--bg-dark: #0a0f1a;--bg-card: #0d1117;--bg-surface: #131b2e;--bg-elevated: rgba(255,255,255,.025);--border: rgba(255,255,255,.07);--border-soft: rgba(255,255,255,.04);--border-accent: rgba(99,102,241,.45);--accent-from: #3b82f6;--accent-to: #8b5cf6;--accent-mid: #6366f1;--accent-grad: linear-gradient(135deg, #3b82f6, #8b5cf6);--gold: #6366f1;--gold-light: #a5b4fc;--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.5);--text-muted: rgba(255,255,255,.28);--text-faint: rgba(255,255,255,.14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:Inter,system-ui,sans-serif}#root{min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f173}.glass-card{background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.premium-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.premium-card:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 8px 32px #00000059,0 0 0 1px #6366f114}.panel-card{background:#0d1117;border:1px solid rgba(255,255,255,.07);transition:border-color .2s ease}.panel-card:hover{border-color:#6366f12e}.surface-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.surface-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.stat-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);transition:border-color .2s,transform .2s,box-shadow .2s}.stat-card:hover{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 12px 40px #0006}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .15s ease,box-shadow .2s ease;border:none}.btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 4px 24px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);opacity:1}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;cursor:pointer;border:none;transition:opacity .2s,transform .15s,box-shadow .2s}.btn-gold:hover:not(:disabled){opacity:.88;box-shadow:0 4px 24px #6366f166;transform:translateY(-1px)}.btn-outline{border:1px solid rgba(255,255,255,.1);color:#fff9;background:transparent;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff2e;color:#fff}.btn-ghost{background:transparent;border:none;color:#fff6;cursor:pointer;transition:color .2s,background .2s;border-radius:12px;padding:8px}.btn-ghost:hover{color:#fff;background:#ffffff0f}.dark-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s}.dark-input:focus{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f11a;background:#ffffff0f}.dark-input::placeholder{color:#ffffff38}.dark-input option{background:#131b2e;color:#fff}.badge-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.badge-inactive{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.badge-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.badge-lost{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.badge-completed{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.badge-info{background:#6366f11a;color:#a5b4fc;border:1px solid rgba(99,102,241,.22);font-size:11px;font-weight:600;border-radius:9999px;padding:2px 8px}.text-accent{background-image:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.gold-shimmer{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;animation:shimmer 2s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{border-top:1px solid var(--border-soft)}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:11px 20px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#ffffff47;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody td{padding:12px 20px;font-size:13px;vertical-align:middle}.data-table tbody tr:last-child{border-bottom:none}.pill-tab{padding:7px 15px;border-radius:9999px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;color:#ffffff61;background:transparent;border:none;white-space:nowrap}.pill-tab:hover{background:#ffffff0f;color:#fffc}.pill-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;box-shadow:0 2px 12px #6366f14d}.page-title{font-size:clamp(20px,2.5vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:13px;color:#ffffff61;margin-top:5px;line-height:1.5}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff38}.stat-value{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.accent-line{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:9999px}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#020617e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-content{position:relative;width:100%;background:#0d1117;border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:24px;z-index:10;box-shadow:0 24px 80px #000000b3,0 0 0 1px #6366f10f}.form-label{display:block;font-size:12px;font-weight:500;color:#ffffff61;margin-bottom:8px;letter-spacing:.01em}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 14px #6366f133}50%{box-shadow:0 0 28px #6366f180}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slide-up{animation:slide-up .4s ease forwards}.animate-fade-in{animation:fade-in .3s ease forwards}.notif-dot{width:8px;height:8px;background:var(--accent-mid);border-radius:50%;animation:glow-pulse 2s infinite}.spinner{width:32px;height:32px;border-radius:50%;border:2.5px solid transparent;border-top-color:#6366f1;border-right-color:#6366f140;animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#ffffff29;text-align:center;gap:12px}.empty-state svg{opacity:.18}.empty-state p{font-size:14px;color:#ffffff38}.hover-row{transition:background .15s}.hover-row:hover{background:#ffffff06}.input-group{position:relative}.input-group .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff40;pointer-events:none}.input-group input{padding-left:36px}.footer-bottom{flex-wrap:wrap}@media(max-width:600px){.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}@media(max-width:768px){.app-main-content{padding:16px 16px 32px!important}.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(2,1fr)!important}.stats-grid-2,.two-col-panels,.demo-form-grid{grid-template-columns:1fr!important}.newsletter-form{flex-direction:column!important}.notif-dropdown{width:280px!important;right:-60px!important}.hide-mobile{display:none!important}.page-title{font-size:20px!important;-webkit-text-fill-color:transparent!important}.modal-content{border-radius:16px!important;padding:20px!important}.pill-tabs-row{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px}.nav-desktop-links{display:none!important}.nav-hamburger{display:flex!important}.nav-signin-link{display:none!important}}@media(min-width:769px){.nav-hamburger{display:none!important}}@media(max-width:480px){.stats-grid-3{grid-template-columns:1fr!important}.stats-grid-4{grid-template-columns:1fr 1fr!important}}.gradient-border-card{position:relative;background:#ffffff06;border-radius:16px}.gradient-border-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}