:root{color-scheme:light;--bg:#f6f5fa;--panel:#ffffff;--panel-2:#f3f1f8;--rule:#e4e1ec;--fg:#1b1a22;--muted:#6b6878;--dim:#9a97a8;--violet:#7743d4;--violet-hover:#6634c4;--violet-soft:rgba(119,67,212,0.1);--peach:#e07a58;--ai:linear-gradient(100deg,#8a52ea,#c160b4 50%,#e07a58);--ok:#1f9d5c;--ok-soft:rgba(31,157,92,0.1);--warn:#b7791f;--warn-soft:rgba(242,179,60,0.16);--bad:#d63a4f;--bad-soft:rgba(214,58,79,0.1);--dot:rgba(50,35,90,0.08);--solid:#1b1a22;--solid-fg:#ffffff;--shadow:rgba(40,25,80,0.12);--display:"Urbanist","Segoe UI",system-ui,sans-serif;--body:"DM Sans","Noto Sans Devanagari",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--deva:"Noto Sans Devanagari","DM Sans",sans-serif;--r-s:10px;--r-m:16px;--r-l:22px;--paper:var(--bg);--surface:var(--panel);--ink:var(--fg);--line:var(--rule);--violet-2:var(--violet-hover);--lilac:var(--violet-soft);--marigold:#f2b33c;--marigold-deep:var(--warn);--danger:var(--bad);--radius-s:var(--r-s);--radius-m:var(--r-m)}:root[data-theme=dark]{color-scheme:dark;--bg:#141418;--panel:#1c1c22;--panel-2:#23232b;--rule:#2d2d36;--fg:#ecebf3;--muted:#9896a6;--dim:#6c6a79;--violet:#b07cf6;--violet-hover:#c39af8;--violet-soft:rgba(176,124,246,0.14);--peach:#f2a98d;--ai:linear-gradient(100deg,#a874f4,#d58fd0 50%,#f2a98d);--ok:#5fd394;--ok-soft:rgba(95,211,148,0.12);--warn:#f2c35c;--warn-soft:rgba(242,195,92,0.12);--bad:#ff7a8a;--bad-soft:rgba(255,122,138,0.12);--dot:rgba(255,255,255,0.045);--solid:#dcdbe2;--solid-fg:#1a1a20;--shadow:rgba(0,0,0,0.45)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:18px 18px;color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}a{color:var(--violet)}img{max-width:100%}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.grad-text{background:var(--ai);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:800 21px/1 var(--display);letter-spacing:-.01em}.brand svg{flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--r-s);border:1px solid var(--violet);background:var(--violet);color:#fff;font:600 14.5px/1 var(--body);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--violet-hover);border-color:var(--violet-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--panel);color:var(--fg);border-color:var(--rule)}.btn.ghost:hover{border-color:var(--violet);color:var(--violet)}.btn.ai,.btn.gold{background:var(--ai);border:0;color:#fff}.btn.ai:hover,.btn.gold:hover{filter:brightness(1.06)}.btn.solid{background:var(--solid);border-color:var(--solid);color:var(--solid-fg)}.btn.small{min-height:32px;padding:0 11px;font-size:13.5px}.btn.large{min-height:48px;padding:0 22px;font-size:16px;border-radius:12px}.btn.danger{background:transparent;color:var(--bad);border-color:transparent}.btn.danger:hover{background:var(--bad-soft)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-s);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--panel-2);color:var(--fg)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:16px}.field>span{font-weight:600;font-size:13.5px}.field small{color:var(--muted);font-size:12.5px}input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--panel);color:var(--fg);font:14.5px/1.4 var(--body)}input:focus,select:focus,textarea:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px var(--violet-soft)}.notice{padding:11px 14px;border:1px solid var(--rule);border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:var(--r-s);font-size:14px}.notice.error{border-left-color:var(--bad);background:var(--bad-soft)}.notice.ok{border-left-color:var(--ok);background:var(--ok-soft)}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:12px;font-weight:600;white-space:nowrap}.tag.gold{background:var(--warn-soft);color:var(--warn)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--panel);font-size:13px;color:var(--muted);white-space:nowrap}.pill b{color:var(--fg);font-weight:600}.frame{margin:20px;min-height:calc(100vh - 40px);background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-m);display:grid;grid-template-columns:232px minmax(0,1fr);overflow:hidden}.side{border-right:1px solid var(--rule);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.side .brand{padding:4px 10px 22px}.side .label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600;padding:16px 12px 6px}.side nav{display:grid;grid-gap:2px;gap:2px}.side nav a{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-s);color:var(--fg);text-decoration:none;font-weight:500;font-size:14.5px}.side nav a svg{color:var(--muted)}.side nav a:hover{background:var(--panel-2)}.side nav a.active{background:var(--violet-soft)}.side nav a.active,.side nav a.active svg{color:var(--violet)}.side nav a.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left:6px solid var(--violet)}.side nav a .soon{margin-left:auto;font-size:11px;color:var(--dim)}.side .plan-card{margin-top:auto;padding:14px;border:1px solid var(--rule);border-radius:var(--r-s);background:var(--panel-2);font-size:13px}.side .plan-card .row{display:flex;justify-content:space-between;color:var(--muted)}.side .plan-card .row b{font-family:var(--mono);color:var(--fg);font-weight:500}.side .plan-card .bar{height:6px;border-radius:6px;background:var(--rule);margin:8px 0 10px;overflow:hidden}.side .plan-card .bar span{display:block;height:100%;background:var(--ai);border-radius:6px}.side .plan-card a{font-weight:600;color:var(--fg);text-decoration:none}.side .demo-role{margin-top:10px;font-size:12.5px;color:var(--muted)}.side .demo-role select{margin-top:4px;min-height:34px;font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;height:64px;border-bottom:1px solid var(--rule)}.topbar h2{font:600 19px/1 var(--display);margin:0}.topbar .right{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ai);color:#fff;font:700 13px var(--display)}.user-menu{position:relative}.user-menu .menu{position:absolute;right:0;top:44px;min-width:220px;background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-s);box-shadow:0 12px 30px -10px var(--shadow);padding:8px;z-index:30;font-size:13.5px}.user-menu .menu p{margin:4px 8px 8px;color:var(--muted)}.user-menu .menu button{width:100%;text-align:left;background:none;border:0;padding:8px;border-radius:8px;font:inherit;color:var(--fg);cursor:pointer}.user-menu .menu .menu-link:hover,.user-menu .menu button:hover{background:var(--panel-2)}.user-menu .menu .menu-link{display:block;padding:8px;border-radius:8px;color:var(--violet);font-weight:600}.main{padding:26px 28px 60px;min-width:0}.content{min-width:0;display:flex;flex-direction:column}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font:700 26px/1.15 var(--display);margin:0}.page-head p{margin:6px 0 0;color:var(--muted)}.demo-bar{background:var(--warn-soft);color:var(--fg);border-bottom:1px solid var(--rule);padding:8px 24px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-m);padding:20px}.mobile-menu{display:none}@media (max-width:900px){.frame{margin:0;border-radius:0;border:0;grid-template-columns:1fr;min-height:100vh}.side{position:fixed;inset:0 22% 0 0;z-index:50;background:var(--panel);transform:translateX(-102%);transition:transform .2s ease;box-shadow:20px 0 40px -20px var(--shadow)}.side.open{transform:translateX(0)}.mobile-menu{display:inline-grid}.topbar{padding:0 14px}.main{padding:20px 16px 48px}}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th{text-align:left;font-weight:600;color:var(--muted);padding:10px 12px;font-size:12.5px}table.list td,table.list th{border-bottom:1px solid var(--rule)}table.list td{padding:11px 12px;vertical-align:middle}.table-wrap{overflow-x:auto}.empty{text-align:center;padding:36px 20px;color:var(--muted);border:1px dashed var(--rule);border-radius:var(--r-m);background:var(--panel-2)}.empty strong{display:block;color:var(--fg);font:600 17px/1.3 var(--display);margin-bottom:6px}