:root{--midnight:#0B111C;--indigo:#33139F;--deep-violet:#693AF4;--purple-rain:#853EFF;--electric-blue:#34B4FF;--magenta:#D200B5;--aqua:#2EEFEC;--coral:#FF4759;--ink:#0F172A;--slate:#475569;--slate-light:#94A3B8;--line:#E5E7EB;--bg:#FAFAFB;--bg-card:#FFFFFF;--chip-aqua-bg:#D6FBFA;--chip-aqua-text:#0E6F6E;--chip-coral-bg:#FFE2E5;--chip-coral-text:#9F1230;--chip-indigo-bg:#E6E0FF;--chip-indigo-text:#33139F;--chip-blue-bg:#DCEEFF;--chip-blue-text:#0E5DAA;--chip-slate-bg:#F1F5F9;--chip-slate-text:#334155}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;max-width:100vw;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg);line-height:1.6;min-height:100%}a{color:var(--purple-rain);text-decoration:none}a:hover{text-decoration:underline}.font-display,h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;line-height:1.2;color:var(--ink)}.grad-hero{background:radial-gradient(ellipse at 18% 5%,rgba(105,58,244,.55) 0,transparent 60%),radial-gradient(ellipse at 88% 95%,rgba(52,180,255,.42) 0,transparent 55%),linear-gradient(135deg,#0B111C,#1A0B5C 50%,#33139F)}.grad-accent,.grad-text{background:linear-gradient(90deg,#853EFF,#34B4FF)}.grad-text{-webkit-background-clip:text;background-clip:text;color:transparent}.card-dark{background:linear-gradient(160deg,#0B111C,#1F0F66 70%,#33139F);color:#fff;border-radius:1rem}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-nav{background:var(--midnight);color:#fff;height:56px;display:flex;align-items:center;padding:0 1.5rem;gap:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-nav__logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.02em;white-space:nowrap;text-decoration:none}.top-nav__logo .accent{background:linear-gradient(90deg,#853EFF,#34B4FF);-webkit-background-clip:text;background-clip:text;color:transparent}.top-nav__nav{display:flex;gap:.25rem;list-style:none;margin-left:1.5rem}.top-nav__nav a{color:rgba(255,255,255,.65);font-size:.85rem;font-weight:500;padding:.35rem .75rem;border-radius:.4rem;transition:color .15s,background .15s;text-decoration:none}.top-nav__nav a.active,.top-nav__nav a:hover{color:#fff;background:rgba(255,255,255,.08)}.top-nav__spacer{flex:1 1}.top-nav__user{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-radius:9999px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;color:rgba(255,255,255,.85)}.main-content{flex:1 1;padding:2rem 1.5rem;max-width:1280px;width:100%;margin:0 auto}.page-hero{padding:2.5rem 1.5rem 2rem;color:#fff}.page-hero__eyebrow{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.5rem}.page-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:-.025em;color:#fff;margin-bottom:.4rem}.page-hero__sub{color:rgba(255,255,255,.6);font-size:.875rem}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:.85rem;padding:1.25rem}.card-sm{padding:.875rem 1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:.5rem;font-size:.82rem;font-weight:600;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .15s,box-shadow .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,#853EFF,#34B4FF);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;text-decoration:none}.btn-ghost{background:var(--bg-card);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:#F8FAFC;text-decoration:none}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.chip{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:9999px;font-size:.68rem;font-weight:600;white-space:nowrap}.chip-slate{background:var(--chip-slate-bg);color:var(--chip-slate-text)}.chip-indigo{background:var(--chip-indigo-bg);color:var(--chip-indigo-text)}.chip-aqua{background:var(--chip-aqua-bg);color:var(--chip-aqua-text)}.chip-blue{background:var(--chip-blue-bg);color:var(--chip-blue-text)}.chip-coral{background:var(--chip-coral-bg);color:var(--chip-coral-text)}.data-table-wrap{overflow-x:auto;border-radius:.75rem;border:1px solid var(--line)}.data-table{width:100%;font-size:.78rem;border-collapse:collapse;background:var(--bg-card)}.data-table thead th{position:-webkit-sticky;position:sticky;top:0;background:#F8FAFC;color:var(--slate);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#F8FAFC}.data-table tbody td{padding:.55rem .85rem;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.input{width:100%;padding:.4rem .65rem;border:1px solid var(--line);border-radius:.45rem;font-size:.82rem;font-family:Inter,sans-serif;color:var(--ink);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple-rain);box-shadow:0 0 0 3px rgba(133,62,255,.12)}.typeahead-wrap{position:relative}.typeahead-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-card);border:1px solid var(--line);border-radius:.55rem;box-shadow:0 4px 20px rgba(0,0,0,.1);max-height:240px;overflow-y:auto;font-size:.8rem}.typeahead-item{padding:.55rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;border-bottom:1px solid var(--line);transition:background .1s}.typeahead-item:last-child{border-bottom:none}.typeahead-item:hover{background:#F8FAFC}.typeahead-item__name{font-weight:500;color:var(--ink)}.typeahead-item__email{font-size:.72rem;color:var(--slate-light)}.typeahead-selected{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;background:var(--chip-indigo-bg);color:var(--chip-indigo-text);border-radius:9999px;font-size:.72rem;font-weight:600;cursor:pointer;border:none;font-family:Inter,sans-serif}.typeahead-selected:hover{background:#D0C8FF}.alert{padding:.75rem 1rem;border-radius:.5rem;font-size:.82rem;margin-bottom:1rem}.alert-success{background:var(--chip-aqua-bg);color:var(--chip-aqua-text)}.alert-error{background:var(--chip-coral-bg);color:var(--chip-coral-text)}.alert-info{background:var(--chip-blue-bg);color:var(--chip-blue-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-slate{color:var(--slate)}.text-slate-light{color:var(--slate-light)}.text-ink{color:var(--ink)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.gap-2{gap:.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}