:root{--background:0 0% 7%;--surface:0 0% 9.8%;--card:0 0% 11.4%;--foreground:0 0% 93%;--muted:0 0% 16%;--muted-foreground:0 0% 54%;--subtle-foreground:0 0% 71%;--border:0 0% 18%;--input:0 0% 15%;--ring:153 60% 53%;--primary:153 60% 53%;--primary-deep:152 56% 39%;--primary-foreground:155 100% 6%;--secondary:0 0% 15%;--secondary-foreground:0 0% 93%;--destructive:0 72% 51%;--radius:0.5rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.55;color:hsl(var(--foreground));background:hsl(var(--background))}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0}::selection{background:hsl(var(--primary)/.28)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-deep)));color:hsl(var(--primary-foreground));font-size:.85rem;font-weight:800}.brand-mark,.btn{display:inline-flex;align-items:center;justify-content:center}.btn{gap:.45rem;font:inherit;font-weight:500;font-size:.875rem;border-radius:calc(var(--radius) - 2px);padding:.5rem .95rem;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .13s,border-color .13s,color .13s,opacity .13s}.btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background:hsl(var(--primary-deep));color:#fff}.btn-outline{background:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground))}.btn-outline:hover{background:hsl(var(--muted)/.5)}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-lg{padding:.7rem 1.4rem;font-size:.95rem}.btn-block{width:100%}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem}.card-title{font-size:.95rem;font-weight:600}.card-desc{color:hsl(var(--muted-foreground));font-size:.83rem;margin-top:.15rem}.label{display:block;font-size:.82rem;font-weight:500;margin-bottom:.35rem}.input{width:100%;font:inherit;font-size:.875rem;color:hsl(var(--foreground));background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:.5rem .75rem;transition:border-color .13s,box-shadow .13s}.input::placeholder{color:hsl(var(--muted-foreground))}.input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.18)}.alert,.field{margin-bottom:1rem}.alert{border-radius:calc(var(--radius) - 2px);padding:.6rem .8rem;font-size:.83rem;background:hsl(var(--destructive)/.13);border:1px solid hsl(var(--destructive)/.4);color:hsl(0 84% 74%)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:radial-gradient(60rem 40rem at 50% -20%,hsl(var(--primary)/.08),transparent 70%),hsl(var(--background))}.auth-card{width:100%;max-width:22rem}.auth-card .brand{justify-content:center;margin-bottom:1.5rem;font-size:1.05rem}.auth-card h1{font-size:1.15rem;margin-bottom:.25rem}.auth-lede{font-size:.83rem;margin-bottom:1.25rem}.auth-foot,.auth-lede{color:hsl(var(--muted-foreground))}.auth-foot{margin-top:1.5rem;text-align:center;font-size:.75rem}.portal-header{justify-content:space-between;gap:1rem;padding:.85rem 2rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--surface))}.portal-header,.portal-user{display:flex;align-items:center}.portal-user{gap:.85rem;font-size:.83rem;color:hsl(var(--muted-foreground))}.portal-user b{color:hsl(var(--foreground));font-weight:600}.content{max-width:960px;width:100%;margin:0 auto;padding:2.25rem 2rem 4rem}.page-lede{color:hsl(var(--muted-foreground));font-size:.88rem;margin-top:.35rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));grid-gap:1rem;gap:1rem;margin-top:1.75rem}.demo-card{display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s,background .15s}.demo-card:hover{border-color:hsl(var(--primary)/.55);background:hsl(var(--card)/.75)}.demo-card .open{margin-top:auto;padding-top:.9rem;font-size:.83rem;font-weight:500;color:hsl(var(--primary))}.empty{margin-top:1.75rem;color:hsl(var(--muted-foreground));font-size:.88rem;text-align:center;padding:2.5rem 1.25rem;border:1px dashed hsl(var(--border));border-radius:var(--radius)}@media (max-width:640px){.portal-header{padding:.85rem 1.1rem}.content{padding:1.75rem 1.1rem 3rem}}