@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-wide:.04em;--xop-azure-50:#eef6ff;--xop-azure-100:#d5ebff;--xop-azure-200:#acd5ff;--xop-azure-300:#73b6fa;--xop-azure-400:#3996ec;--xop-azure-500:#0072cd;--xop-azure-600:#005daf;--xop-azure-700:#00498f;--xop-azure-800:#073567;--xop-azure-900:#0a2445;--xop-coral-50:#ffeee8;--xop-coral-100:#ffdccf;--xop-coral-200:#ffbba3;--xop-coral-400:#fe825c;--xop-coral-500:#f1683b;--xop-coral-600:#d54c25;--xop-coral-700:#ab3419;--neutral-0:#fff;--neutral-25:#fafcfe;--neutral-50:#f6f9fb;--neutral-100:#f1f4f7;--neutral-150:#eaedf1;--neutral-200:#e1e5e9;--neutral-300:#d1d5d9;--neutral-400:#a0a5ab;--neutral-500:#7c8188;--neutral-600:#5f646a;--neutral-700:#44484e;--neutral-800:#2b2e34;--neutral-850:#1c1f25;--neutral-900:#111419;--neutral-950:#080a0f;--success-500:#2e9e52;--success-100:#d1f2d7;--warning-500:#e49e22;--warning-100:#ffe8c1;--danger-500:#d73240;--danger-100:#ffdfdd;--info-500:var(--xop-azure-500);--info-100:var(--xop-azure-100);--brand:var(--xop-azure-500);--brand-hover:var(--xop-azure-600);--brand-active:var(--xop-azure-700);--brand-subtle:var(--xop-azure-50);--brand-border:var(--xop-azure-200);--on-brand:var(--neutral-0);--accent:var(--xop-coral-500);--accent-hover:var(--xop-coral-600);--accent-subtle:var(--xop-coral-50);--on-accent:var(--neutral-0);--bg:var(--neutral-50);--bg-elevated:var(--neutral-0);--bg-sunken:var(--neutral-100);--surface:var(--neutral-0);--surface-hover:var(--neutral-100);--border:var(--neutral-200);--border-strong:var(--neutral-300);--text:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-on-dark:var(--neutral-50);--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;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-xs:0 1px 2px #242f3d0f;--shadow-sm:0 1px 3px #242f3d14, 0 1px 2px #242f3d0a;--shadow-md:0 4px 12px #242f3d14, 0 2px 4px #242f3d0d;--shadow-lg:0 12px 28px #202f421f, 0 4px 8px #242f3d0f;--shadow-xl:0 24px 48px #1c2f4629, 0 8px 16px #242f3d14;--shadow-brand:0 6px 20px #0072cd4d;--shadow-accent:0 6px 20px #f1683b47;--ring:0 0 0 3px #0072cd40}@supports (color:lab(0% 0 0)){:root{--xop-azure-50:lab(96.5002% -2.1244 -7.10868);--xop-azure-100:lab(91.816% -4.4089 -15.8215);--xop-azure-200:lab(83.5891% -6.72954 -27.723);--xop-azure-300:lab(71.7727% -7.52565 -40.9298);--xop-azure-400:lab(59.8455% -5.51489 -52.188);--xop-azure-500:lab(46.7298% .11149 -55.8144);--xop-azure-600:lab(38.4803% 3.10183 -54.283);--xop-azure-700:lab(30.4414% 3.97976 -47.7192);--xop-azure-800:lab(21.534% 1.95739 -34.3413);--xop-azure-900:lab(13.6674% .88802 -24.2213);--xop-coral-50:lab(95.2328% 5.19344 4.98245);--xop-coral-100:lab(90.3906% 13.2022 12.6385);--xop-coral-200:lab(81.9762% 24.3214 23.3697);--xop-coral-400:lab(68.5694% 45.896 43.1681);--xop-coral-500:lab(61.4011% 52.3294 51.4691);--xop-coral-600:lab(52.0389% 53.5651 51.173);--xop-coral-700:lab(40.5568% 48.4225 43.9351);--neutral-0:lab(100% 0 0);--neutral-25:lab(98.8378% -.333846 -1.07464);--neutral-50:lab(97.677% -.443965 -1.43216);--neutral-100:lab(95.9362% -.55337 -1.78927);--neutral-150:lab(93.6125% -.594586 -2.17122);--neutral-200:lab(90.7111% -.691146 -2.5316);--neutral-300:lab(84.9077% -.740737 -2.90664);--neutral-400:lab(67.4991% -.797808 -3.66091);--neutral-500:lab(53.5681% -.797004 -4.41825);--neutral-600:lab(41.9644% -.712872 -4.42718);--neutral-700:lab(30.3575% -.551149 -4.44491);--neutral-800:lab(18.7499% -.374019 -4.45069);--neutral-850:lab(11.7822% -.196539 -4.45206);--neutral-900:lab(6.14235% -.0647605 -4.15282);--neutral-950:lab(2.71932% .0323877 -2.49704);--success-500:lab(57.7987% -45.4011 30.0617);--success-100:lab(92.5444% -14.8149 9.47522);--warning-500:lab(70.8468% 20.2319 68.534);--warning-100:lab(93.1608% 4.39197 23.3808);--danger-500:lab(49.1914% 63.8681 34.1418);--danger-100:lab(91.3907% 15.6932 7.39341);--shadow-xs:0 1px 2px lab(18.6941% -1.58432 -10.6544/.06);--shadow-sm:0 1px 3px lab(18.6941% -1.58432 -10.6544/.08), 0 1px 2px lab(18.6941% -1.58432 -10.6544/.04);--shadow-md:0 4px 12px lab(18.6941% -1.58432 -10.6544/.08), 0 2px 4px lab(18.6941% -1.58432 -10.6544/.05);--shadow-lg:0 12px 28px lab(18.6351% -1.66792 -14.0862/.12), 0 4px 8px lab(18.6941% -1.58432 -10.6544/.06);--shadow-xl:0 24px 48px lab(18.5633% -1.51221 -17.4836/.16), 0 8px 16px lab(18.6941% -1.58432 -10.6544/.08);--shadow-brand:0 6px 20px lab(46.7298% .11149 -55.8144/.3);--shadow-accent:0 6px 20px lab(61.4011% 52.3294 51.4691/.28);--ring:0 0 0 3px lab(46.7298% .11149 -55.8144/.25)}}[data-theme=light]{--brand:var(--xop-azure-500);--brand-hover:var(--xop-azure-600);--brand-active:var(--xop-azure-700);--brand-subtle:var(--xop-azure-50);--brand-border:var(--xop-azure-200);--on-brand:var(--neutral-0);--accent:var(--xop-coral-500);--accent-hover:var(--xop-coral-600);--accent-subtle:var(--xop-coral-50);--on-accent:var(--neutral-0);--bg:var(--neutral-50);--bg-elevated:var(--neutral-0);--bg-sunken:var(--neutral-100);--surface:var(--neutral-0);--surface-hover:var(--neutral-100);--border:var(--neutral-200);--border-strong:var(--neutral-300);--text:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--success-100:#d1f2d7;--warning-100:#ffe8c1;--danger-100:#ffdfdd;--info-100:var(--xop-azure-100);--shadow-xs:0 1px 2px #242f3d0f;--shadow-sm:0 1px 3px #242f3d14, 0 1px 2px #242f3d0a;--shadow-md:0 4px 12px #242f3d14, 0 2px 4px #242f3d0d;--shadow-lg:0 12px 28px #202f421f, 0 4px 8px #242f3d0f;--shadow-xl:0 24px 48px #1c2f4629, 0 8px 16px #242f3d14}@supports (color:lab(0% 0 0)){[data-theme=light]{--success-100:lab(92.5444% -14.8149 9.47522);--warning-100:lab(93.1608% 4.39197 23.3808);--danger-100:lab(91.3907% 15.6932 7.39341);--shadow-xs:0 1px 2px lab(18.6941% -1.58432 -10.6544/.06);--shadow-sm:0 1px 3px lab(18.6941% -1.58432 -10.6544/.08), 0 1px 2px lab(18.6941% -1.58432 -10.6544/.04);--shadow-md:0 4px 12px lab(18.6941% -1.58432 -10.6544/.08), 0 2px 4px lab(18.6941% -1.58432 -10.6544/.05);--shadow-lg:0 12px 28px lab(18.6351% -1.66792 -14.0862/.12), 0 4px 8px lab(18.6941% -1.58432 -10.6544/.06);--shadow-xl:0 24px 48px lab(18.5633% -1.51221 -17.4836/.16), 0 8px 16px lab(18.6941% -1.58432 -10.6544/.08)}}[data-theme=dark]{--brand:var(--xop-azure-400);--brand-hover:var(--xop-azure-300);--brand-active:var(--xop-azure-200);--brand-subtle:#0b2e55;--brand-border:#1b487c;--on-brand:var(--neutral-950);--accent:var(--xop-coral-400);--accent-hover:var(--xop-coral-500);--accent-subtle:#5d2311;--on-accent:var(--neutral-950);--bg:var(--neutral-950);--bg-elevated:var(--neutral-900);--bg-sunken:#04060a;--surface:var(--neutral-900);--surface-hover:var(--neutral-850);--border:#26292f;--border-strong:#3a3d44;--text:var(--neutral-50);--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--success-100:#14361d;--warning-100:#452e00;--danger-100:#512222;--info-100:#0b2e55;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 28px #00000080;--shadow-xl:0 24px 48px #0009}@supports (color:lab(0% 0 0)){[data-theme=dark]{--brand-subtle:lab(18.2876% .000983477 -27.4353);--brand-border:lab(29.7932% -.617549 -34.3587);--accent-subtle:lab(22.7006% 26.1647 25.7309);--bg-sunken:lab(1.53601% .0441819 -1.7486);--border:lab(16.4237% -.223085 -4.46377);--border-strong:lab(25.7112% -.398695 -4.46227);--success-100:lab(19.5611% -18.0561 11.8382);--warning-100:lab(21.1053% 7.7934 31.5372);--danger-100:lab(20.4086% 22.2176 11.0419);--info-100:lab(18.2876% .000983477 -27.4353);--shadow-xs:0 1px 2px lab(0% 0 0/.3);--shadow-sm:0 1px 3px lab(0% 0 0/.4);--shadow-md:0 4px 12px lab(0% 0 0/.45);--shadow-lg:0 12px 28px lab(0% 0 0/.5);--shadow-xl:0 24px 48px lab(0% 0 0/.6)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:600}.mono{font-family:var(--font-mono)}::selection{background:#0072cd38;background:lab(46.7298% .11149 -55.8144/.22)}
.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);letter-spacing:var(--tracking-snug);border-radius:var(--radius-md);padding:0 var(--space-4);cursor:pointer;white-space:nowrap;border:1px solid #0000;height:40px;line-height:1;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s,transform 80ms,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn svg{width:18px;height:18px}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover);box-shadow:var(--shadow-brand)}.btn-primary:active{background:var(--brand-active)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--neutral-400)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger-500);color:var(--neutral-0)}.btn-danger:hover{filter:brightness(1.06);box-shadow:0 6px 20px #d732404d;box-shadow:0 6px 20px lab(49.1914% 63.8681 34.1418/.3)}.btn-sm{height:32px;font-size:var(--text-xs);padding:0 var(--space-3);border-radius:var(--radius-sm)}.btn-lg{height:48px;font-size:var(--text-base);padding:0 var(--space-6);border-radius:var(--radius-lg)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-size:var(--text-sm);color:var(--text);font-weight:600}.label .hint{color:var(--text-tertiary);margin-left:var(--space-1);font-weight:400}.input,.select,.textarea{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);width:100%;height:40px;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:88px;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--neutral-400)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.input:disabled{background:var(--bg-sunken);color:var(--text-tertiary);cursor:not-allowed}.field-error .input,.field-error .select{border-color:var(--danger-500)}.field-error .input:focus{box-shadow:0 0 0 3px #d7324033;box-shadow:0 0 0 3px lab(49.1914% 63.8681 34.1418/.2)}.error-text{font-size:var(--text-xs);color:var(--danger-500)}.input-group{align-items:stretch;display:flex}.input-group .input{border-left:0;border-radius:0}.input-group>:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-left:1px solid var(--border-strong)}.input-group>:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.input-affix{padding:0 var(--space-3);background:var(--bg-sunken);border:1px solid var(--border-strong);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;align-items:center;display:inline-flex}.switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute}.switch .track{border-radius:var(--radius-full);background:var(--neutral-300);width:40px;height:24px;transition:background .2s;position:relative}.switch .thumb{border-radius:var(--radius-full);background:var(--neutral-0);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track .thumb{transform:translate(16px)}.switch input:focus-visible+.track{box-shadow:var(--ring)}.check{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--brand)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:4px var(--space-2);border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--text-secondary);white-space:nowrap;font-weight:600;line-height:1;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-brand{background:var(--brand-subtle);color:var(--brand-active)}.badge-success{background:var(--success-100);color:#005e27;color:lab(34.2033% -36.5668 24.5131)}.badge-warning{background:var(--warning-100);color:#835100;color:lab(39.3602% 20.5144 62.3903)}.badge-danger{background:var(--danger-100);color:#a52932;color:lab(38.0132% 51.0695 27.0706)}.badge-accent{background:var(--accent-subtle);color:var(--accent-hover)}[data-theme=dark] .badge-success{color:#93e4a4;color:lab(84.1504% -35.8587 23.2428)}[data-theme=dark] .badge-warning{color:#ffcf7b;color:lab(86.1914% 11.0564 50.0762)}[data-theme=dark] .badge-danger{color:#ffa9a5;color:lab(77.9202% 37.9207 18.3301)}[data-theme=dark] .badge-brand{color:var(--xop-azure-200)}.chip{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:6px var(--space-3);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--brand-subtle);border-color:var(--brand-border);color:var(--brand-active)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-6)}.card-hover{transition:box-shadow .2s,transform .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tab{font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);padding:var(--space-3) var(--space-4);background:var(--bg-sunken);border-bottom:1px solid var(--border)}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-hover)}.table .num{font-family:var(--font-mono);color:var(--text);text-align:right}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);display:flex}.alert svg{flex-shrink:0;width:20px;height:20px}.alert .alert-title{color:var(--text);font-weight:700}.alert .alert-body{color:var(--text-secondary)}.alert-info{background:var(--info-100);border-color:var(--brand-border)}.alert-info svg{color:var(--brand)}.alert-success{background:var(--success-100);border-color:#2e9e524d;border-color:lab(57.7987% -45.4011 30.0617/.3)}.alert-success svg{color:var(--success-500)}.alert-warning{background:var(--warning-100);border-color:#e49e224d;border-color:lab(70.8468% 20.2319 68.534/.3)}.alert-warning svg{color:#b17000;color:lab(53.2002% 25.643 81.037)}.alert-danger{background:var(--danger-100);border-color:#d732404d;border-color:lab(49.1914% 63.8681 34.1418/.3)}.alert-danger svg{color:var(--danger-500)}.avatar{border-radius:var(--radius-full);background:var(--brand-subtle);width:40px;height:40px;color:var(--brand-active);font-weight:700;font-size:var(--text-sm);font-family:var(--font-display);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-md)}.progress{background:var(--bg-sunken);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress .bar{background:var(--brand);border-radius:var(--radius-full);height:100%}.ai-surface{background:radial-gradient(120% 100% at 0% 0%, #0072cd1a, transparent 55%), radial-gradient(120% 100% at 100% 100%, #f1683b14, transparent 55%), var(--surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);position:relative}@supports (color:lab(0% 0 0)){.ai-surface{background:radial-gradient(120% 100% at 0% 0%, lab(46.7298% .11149 -55.8144/.1), transparent 55%), radial-gradient(120% 100% at 100% 100%, lab(61.4011% 52.3294 51.4691/.08), transparent 55%), var(--surface)}}.ai-badge{font-size:var(--text-xs);letter-spacing:var(--tracking-snug);padding:4px var(--space-2) 4px var(--space-1);border-radius:var(--radius-full);background:linear-gradient(90deg, var(--brand), var(--accent));color:var(--neutral-0);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.ai-badge .spark{background:var(--neutral-0);width:16px;height:16px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ai-badge .spark svg{width:11px;height:11px}.ai-bubble{background:var(--bg-sunken);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-xs);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text);max-width:90%}.ai-bubble.user{background:var(--brand);color:var(--on-brand);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-xs);margin-left:auto}.form-col{gap:var(--space-4);flex-direction:column;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (max-width:560px){.form-row{grid-template-columns:1fr}}.form-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.section-title{font-size:var(--text-md);margin:0 0 var(--space-4);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.section-title svg{width:18px;height:18px}.modal{color:var(--text);width:100%;max-width:min(560px, calc(100vw - var(--space-6)));max-height:calc(100vh - var(--space-8));background:0 0;border:none;margin:auto;padding:0;overflow:visible}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d111b73;background:lab(5.17159% .219405 -6.57996/.45)}.modal-card{max-height:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);display:flex}.modal-head h2{font-size:var(--text-md);align-items:center;gap:var(--space-2);margin:0;font-weight:600;display:flex}.modal-head h2 svg{width:18px;height:18px}.modal-head .sub{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex}.modal[open]{animation:.18s cubic-bezier(.4,0,.2,1) modal-in}.modal[open]::backdrop{animation:.18s backdrop-in}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal[open],.modal[open]::backdrop{animation:none}}.toast-wrap{z-index:60;bottom:var(--space-5);right:var(--space-5);gap:var(--space-2);max-width:min(380px, calc(100vw - var(--space-6)));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:.22s cubic-bezier(.4,0,.2,1) toast-in;display:flex}.toast .toast-ic{flex-shrink:0;margin-top:1px}.toast .toast-ic svg{width:18px;height:18px}.toast .toast-body{color:var(--text);line-height:var(--leading-snug);flex:1}.toast .toast-x{flex-shrink:0;width:24px;height:24px}.toast-success{border-color:#2e9e5259;border-color:lab(57.7987% -45.4011 30.0617/.35)}.toast-success .toast-ic{color:var(--success-500)}.toast-danger{border-color:#d7324059;border-color:lab(49.1914% 63.8681 34.1418/.35)}.toast-danger .toast-ic{color:var(--danger-500)}.toast.leaving{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.wordmark{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);align-items:baseline;font-weight:700;line-height:1;display:inline-flex}.wordmark .o{color:var(--brand)}.domain{font-family:var(--font-mono)}.domain .sub{color:var(--brand);font-weight:600}.domain .root{color:var(--text-tertiary)}.xop-logo{display:block}[data-theme=dark] .xop-logo,.xop-logo.on-dark{filter:invert()brightness(1.9)}