:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:#08111f;--bg-secondary:#0d1828;--bg-tertiary:#122033;--bg-elevated:#17263a;--bg-glass:#111f31d1;--bg-glass-hover:#18293ef0;--ink-primary:#f4f8fb;--ink-secondary:#b7c8d7;--ink-muted:#7d93a7;--ink-inverse:#07111f;--accent-cyan:#38bdf8;--accent-teal:#2dd4bf;--accent-amber:#f59e0b;--accent-violet:#7c8fa5;--accent-purple:#7c8fa5;--accent-rose:#e11d48;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#38bdf8;--border-default:#94a3b83d;--border-glass:#94a3b82e;--border-hover:#38bdf873;--accent-pink:#fb7185;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #010a143d;--shadow-md:0 8px 18px #010a143d;--shadow-lg:0 18px 36px #010a1447;--shadow-xl:0 26px 54px #010a1457;--shadow-glow-cyan:0 0 0 1px #38bdf847, 0 18px 42px #064e743d;--shadow-glow-teal:0 0 0 1px #2dd4bf42, 0 18px 42px #0f766e38;--ui-panel-material:url(/northline-ui/panel-dark.webp);--ui-button-material:url(/northline-ui/button-primary.webp);--ui-danger-material:url(/northline-ui/button-danger.webp);--ui-material-opacity:.2;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--z-toast:1070}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:linear-gradient(180deg, var(--bg-primary) 0%, #050b14 100%);color:var(--ink-primary);line-height:1.6}@media (prefers-color-scheme:light){:root{--bg-primary:#f6f8fb;--bg-secondary:#fff;--bg-tertiary:#eef3f8;--bg-elevated:#fff;--bg-glass:#ffffffe0;--bg-glass-hover:#fffffffa;--ink-primary:#102033;--ink-secondary:#354a60;--ink-muted:#4f647a;--ink-inverse:#06111f;--accent-cyan:#087fb0;--accent-teal:#0f8f7d;--accent-amber:#b45309;--accent-violet:#60748c;--accent-purple:#60748c;--accent-rose:#be123c;--success:#15803d;--danger:#dc2626;--warning:#b45309;--info:#087fb0;--border-default:#60748c42;--border-glass:#60748c33;--border-hover:#087fb080;--accent-pink:#e11d48;--shadow-sm:0 1px 2px #10203314;--shadow-md:0 10px 24px #1020331a;--shadow-lg:0 18px 40px #1020331f;--shadow-xl:0 26px 56px #10203324;--shadow-glow-cyan:0 0 0 1px #087fb02e, 0 18px 38px #087fb01f;--shadow-glow-teal:0 0 0 1px #0f8f7d2e, 0 18px 38px #0f8f7d1f;--ui-panel-material:url(/northline-ui/panel-light.webp);--ui-material-opacity:.14}body{background:radial-gradient(circle at 10% 0,#087fb01a,#0000 28rem),linear-gradient(#f8fafc 0%,#edf3f8 100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-cyan), 0 0 10px var(--accent-cyan)}50%{box-shadow:0 0 20px var(--accent-cyan), 0 0 30px var(--accent-cyan)}}.animate-fade-out{animation:fade-out var(--transition-base) forwards}.animate-slide-in-right{animation:slide-in-right var(--transition-slow) forwards}.animate-slide-in-left{animation:slide-in-left var(--transition-slow) forwards}.animate-slide-in-up{animation:slide-in-up var(--transition-slow) forwards}.animate-scale-in{animation:scale-in var(--transition-base) forwards}.animate-shimmer{background-size:200% 100%;animation:2s linear infinite shimmer}.animate-pulse-critical{animation:1s infinite pulse-critical}.animate-glow-pulse{animation:2s infinite glow-pulse}.glass{background:linear-gradient(rgba(255, 255, 255, var(--ui-material-opacity)), #fff0), var(--ui-panel-material), var(--bg-glass);background-blend-mode:soft-light, overlay, normal;-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);background-size:auto,cover,auto}.glass-strong{background:linear-gradient(rgba(255, 255, 255, calc(var(--ui-material-opacity) + .04)), #fff0), var(--ui-panel-material), var(--bg-glass-hover);background-blend-mode:soft-light, overlay, normal;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);background-size:auto,cover,auto}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.p-0{padding:0}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.min-h-screen{min-height:100vh}.min-h-\[100px\]{min-height:100px}.min-w-0{min-width:0}.min-w-\[64px\]{min-width:64px}.min-w-\[120px\]{min-width:120px}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-64{width:16rem}.w-full{width:100%}.h-0\.5{height:.125rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-screen{height:100vh}.h-full{height:100%}.max-w-lg{max-width:32rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.resize-y{resize:vertical}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-none{border-radius:0}.rounded{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.rounded-\[var\(--radius-sm\)\]{border-radius:var(--radius-sm)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border:1px solid var(--border-default)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.border-l-2{border-left:2px solid}.border-b-2{border-bottom:2px solid #0000}.border-transparent{border-color:#0000}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(20px)}.text-\[10px\]{font-size:10px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.text-white{color:#fff}.text-\[var\(--ink-primary\)\]{color:var(--ink-primary)}.text-\[var\(--ink-secondary\)\]{color:var(--ink-secondary)}.text-\[var\(--ink-muted\)\]{color:var(--ink-muted)}.text-\[var\(--ink-inverse\)\]{color:var(--ink-inverse)}.text-\[var\(--accent-cyan\)\]{color:var(--accent-cyan)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-\[var\(--danger\)\]{color:var(--danger)}.bg-transparent{background:0 0}.bg-\[var\(--bg-primary\)\]{background:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background:var(--bg-secondary)}.bg-\[var\(--bg-elevated\)\]{background:var(--bg-elevated)}.bg-\[var\(--bg-glass\)\]{background:linear-gradient(rgba(255, 255, 255, var(--ui-material-opacity)), #fff0), var(--ui-panel-material), var(--bg-glass);background-blend-mode:soft-light, overlay, normal;background-size:auto,cover,auto}.bg-\[var\(--bg-elevated\)\]\/95{background:color-mix(in srgb, var(--bg-elevated) 95%, transparent)}.bg-\[var\(--warning\)\]\/20{background:color-mix(in srgb, var(--warning) 20%, transparent)}.bg-\[var\(--danger\)\]\/20{background:color-mix(in srgb, var(--danger) 20%, transparent)}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--accent-cyan), var(--accent-teal))}.from-\[var\(--accent-cyan\)\]{--gradient-from:var(--accent-cyan)}.via-\[var\(--accent-teal\)\]{--gradient-via:var(--accent-teal)}.to-\[var\(--accent-purple\)\]{--gradient-to:var(--accent-violet)}.to-\[var\(--accent-teal\)\]{--gradient-to:var(--accent-teal)}.from-\[var\(--danger\)\]{--gradient-from:var(--danger)}.to-\[var\(--accent-pink\)\]{--gradient-to:var(--accent-rose)}.from-transparent{--gradient-from:transparent}.via-white\/20{--gradient-via:#fff3}.to-transparent{--gradient-to:transparent}.bg-gradient-to-r{background-image:var(--ui-button-material), linear-gradient(to right, var(--gradient-from,var(--accent-cyan)), var(--gradient-via,var(--accent-teal)), var(--gradient-to,var(--accent-teal)));background-blend-mode:soft-light, normal;background-size:auto,cover}button[class*="from-[var(--danger)]"].bg-gradient-to-r{background-image:var(--ui-danger-material), linear-gradient(to right, var(--gradient-from,var(--danger)), var(--gradient-via,#f97316), var(--gradient-to,var(--accent-rose)))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-base)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.duration-\[var\(--transition-fast\)\]{transition-duration:var(--transition-fast)}.duration-\[var\(--transition-base\)\]{transition-duration:var(--transition-base)}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-full{transform:translate(-100%)}.translate-x-full{transform:translate(100%)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sticky{position:sticky}.left-3{left:.75rem}.right-3{right:.75rem}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.top-1\/2{top:50%}.justify-end{justify-content:flex-end}.ml-auto{margin-left:auto}.object-cover{object-fit:cover}.overflow-x-auto{overflow-x:auto}.shrink-0{flex-shrink:0}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.line-through{text-decoration-line:line-through}.tracking-wider{letter-spacing:.05em}.w-1\/2{width:50%}.h-1\/2{height:50%}.w-12{width:3rem}.h-12{height:3rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-80{width:20rem}.max-w-sm{max-width:24rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.p-1{padding:.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.-space-x-2>*+*{margin-left:-.5rem}.divide-y>*+*{border-top:1px solid var(--border-default)}.divide-\[var\(--border-default\)\]>*+*{border-color:var(--border-default)}.border-2{border-style:solid;border-width:2px}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-\[var\(--shadow-xl\)\]{box-shadow:var(--shadow-xl)}.shadow-\[var\(--shadow-glow-cyan\)\]{box-shadow:var(--shadow-glow-cyan)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.font-\[var\(--font-body\)\]{font-family:var(--font-body)}.font-\[var\(--font-display\)\]{font-family:var(--font-display)}.accent-\[var\(--accent-cyan\)\]{accent-color:var(--accent-cyan)}.ring-2{box-shadow:0 0 0 2px var(--ring-color,var(--border-default))}.ring-\[var\(--bg-primary\)\]{--ring-color:var(--bg-primary)}.ring-\[var\(--border-default\)\]{--ring-color:var(--border-default)}.text-\[var\(--accent-purple\)\]{color:var(--accent-purple)}.text-\[var\(--accent-teal\)\]{color:var(--accent-teal)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--success\)\]{color:var(--success)}.text-red-400{color:#f87171}.bg-\[var\(--accent-cyan\)\]{background-color:var(--accent-cyan)}.bg-\[var\(--accent-purple\)\]{background-color:var(--accent-purple)}.bg-\[var\(--accent-teal\)\]{background-color:var(--accent-teal)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-\[var\(--danger\)\]{background-color:var(--danger)}.bg-\[var\(--info\)\]{background-color:var(--info)}.bg-\[var\(--ink-muted\)\]{background-color:var(--ink-muted)}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--warning\)\]{background-color:var(--warning)}.bg-\[var\(--accent-cyan\)\]\/10{background-color:color-mix(in srgb, var(--accent-cyan) 10%, transparent)}.bg-\[var\(--accent-cyan\)\]\/15{background-color:color-mix(in srgb, var(--accent-cyan) 15%, transparent)}.bg-\[var\(--accent-cyan\)\]\/20{background-color:color-mix(in srgb, var(--accent-cyan) 20%, transparent)}.bg-\[var\(--accent-purple\)\]\/15{background-color:color-mix(in srgb, var(--accent-purple) 15%, transparent)}.bg-\[var\(--accent-teal\)\]\/15{background-color:color-mix(in srgb, var(--accent-teal) 15%, transparent)}.bg-\[var\(--bg-secondary\)\]\/30{background-color:color-mix(in srgb, var(--bg-secondary) 30%, transparent)}.bg-\[var\(--danger\)\]\/10{background-color:color-mix(in srgb, var(--danger) 10%, transparent)}.bg-\[var\(--danger\)\]\/15{background-color:color-mix(in srgb, var(--danger) 15%, transparent)}.bg-\[var\(--info\)\]\/10{background-color:color-mix(in srgb, var(--info) 10%, transparent)}.bg-\[var\(--info\)\]\/15{background-color:color-mix(in srgb, var(--info) 15%, transparent)}.bg-\[var\(--success\)\]\/5{background-color:color-mix(in srgb, var(--success) 5%, transparent)}.bg-\[var\(--success\)\]\/10{background-color:color-mix(in srgb, var(--success) 10%, transparent)}.bg-\[var\(--success\)\]\/15{background-color:color-mix(in srgb, var(--success) 15%, transparent)}.bg-\[var\(--success\)\]\/20{background-color:color-mix(in srgb, var(--success) 20%, transparent)}.bg-\[var\(--warning\)\]\/10{background-color:color-mix(in srgb, var(--warning) 10%, transparent)}.bg-\[var\(--warning\)\]\/15{background-color:color-mix(in srgb, var(--warning) 15%, transparent)}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-red-500\/20{background-color:#ef444433}.border-\[var\(--accent-cyan\)\]{border-color:var(--accent-cyan)}.border-\[var\(--accent-cyan\)\]\/30{border-color:color-mix(in srgb, var(--accent-cyan) 30%, transparent)}.border-\[var\(--accent-purple\)\]\/30{border-color:color-mix(in srgb, var(--accent-purple) 30%, transparent)}.border-\[var\(--accent-teal\)\]\/30{border-color:color-mix(in srgb, var(--accent-teal) 30%, transparent)}.border-\[var\(--border-default\)\]{border-color:var(--border-default)}.border-\[var\(--border-glass\)\]{border-color:var(--border-glass)}.border-\[var\(--danger\)\]{border-color:var(--danger)}.border-\[var\(--danger\)\]\/30{border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.border-\[var\(--danger\)\]\/40{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.border-\[var\(--info\)\]{border-color:var(--info)}.border-\[var\(--info\)\]\/30{border-color:color-mix(in srgb, var(--info) 30%, transparent)}.border-\[var\(--info\)\]\/40{border-color:color-mix(in srgb, var(--info) 40%, transparent)}.border-\[var\(--success\)\]{border-color:var(--success)}.border-\[var\(--success\)\]\/30{border-color:color-mix(in srgb, var(--success) 30%, transparent)}.border-\[var\(--success\)\]\/40{border-color:color-mix(in srgb, var(--success) 40%, transparent)}.border-\[var\(--warning\)\]{border-color:var(--warning)}.border-\[var\(--warning\)\]\/30{border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.border-\[var\(--warning\)\]\/40{border-color:color-mix(in srgb, var(--warning) 40%, transparent)}.border-\[var\(--warning\)\]\/50{border-color:color-mix(in srgb, var(--warning) 50%, transparent)}.border-t-transparent{border-top-color:#0000}.from-\[var\(--bg-secondary\)\]{--gradient-from:var(--bg-secondary)}.from-\[var\(--success\)\]{--gradient-from:var(--success)}.via-\[var\(--bg-tertiary\)\]{--gradient-via:var(--bg-tertiary)}.to-\[var\(--bg-secondary\)\]{--gradient-to:var(--bg-secondary)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:bg-\[var\(--bg-elevated\)\]:hover{background-color:var(--bg-elevated)}.hover\:bg-\[var\(--bg-glass-hover\)\]:hover{background-color:var(--bg-glass-hover)}.hover\:bg-\[var\(--bg-glass\)\]:hover{background-color:var(--bg-glass)}.hover\:bg-\[var\(--bg-glass\)\]\/50:hover{background-color:color-mix(in srgb, var(--bg-glass) 50%, transparent)}.hover\:bg-\[var\(--danger\)\]\/30:hover{background-color:color-mix(in srgb, var(--danger) 30%, transparent)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:border-\[var\(--accent-cyan\)\]:hover{border-color:var(--accent-cyan)}.hover\:border-\[var\(--border-hover\)\]:hover{border-color:var(--border-hover)}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[var\(--shadow-glow-cyan\)\]:hover{box-shadow:var(--shadow-glow-cyan)}.hover\:shadow-\[var\(--shadow-glow-teal\)\]:hover{box-shadow:var(--shadow-glow-teal)}.hover\:shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.4\)\]:hover{box-shadow:0 0 20px #ef444466}.hover\:text-\[var\(--accent-cyan\)\]:hover{color:var(--accent-cyan)}.hover\:text-\[var\(--accent-teal\)\]:hover{color:var(--accent-teal)}.hover\:text-\[var\(--ink-primary\)\]:hover{color:var(--ink-primary)}.hover\:text-\[var\(--ink-secondary\)\]:hover{color:var(--ink-secondary)}.focus\:outline-none:focus{outline:none}.focus\:border-\[var\(--accent-cyan\)\]:focus{border-color:var(--accent-cyan)}.focus\:border-\[var\(--danger\)\]:focus{border-color:var(--danger)}.focus\:ring-\[var\(--accent-cyan\)\]\/20:focus{--ring-color:color-mix(in srgb, var(--accent-cyan) 20%, transparent)}.focus\:ring-\[var\(--danger\)\]\/20:focus{--ring-color:color-mix(in srgb, var(--danger) 20%, transparent)}.focus\:shadow-\[var\(--shadow-glow-cyan\)\]:focus{box-shadow:var(--shadow-glow-cyan)}.focus\:ring-2:focus{box-shadow:0 0 0 3px var(--ring-color,color-mix(in srgb, var(--accent-cyan) 20%, transparent))}.placeholder\:text-\[var\(--ink-muted\)\]::placeholder{color:var(--ink-muted)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:translate-x-full{transform:translate(100%)}.last\:border-b-0:last-child{border-bottom:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-tooltip);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--ink-primary);border:1px solid var(--accent-cyan);box-shadow:var(--shadow-lg);transition:top var(--transition-fast);padding:.5rem 1rem;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=768px){.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-teal)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button:not(:disabled):active{transform:translateY(.5px)scale(.985)}}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}.gradient-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-teal))}.gradient-secondary{background:linear-gradient(135deg, var(--accent-violet), var(--accent-cyan))}.gradient-danger{background:linear-gradient(135deg, var(--accent-rose), var(--danger))}.text-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bottom-navigation{padding-bottom:env(safe-area-inset-bottom,0)}.nl-card:hover .nl-card-accent,.nl-card:focus-within .nl-card-accent{opacity:1}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.hover-shine:hover:after{transform:rotate(45deg)translate(100%)}.nl-world{--nl-progress:0;--nl-night:#030910;--nl-ink:#edf8fb;--nl-muted:#a5b8c2;--nl-cyan:#55d6e6;--nl-line:#c1e2eb33;isolation:isolate;min-height:760svh;color:var(--nl-ink);background:var(--nl-night);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.nl-world *,.nl-world :before,.nl-world :after{box-sizing:border-box}.nl-world button,.nl-world a{color:inherit;font:inherit}.nl-world button{border:0}.nl-world :focus-visible{outline-offset:4px;outline:2px solid #f3b75f}.nl-world__skip{z-index:100;color:#041018;background:var(--nl-cyan);padding:.7rem 1rem;transition:transform .2s;position:fixed;top:.8rem;left:.8rem;transform:translateY(-180%)}.nl-world__skip:focus{transform:translateY(0)}.nl-world__stage{z-index:1;background:var(--nl-night);height:100svh;position:sticky;top:0;overflow:hidden}.nl-world__scenes,.nl-world__scene,.nl-world__scene picture,.nl-world__scene img,.nl-world__scene video{width:100%;height:100%;position:absolute;inset:0}.nl-world__scene{opacity:0;will-change:opacity;overflow:hidden}.nl-world__scene:first-child{opacity:1}.nl-world__scene img,.nl-world__scene video{object-fit:cover;object-position:center 44%}.nl-world__scene img{filter:saturate(.84)contrast(1.06);transform:scale(1.015)}.nl-world__scene video{z-index:1;opacity:0;filter:saturate(.88)contrast(1.045)}.nl-world__scene.has-video video{opacity:1}.nl-world__scene.has-video img{opacity:0}.nl-world__grade{z-index:4;pointer-events:none;background:linear-gradient(90deg,#02070deb 0%,#02070db0 27%,#02070d24 54%,#02070d17 72%,#02070d7a 100%),linear-gradient(#02070d4d,#0000 30% 65%,#02070d9e);position:absolute;inset:0}.nl-world__grain{z-index:5;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:.28s steps(2,end) infinite nl-grain;position:absolute;inset:-50%}@keyframes nl-grain{0%{transform:translate(1%,-1%)}25%{transform:translate(-1%,2%)}50%{transform:translate(2%,1%)}75%{transform:translate(-2%,-1%)}}.nl-world__topbar{z-index:20;border-bottom:1px solid #c6e5ec21;justify-content:space-between;align-items:center;gap:2rem;width:100%;padding:1.55rem clamp(1.2rem,4vw,4.6rem);display:flex;position:absolute;top:0;left:0}.nl-world__brand{cursor:pointer;letter-spacing:.22em;background:0 0;align-items:center;gap:.85rem;padding:0;font-size:.78rem;font-weight:760;display:inline-flex}.nl-world__brand-mark{align-items:flex-end;gap:3px;width:1.65rem;height:1.18rem;display:inline-flex}.nl-world__brand-mark i{background:var(--nl-cyan);border-radius:2px;width:4px;transform:skew(-20deg);box-shadow:0 0 12px #55d6e652}.nl-world__brand-mark i:first-child{opacity:.5;height:42%}.nl-world__brand-mark i:nth-child(2){opacity:.75;height:72%}.nl-world__brand-mark i:nth-child(3){height:100%}.nl-world__nav{align-items:center;gap:clamp(1rem,2.4vw,2.5rem);display:flex}.nl-world__nav button{color:#839aa7;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;padding:.3rem 0;font-size:.68rem;transition:color .25s;position:relative}.nl-world__nav button:after{content:"";background:var(--nl-cyan);height:1px;transition:transform .3s;position:absolute;bottom:-.55rem;left:0;right:0;transform:scaleX(0)}.nl-world__nav button:hover,.nl-world__nav button.is-active{color:#e7f7fa}.nl-world__nav button.is-active:after{transform:scaleX(1)}.nl-world__portal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#030c1466;padding:.72rem 1rem;transition:background .2s,border-color .2s;border:1px solid #74dae773!important;font-size:.72rem!important;font-weight:680!important}.nl-world__portal:hover{background:#55d6e61f;border-color:var(--nl-cyan)!important}.nl-world__copy{z-index:10;pointer-events:none;position:absolute;inset:0}.nl-world__copy article{opacity:0;will-change:opacity, transform;width:min(43rem,48vw);position:absolute;top:clamp(8rem,18vh,11rem);left:clamp(1.2rem,6vw,7rem)}.nl-world__copy article:first-child{opacity:1}.nl-world__index{color:#708995;letter-spacing:.16em;margin:0;font:600 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.nl-world__eyebrow{color:var(--nl-cyan);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.9rem;margin:1.6rem 0 0;font-size:.69rem;font-weight:720;display:flex}.nl-world__eyebrow:before{content:"";background:currentColor;width:2.3rem;height:1px;box-shadow:0 0 10px}.nl-world__copy h1{letter-spacing:-.06em;text-wrap:balance;text-shadow:0 10px 45px #00000075;max-width:11.5ch;margin:1.15rem 0 0;font-size:clamp(3.2rem,6.7vw,7.2rem);font-weight:510;line-height:.91}.nl-world__body{max-width:38rem;color:var(--nl-muted);text-shadow:0 2px 18px #000c;margin:1.7rem 0 0 clamp(0rem,8vw,8rem);font-size:clamp(.96rem,1.25vw,1.14rem);line-height:1.7}.nl-world__copy ul{flex-wrap:wrap;gap:.55rem;margin:1.55rem 0 0 clamp(0rem,8vw,8rem);padding:0;list-style:none;display:flex}.nl-world__copy li{color:#c2d7dd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);letter-spacing:.07em;text-transform:uppercase;background:#040d156b;border:1px solid #b4dee638;padding:.42rem .7rem;font-size:.64rem}.nl-world__detail{color:#77909c;letter-spacing:.05em;align-items:center;gap:.65rem;margin:1.35rem 0 0 clamp(0rem,8vw,8rem);font-size:.68rem;display:flex}.nl-world__detail span{background:var(--nl-cyan);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 12px #55d6e6cc}.nl-world__actions{pointer-events:auto;align-items:center;gap:1rem;margin:1.8rem 0 0 clamp(0rem,8vw,8rem);display:flex}.nl-world__actions button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;min-height:3.25rem;padding:0 1.2rem;font-size:.68rem;font-weight:720}.nl-world__actions button:first-child{color:#031018;background:var(--nl-cyan);align-items:center;gap:2.2rem;display:inline-flex}.nl-world__actions button:last-child{background:0 0;border-bottom:1px solid #d7edf152}.nl-world__route{z-index:15;flex-direction:column;gap:1.15rem;display:flex;position:absolute;top:50%;right:clamp(1.1rem,3vw,3.2rem);transform:translateY(-50%)}.nl-world__route:before{content:"";background:#b0d6de38;width:1px;position:absolute;top:.4rem;bottom:.4rem;right:.28rem}.nl-world__route button{color:#718995;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;justify-content:flex-end;align-items:center;gap:.75rem;min-width:5rem;padding:.32rem 0;font-size:.6rem;display:flex;position:relative}.nl-world__route button span{opacity:0;transition:opacity .25s,transform .25s;transform:translate(.5rem)}.nl-world__route button i{background:#0a1820;border:1px solid #75909b;border-radius:50%;width:.58rem;height:.58rem;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;position:relative}.nl-world__route button:hover span,.nl-world__route button.is-active span{opacity:1;transform:none}.nl-world__route button.is-active{color:#d9edf1}.nl-world__route button.is-active i{border-color:var(--nl-cyan);background:var(--nl-cyan);transform:scale(1.1);box-shadow:0 0 0 5px #55d6e61c,0 0 16px #55d6e67a}.nl-world__progress{z-index:25;background:#55d6e621;height:2px;position:absolute;top:0;left:0;right:0}.nl-world__progress i{background:var(--nl-cyan);width:100%;height:100%;transform:scaleX(var(--nl-progress));transform-origin:0;display:block;box-shadow:0 0 12px #55d6e68c}.nl-world__scroll{z-index:12;color:#718893;letter-spacing:.16em;text-transform:uppercase;opacity:calc(1 - min(1, var(--nl-progress) * 12));flex-direction:column;align-items:center;gap:.65rem;font-size:.58rem;display:flex;position:absolute;bottom:1.9rem;left:50%;transform:translate(-50%)}.nl-world__scroll i{background:#b0d5dd40;width:1px;height:2.6rem;position:relative;overflow:hidden}.nl-world__scroll i:after{content:"";background:var(--nl-cyan);width:100%;height:45%;animation:1.9s ease-in-out infinite nl-scroll;position:absolute;top:-40%;left:0}@keyframes nl-scroll{to{transform:translateY(310%)}}.nl-world footer{z-index:12;color:#617a86;letter-spacing:.13em;justify-content:space-between;font:600 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;bottom:1.25rem;left:clamp(1.2rem,4vw,4.6rem);right:clamp(1.2rem,4vw,4.6rem)}.nl-world__track{z-index:0;pointer-events:none;margin-top:-100svh;position:relative}.nl-world__track>div{height:152svh}@media (width<=820px){.nl-world{min-height:730svh}.nl-world__nav{display:none}.nl-world__topbar{padding:1.15rem 1rem}.nl-world__portal{padding:.65rem .75rem}.nl-world__scene img,.nl-world__scene video{object-position:center 43%}.nl-world__grade{background:linear-gradient(#02070d42,#02070d14 36%,#02070d94 64%,#02070df5 100%)}.nl-world__copy article{top:auto;right:3.4rem;bottom:calc(5.2rem + env(safe-area-inset-bottom));width:auto;left:1.15rem;transform:none!important}.nl-world__copy h1{max-width:12ch;font-size:clamp(2.55rem,11vw,4.25rem)}.nl-world__eyebrow{margin-top:.9rem}.nl-world__body,.nl-world__copy ul,.nl-world__detail,.nl-world__actions{margin-left:0}.nl-world__body{margin-top:1rem;font-size:.94rem;line-height:1.55}.nl-world__copy ul{margin-top:1rem}.nl-world__detail{display:none}.nl-world__actions{flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:1.1rem}.nl-world__actions button{min-height:2.9rem}.nl-world__route{gap:.8rem;right:.55rem}.nl-world__route button{min-width:1.75rem;min-height:2.2rem}.nl-world__route button span,.nl-world__scroll,.nl-world footer span:last-child,.nl-world__grain{display:none}}@media (width<=430px){.nl-world__brand{letter-spacing:.15em}.nl-world__portal span{display:none}.nl-world__copy h1{font-size:clamp(2.25rem,10.5vw,3.25rem)}.nl-world__copy li:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.nl-world__scene video{display:none}.nl-world__grain,.nl-world__scroll i:after{animation:none}.nl-world__scene img{transform:none}}@media (prefers-contrast:more){.nl-world__grade{background:linear-gradient(90deg,#010509fa,#010509c7 45%,#01050959)}.nl-world__copy li,.nl-world__portal{border-color:#8feaf3!important}}:root{--bg:var(--bg-primary);--bg-soft:var(--bg-secondary);--bg-soft-2:var(--bg-tertiary);--ink:var(--ink-primary);--ink-soft:var(--ink-secondary);--accent:var(--accent-cyan);--accent-warm:var(--warning);--muted:var(--ink-muted);--critical:color-mix(in srgb, var(--danger) 45%, var(--accent-rose));--gradient-primary:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-teal) 100%);--gradient-warm:linear-gradient(135deg, var(--warning) 0%, var(--danger) 100%);--gradient-cool:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-teal) 100%);--gradient-success:linear-gradient(135deg, var(--success) 0%, var(--accent-teal) 100%);--gradient-danger:linear-gradient(135deg, var(--danger) 0%, var(--accent-rose) 100%);--glass-bg:var(--bg-glass);--glass-bg-hover:var(--bg-glass-hover);--line:var(--border-glass);--line-hover:var(--border-hover);--glass-border:var(--border-glass);--glass-shadow:var(--shadow-md);--glass-shadow-hover:var(--shadow-glow-cyan);--font-family:var(--font-body);--text-primary:var(--ink-primary);--text-muted:var(--ink-muted);--panel-bg:var(--bg-secondary);--glow-accent:color-mix(in srgb, var(--accent-cyan) 28%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(15px,.16vw + 14.7px,17px)}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-cyan) 10%, transparent), transparent 34rem), linear-gradient(180deg, var(--bg) 0%, #050b14 100%);min-height:100vh;margin:0;line-height:1.6;overflow-x:hidden}@media (prefers-color-scheme:light){body{background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-cyan) 9%, transparent), transparent 30rem), linear-gradient(180deg, #f8fafc 0%, #edf3f8 100%)}}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(80% 50% at 20% 40%,#38bdf812,#0000),radial-gradient(60% 40% at 80% 60%,#2dd4bf0d,#0000),radial-gradient(50% 30% at 50% 100%,#f59e0b09,#0000);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#94a3b80b 1px,#0000 1px),linear-gradient(90deg,#94a3b80b 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:0;font-weight:700;line-height:1.2}h1{font-size:clamp(1.95rem,2.4vw,2.8rem)}h2{font-size:clamp(1.35rem,1.8vw,1.9rem)}h3{font-size:clamp(1.05rem,1.1vw,1.35rem)}.portal-shell{max-width:1400px;padding:var(--space-8) var(--space-6) var(--space-12);margin:0 auto}.hero{text-align:center;margin-bottom:var(--space-10);position:relative}.hero h1{margin:var(--space-2) 0 var(--space-4);color:var(--ink)}.hero p{max-width:60ch;color:var(--ink-soft);margin:0 auto;font-size:1.125rem}.role-view-button,.workflow-step{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:4rem;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--glass-bg);box-shadow:var(--glass-shadow);display:flex}.role-view-button{cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast)}.role-view-button:hover,.role-view-button.active{border-color:var(--line-hover);background:var(--glass-bg-hover);transform:translateY(-1px)}.role-view-button span,.workflow-step span{text-align:left;gap:.15rem;min-width:0;display:grid}.role-view-button small,.workflow-step small{color:var(--ink-muted);font-size:.78rem}.admin-form{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--glass-bg) 86%, transparent)}.admin-inline{gap:var(--space-2);grid-template-columns:minmax(8rem,.7fr) minmax(0,1fr);display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--gradient-cool);border-radius:var(--radius-full);width:24px;height:2px}.kpi-grid{margin-top:var(--space-8);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.glass-card{background:linear-gradient(rgba(255, 255, 255, var(--ui-material-opacity)), #fff0), var(--ui-panel-material), var(--glass-bg);background-blend-mode:soft-light, overlay, normal;-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base);background-size:auto,cover,auto;position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.glass-card:hover{background:linear-gradient(rgba(255, 255, 255, calc(var(--ui-material-opacity) + .03)), #fff0), var(--ui-panel-material), var(--glass-bg-hover);background-blend-mode:soft-light, overlay, normal;border-color:var(--line-hover);box-shadow:var(--glass-shadow-hover);background-size:auto,cover,auto;transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.kpi-card{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.kpi-card strong{font-family:var(--font-display);color:var(--accent);font-size:2.5rem;font-weight:700}.kpi-card em{color:var(--accent-warm);font-style:normal;font-weight:600}.kpi-card span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.panel-grid{margin-top:var(--space-8);gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.panel{padding:var(--space-6)}.panel h3{margin-bottom:var(--space-4);color:var(--ink);align-items:center;gap:var(--space-3);display:flex}button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);color:var(--bg);background:var(--ui-button-material), var(--gradient-primary);background-blend-mode:soft-light, normal;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background-size:auto,cover;border:none;width:auto;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.panel>button,.admin-form>button{margin-top:var(--space-3)}button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #064e743d}button:hover:before{transform:translate(100%)}button:active{transform:translateY(0)}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button.secondary:hover{background:var(--glass-bg);border-color:var(--accent);box-shadow:0 0 0 1px #38bdf829}button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent-cyan) 16%, transparent);color:var(--ink)}button.danger,button[class*=danger]{background:var(--ui-danger-material), var(--gradient-danger);background-blend-mode:soft-light, normal;background-size:auto,cover}input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);font-family:var(--font-body);color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:.9375rem}.panel input,.admin-form input{margin-top:var(--space-3)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-cyan) 10%, transparent);outline:none}input::placeholder{color:var(--ink-muted)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98126;border-color:#10b9814d}.badge-warning{color:var(--accent-warm);background:#f59e0b26;border-color:#f59e0b4d}.badge-danger{color:var(--danger);background:#ef444426;border-color:#ef44444d}.badge-info{background:color-mix(in srgb, var(--accent-cyan) 15%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent-cyan) 30%, transparent)}.muted{color:var(--ink-soft);font-size:.875rem}.error-text{color:var(--danger);margin:var(--space-2) 0 0;align-items:center;gap:var(--space-2);font-size:.875rem;display:flex}.result-grid{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--line)}.result-grid p{margin:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.result-grid p strong{color:var(--ink)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px color-mix(in srgb, var(--accent-cyan) 30%, transparent)}50%{box-shadow:0 0 40px color-mix(in srgb, var(--accent-cyan) 60%, transparent)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-in{animation:.5s ease-out forwards slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:color-mix(in srgb, var(--accent-cyan) 30%, transparent);color:var(--ink)}.list-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line)}.list-section h4{font-family:var(--font-display);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-size:.875rem}.list-section ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.list-section li{padding:var(--space-3);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);font-size:.875rem;transition:all .2s}.list-section li:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-cyan) 5%, transparent)}.list-section li strong{color:var(--ink)}.list-section li button{margin-top:0}.activity-info{border-color:color-mix(in srgb, var(--accent-cyan) 35%, transparent)!important}.activity-success{border-color:#10b98166!important}.activity-warning{border-color:#f59e0b73!important}.activity-danger{border-color:#ef444473!important}.chart-svg{width:100%;height:100%;overflow:visible}.chart-svg text{font-family:var(--font-family)}.chart-bar-animate{transition:all .6s}.donut-chart{filter:drop-shadow(0 0 20px var(--glow-accent))}.donut-segment{cursor:pointer;transition:all .3s}.donut-segment:hover{filter:brightness(1.2);transform:scale(1.02)}.donut-center-label{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.sparkline-svg{width:100%;height:30px}.sparkline-path{filter:drop-shadow(0 0 4px)}.sparkline-dot{filter:drop-shadow(0 0 6px);animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.progress-ring{filter:drop-shadow(0 0 10px var(--glow-accent))}.progress-ring-circle{transition:stroke-dashoffset .5s}.fleet-map{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--panel-bg) 0%, color-mix(in srgb, var(--accent-cyan) 5%, transparent) 100%);width:100%;height:250px}.vessel-marker{cursor:pointer;transition:transform .3s}.vessel-marker:hover{transform:scale(1.1)}.trip-timeline{width:100%;height:80px}.timeline-phase{transition:all .3s}.timeline-phase:hover{filter:brightness(1.2)}.risk-heatmap{border-radius:var(--radius-lg);width:100%;height:200px}.risk-zone{transition:all .5s}.risk-zone-label{text-shadow:0 0 10px #000c;pointer-events:none}.gear-health-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.gear-health-card{padding:1rem}.gear-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.gear-name{color:var(--text-primary);font-weight:600}.health-bar-container{background:var(--glass-border);border-radius:4px;height:8px;margin-bottom:.5rem;position:relative;overflow:hidden}.health-bar{border-radius:4px;height:100%;transition:width .5s;box-shadow:0 0 10px}.health-value{color:var(--text-muted);font-size:.75rem;position:absolute;top:-18px;right:0}.gear-mini-status{width:60px;height:20px;margin-top:.5rem}.health-dot-active{filter:drop-shadow(0 0 4px);animation:2s infinite pulse-dot}.gear-meta{margin-top:.5rem;font-size:.75rem}.compliance-progress{padding:1rem}.compliance-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.compliance-summary h4{color:var(--text-primary);margin:0}.compliance-summary p{margin:.25rem 0 0}.checkpoint-list{flex-direction:column;gap:.75rem;display:flex}.checkpoint-item{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.checkpoint-item.complete{background:color-mix(in srgb, var(--success) 10%, transparent);border-color:var(--success)}.checkpoint-item.required:not(.complete){border-color:var(--warning)}.checkpoint-icon{flex-shrink:0;width:20px;height:20px}.checkpoint-info{flex-direction:column;flex:1;display:flex}.checkpoint-name{color:var(--text-primary);font-weight:500}.checkpoint-time{font-size:.75rem}.checkpoint-signature{color:var(--success);font-size:.75rem;font-weight:600}.sync-monitor{padding:1rem}.sync-header{gap:2rem;margin-bottom:1.5rem;display:flex}.sync-stat{text-align:center}.sync-stat-value{color:var(--accent);font-size:1.75rem;font-weight:700;line-height:1;display:block}.sync-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.sync-network-viz{width:100%;height:120px;margin-bottom:1rem}.sync-node-list{flex-direction:column;gap:.5rem;display:flex}.sync-node-item{border-radius:var(--radius-md);background:var(--glass-bg);align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.sync-node-name{color:var(--text-primary);flex:1}.sync-queue-depth{color:var(--warning);font-size:.75rem}.traceability-flow{padding:1rem}.flow-svg{width:100%;height:80px;margin-bottom:1rem}.flow-stages{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.flow-stage-card{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.flow-stage-card.active{background:color-mix(in srgb, var(--accent-cyan) 10%, transparent);border-color:var(--accent);box-shadow:0 0 20px var(--glow-accent)}.flow-stage-card.complete{background:color-mix(in srgb, var(--success) 10%, transparent);border-color:var(--success)}.flow-stage-number{background:var(--glass-border);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.flow-stage-card.active .flow-stage-number{background:var(--accent);color:var(--bg-primary)}.flow-stage-card.complete .flow-stage-number{background:var(--success);color:var(--bg-primary)}.flow-stage-info{flex-direction:column;display:flex}.flow-stage-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.flow-stage-data{color:var(--accent);font-size:.75rem}.viz-panel{grid-column:1/-1}.viz-panel-full{grid-column:1/-1;width:100%}.viz-grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.viz-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.viz-grid-2,.viz-grid-3,.gear-health-grid{grid-template-columns:1fr}.flow-stages{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.flow-stages{grid-template-columns:1fr}.compliance-header{text-align:center;flex-direction:column}.sync-header{justify-content:center}}@media (width<=768px){.portal-shell{padding:var(--space-6) var(--space-4) var(--space-8)}.kpi-grid,.panel-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}}