:root{--navy-950: #04070f;--navy-900: #060b18;--navy-850: #08101f;--navy-800: #0b1526;--navy-750: #0e1a30;--navy-700: #122038;--navy-600: #182a47;--navy-500: #1f3559;--ink-hi: #eef3fc;--ink: #d5deee;--ink-mid: #93a2c0;--ink-low: #7286ad;--ink-faint: #3d4c6e;--blue-300: #7db4ff;--blue-400: #4d94ff;--blue-500: #2f7ff6;--blue-600: #1f66e0;--blue-700: #1a52b8;--cyan-300: #6fe8f7;--cyan-400: #35d6ee;--cyan-500: #14bfe0;--cyan-600: #0b9dbd;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--bg: var(--navy-900);--bg-deep: var(--navy-950);--surface: rgba(18, 32, 56, .55);--surface-solid: #0d1728;--surface-raised: rgba(24, 42, 71, .55);--surface-hover: rgba(31, 53, 89, .5);--border: rgba(125, 145, 190, .14);--border-strong: rgba(125, 145, 190, .26);--border-interactive: rgba(109, 141, 226, .38);--grad-primary: linear-gradient(135deg, #2f7ff6 0%, #14bfe0 100%);--grad-primary-soft: linear-gradient(135deg, rgba(47, 127, 246, .18), rgba(20, 191, 224, .1));--grad-growth: linear-gradient(135deg, #10b981 0%, #14bfe0 100%);--grad-hero: radial-gradient(1200px 700px at 75% -10%, rgba(47, 127, 246, .22), transparent 60%), radial-gradient(900px 600px at -10% 40%, rgba(20, 191, 224, .12), transparent 55%), radial-gradient(800px 800px at 55% 115%, rgba(16, 185, 129, .1), transparent 60%);--glow-blue: 0 0 0 1px rgba(47, 127, 246, .35), 0 8px 40px -6px rgba(47, 127, 246, .45);--glow-cyan: 0 0 0 1px rgba(20, 191, 224, .35), 0 8px 36px -6px rgba(20, 191, 224, .4);--glow-emerald: 0 0 0 1px rgba(16, 185, 129, .3), 0 8px 32px -6px rgba(16, 185, 129, .35);--text-primary: var(--ink-hi);--text-secondary: var(--ink-mid);--text-muted: var(--ink-low);--text-faint: var(--ink-faint);--text-accent: var(--cyan-400);--text-link: var(--blue-300);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: clamp(2.5rem, 1.6rem + 3.4vw, 4rem);--fs-5xl: clamp(2.75rem, 1.4rem + 5.4vw, 5rem);--lh-tight: 1.12;--lh-snug: 1.3;--lh-normal: 1.6;--lh-relaxed: 1.75;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--ls-tight: -.03em;--ls-tighter: -.045em;--ls-wide: .08em;--ls-wider: .16em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 104px;--container: 1200px;--container-wide: 1320px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(2, 6, 16, .4), 0 2px 8px rgba(2, 6, 16, .28);--shadow-2: 0 4px 16px -4px rgba(2, 6, 16, .5), 0 12px 40px -12px rgba(2, 6, 16, .45);--shadow-3: 0 8px 28px -6px rgba(2, 6, 16, .55), 0 28px 72px -16px rgba(2, 6, 16, .5);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-focus: 0 0 0 2px var(--navy-900), 0 0 0 4px rgba(53, 214, 238, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .42s;--dur-stagger: 60ms}[data-theme=light]{--bg: #f6f8fd;--bg-deep: #eef2fa;--surface: #ffffff;--surface-solid: #ffffff;--surface-raised: #ffffff;--border: rgba(24, 42, 71, .1);--border-strong: rgba(24, 42, 71, .18);--text-primary: #0e1a30;--text-secondary: #45536f;--text-muted: #67769b}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--navy-600) transparent}body{background:var(--bg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--text-link);text-decoration:none}p a{text-decoration:underline;text-underline-offset:3px}::-moz-selection{background:#2f7ff659;color:#fff}::selection{background:#2f7ff659;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:8px;border:2px solid var(--navy-900)}::-webkit-scrollbar-thumb:hover{background:var(--navy-500)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);text-wrap:balance}h1{font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tighter)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}.text-gradient{background:linear-gradient(100deg,#7db4ff,#35d6ee,#6ee7b7 110%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-blue{background:linear-gradient(100deg,#4d94ff,#35d6ee);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-accent)}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-6)}.container-wide{max-width:var(--container-wide)}@media (max-width: 640px){.container{padding-inline:var(--space-5)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.grid{display:grid}.hidden{display:none!important}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 640px at 85% -12%,rgba(47,127,246,.14),transparent 60%),radial-gradient(900px 560px at -8% 30%,rgba(20,191,224,.08),transparent 55%),radial-gradient(900px 720px at 60% 110%,rgba(16,185,129,.07),transparent 60%)}.grid-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(125,145,190,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(125,145,190,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,black 30%,transparent 75%)}.noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.anim-rise{animation:rise var(--dur-slow) var(--ease-out) both}.anim-fade{animation:fade var(--dur-slow) var(--ease-out) both}.anim-scale{animation:scale-in var(--dur-slow) var(--ease-out) both}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal].revealed{opacity:1;transform:none}[data-reveal-stagger]>*{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal-stagger].revealed>*{opacity:1;transform:none}[data-reveal-stagger].revealed>*:nth-child(1){transition-delay:0ms}[data-reveal-stagger].revealed>*:nth-child(2){transition-delay:70ms}[data-reveal-stagger].revealed>*:nth-child(3){transition-delay:.14s}[data-reveal-stagger].revealed>*:nth-child(4){transition-delay:.21s}[data-reveal-stagger].revealed>*:nth-child(5){transition-delay:.28s}[data-reveal-stagger].revealed>*:nth-child(6){transition-delay:.35s}[data-reveal-stagger].revealed>*:nth-child(n+7){transition-delay:.42s}.logo-mark.has-logo{background:#05070d;border:1px solid var(--border);overflow:hidden}.logo-mark.has-logo img.brand-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.btn{--btn-bg: transparent;--btn-fg: var(--text-primary);--btn-border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1.2;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn svg{width:17px;height:17px;flex:none}.btn .btn-arrow{transition:transform var(--dur-base) var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-primary{--btn-fg: #ffffff;background:var(--grad-primary);box-shadow:0 1px 2px #02061066,inset 0 1px #ffffff2e,0 8px 24px -8px #2f7ff68c}.btn-primary:hover{filter:brightness(1.08) saturate(1.05);box-shadow:0 1px 2px #02061066,inset 0 1px #fff3,0 10px 34px -8px #2f7ff6a6}.btn-growth{--btn-fg: #04120c;background:var(--grad-growth);box-shadow:inset 0 1px #ffffff47,0 8px 24px -8px #10b98180}.btn-growth:hover{filter:brightness(1.07)}.btn-ghost{--btn-fg: var(--ink)}.btn-ghost:hover{--btn-fg: var(--text-primary);background:var(--surface-hover)}.btn-outline{--btn-border: var(--border-strong);--btn-fg: var(--ink);background:#182a4740}.btn-outline:hover{--btn-border: var(--border-interactive);--btn-fg: var(--text-primary);background:var(--surface-hover);box-shadow:0 6px 20px -8px #02061080}.btn-soft{--btn-bg: var(--surface);--btn-border: var(--border);--btn-fg: var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-soft:hover{--btn-border: var(--border-interactive);--btn-fg: var(--text-primary)}.btn-danger{--btn-fg: #fff;background:linear-gradient(135deg,var(--rose-500),var(--rose-600));box-shadow:0 8px 24px -8px #f43f5e80}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{padding:6px 13px;font-size:var(--fs-sm);border-radius:var(--radius-xs)}.btn-sm svg{width:15px;height:15px}.btn-lg{padding:13px 26px;font-size:var(--fs-md);border-radius:var(--radius-md)}.btn-lg svg{width:19px;height:19px}.btn-block{width:100%}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.btn-icon svg{width:18px;height:18px}.btn.loading{color:transparent!important;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.btn-outline.loading:after,.btn-ghost.loading:after,.btn-soft.loading:after{border-color:#93a2c04d;border-top-color:var(--text-primary)}.btn.success{background:var(--grad-growth)!important;color:#04120c!important}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:var(--fw-semibold);color:var(--text-link);transition:color var(--dur-fast) var(--ease-out)}.link-arrow svg{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out)}.link-arrow:hover{color:var(--cyan-300)}.link-arrow:hover svg{transform:translate(3px)}.panel{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-1),var(--shadow-inset)}.panel-raised{background:var(--surface-raised);box-shadow:var(--shadow-2),var(--shadow-inset)}.panel-pad{padding:var(--space-6)}.card-interactive{transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card-interactive:hover{transform:translateY(-3px);border-color:var(--border-interactive);box-shadow:var(--shadow-2)}.edge-glow:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,214,238,.6),transparent);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.card-interactive.edge-glow:hover:before{opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.01em;line-height:1.6;border:1px solid transparent;white-space:nowrap}.badge svg{width:12px;height:12px}.badge-sm{padding:1px 7px;font-size:var(--fs-2xs, 11px);line-height:1.5}.badge-blue{background:#2f7ff624;color:var(--blue-300);border-color:#2f7ff64d}.badge-cyan{background:#14bfe021;color:var(--cyan-300);border-color:#14bfe04d}.badge-green{background:#10b98121;color:var(--emerald-300);border-color:#10b98152}.badge-amber{background:#f59e0b21;color:var(--amber-400);border-color:#f59e0b4d}.badge-rose{background:#f43f5e21;color:var(--rose-400);border-color:#f43f5e4d}.badge-neutral{background:#7d91be1f;color:var(--ink-mid);border-color:var(--border-strong)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge .dot.pulse{animation:pulse-dot 2.2s var(--ease-in-out) infinite}.badge[data-status=New],.badge[data-status="To Do"],.badge[data-status=Draft]{composes:badge-neutral}.badge[data-status=New]{background:#2f7ff624;color:var(--blue-300);border-color:#2f7ff64d}.badge[data-status=Contacted],.badge[data-status="In Progress"]{background:#14bfe021;color:var(--cyan-300);border-color:#14bfe04d}.badge[data-status=Interested],.badge[data-status=Follow-up],.badge[data-status=Pending]{background:#f59e0b21;color:var(--amber-400);border-color:#f59e0b4d}.badge[data-status=Qualified],.badge[data-status="Proposal Sent"],.badge[data-status="Meeting Scheduled"],.badge[data-status="Meeting scheduled"]{background:#6366f129;color:#a5b4fc;border-color:#6366f159}.badge[data-status=Won],.badge[data-status=Joined],.badge[data-status=Paid],.badge[data-status=Done],.badge[data-status=Active]{background:#10b98124;color:var(--emerald-300);border-color:#10b98152}.badge[data-status=Lost],.badge[data-status="Not interested"],.badge[data-status=Overdue]{background:#f43f5e21;color:var(--rose-400);border-color:#f43f5e4d}.badge[data-status="Partially Paid"]{background:#f59e0b21;color:var(--amber-400);border-color:#f59e0b4d}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.field>label .req{color:var(--cyan-400)}.input,.select,.textarea{width:100%;padding:10px 14px;background:#040a178c;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--ink-faint)}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#35d6ee8c;box-shadow:0 0 0 3px #14bfe024;background:#040a17bf}.textarea{resize:vertical;min-height:96px;line-height:var(--lh-relaxed)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393a2c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.select option{background:var(--navy-800);color:var(--ink)}.input.invalid,.textarea.invalid,.select.invalid{border-color:#f43f5e8c;box-shadow:0 0 0 3px #f43f5e1f}.form-msg{font-size:var(--fs-sm);min-height:20px;color:var(--text-muted)}.form-msg.error{color:var(--rose-400)}.form-msg.ok{color:var(--emerald-300)}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary)}.check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin-top:2px;border:1.5px solid var(--border-strong);border-radius:5px;background:#040a178c;display:grid;place-items:center;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.check input[type=checkbox]:after{content:"";width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304120c' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.check input[type=checkbox]:checked{background:var(--grad-primary);border-color:transparent}.check input[type=checkbox]:checked:after{opacity:1;transform:scale(1)}.search-field{position:relative}.search-field svg{position:absolute;left:12px;top:50%;translate:0 -50%;width:16px;height:16px;color:var(--ink-low);pointer-events:none}.search-field .input{padding-left:38px}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:#08101f73}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:640px}table.data thead th{text-align:left;padding:11px 16px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:#0e1a3099;white-space:nowrap}table.data tbody td{padding:13px 16px;border-bottom:1px solid rgba(125,145,190,.08);color:var(--ink);vertical-align:middle}table.data tbody tr{transition:background var(--dur-fast) var(--ease-out)}table.data tbody tr:hover{background:#1f355947}table.data tbody tr:last-child td{border-bottom:none}td.cell-strong{color:var(--text-primary);font-weight:var(--fw-semibold)}td .cell-sub{display:block;font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.progress{height:7px;border-radius:var(--radius-full);background:#08101fcc;overflow:hidden;border:1px solid rgba(125,145,190,.1)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--grad-primary);transition:width .9s var(--ease-out)}.progress.emerald>span{background:var(--grad-growth)}.progress.amber>span{background:linear-gradient(90deg,var(--amber-500),var(--amber-400))}.progress.rose>span{background:linear-gradient(90deg,var(--rose-500),var(--rose-400))}.tabs{display:flex;gap:4px;padding:4px;background:#040a1780;border:1px solid var(--border);border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--text-primary);background:var(--surface-raised);box-shadow:var(--shadow-1),inset 0 1px #ffffff0f}.segmented{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:#08101f66;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:all var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--ink);border-color:var(--border-strong)}.chip.active{color:var(--text-primary);background:#2f7ff629;border-color:#2f7ff673;box-shadow:0 0 16px -4px #2f7ff666}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:#02050cb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.modal-overlay.open{opacity:1}.modal{width:100%;max-width:560px;max-height:min(86dvh,780px);display:flex;flex-direction:column;background:linear-gradient(180deg,#182a47d9,#0d1728eb);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-3),var(--glow-blue);transform:translateY(14px) scale(.97);opacity:0;transition:transform var(--dur-base) var(--ease-spring),opacity var(--dur-base) var(--ease-out);overflow:hidden}.modal-overlay.open .modal{transform:none;opacity:1}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-head h3{font-size:var(--fs-lg)}.modal-body{padding:var(--space-6);overflow-y:auto}.confirm-danger-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--rose-400);background:#f43f5e1f;border:1px solid rgba(244,63,94,.3)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:#040a1759}.toast-region{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:200;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:linear-gradient(180deg,#182a47eb,#0d1728f2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);color:var(--ink);font-size:var(--fs-sm);opacity:0;transform:translate(24px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.toast.show{opacity:1;transform:none}.toast.leaving{opacity:0;transform:translateY(8px) scale(.98)}.toast svg{width:18px;height:18px;flex:none;margin-top:1px}.toast.ok svg{color:var(--emerald-400)}.toast.error svg{color:var(--rose-400)}.toast.info svg{color:var(--cyan-400)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:220px;padding:6px;background:linear-gradient(180deg,#182a47f2,#0d1728f7);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.dropdown.open .dropdown-menu{opacity:1;transform:none;pointer-events:auto}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-xs);font-size:var(--fs-sm);color:var(--ink);text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.dropdown-item svg{width:15px;height:15px;color:var(--text-muted)}.dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary)}.dropdown-item.danger{color:var(--rose-400)}.dropdown-sep{height:1px;margin:6px 8px;background:var(--border)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#1f355940 25%,#2f508252,#1f355940 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-text{height:12px;margin-bottom:9px}.skeleton-text.w-2{width:40%}.skeleton-text.w-3{width:65%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-9) var(--space-6);text-align:center}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--grad-primary-soft);border:1px solid var(--border);color:var(--cyan-400)}.empty-icon svg{width:24px;height:24px}.empty h4{font-size:var(--fs-md)}.empty p{font-size:var(--fs-sm);color:var(--text-muted);max-width:380px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;padding:6px 10px;background:#101b31;border:1px solid var(--border-strong);border-radius:var(--radius-xs);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out);z-index:90}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;translate:-50% 0}[data-tip-right]:after{bottom:auto;left:calc(100% + 10px);top:50%;translate:-4px -50%}[data-tip-right]:hover:after,[data-tip-right]:focus-visible:after{translate:0 -50%}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad-primary-soft);border:1px solid var(--border-interactive);color:var(--blue-300);font-weight:var(--fw-bold);font-size:var(--fs-sm);flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-lg{width:52px;height:52px;font-size:var(--fs-lg)}.avatar-sm{width:30px;height:30px;font-size:var(--fs-xs)}kbd{font-family:var(--font-mono);font-size:10.5px;padding:2px 6px;border-radius:5px;border:1px solid var(--border-strong);border-bottom-width:2px;background:#08101fcc;color:var(--text-muted)}
