/* U1S1 Cloud Blue theme v1 */
:root,[data-theme-preset]{
 --background:#f3f6fb!important;--foreground:#18263e!important;
 --card:#fff!important;--card-foreground:#18263e!important;--popover:#fff!important;--popover-foreground:#18263e!important;
 --primary:#2563eb!important;--primary-foreground:#fff!important;--ring:#3b82f6!important;
 --secondary:#edf3ff!important;--secondary-foreground:#2453a6!important;
 --muted:#eef2f8!important;--muted-foreground:#68778f!important;--accent:#e8f0ff!important;--accent-foreground:#1d4ed8!important;
 --border:#e1e8f2!important;--input:#dce4ef!important;--radius:.75rem!important;
 --sidebar:#fff!important;--sidebar-foreground:#52617a!important;--sidebar-primary:#2563eb!important;--sidebar-primary-foreground:#fff!important;
 --sidebar-accent:#eaf1ff!important;--sidebar-accent-foreground:#1d4ed8!important;--sidebar-border:#e1e8f2!important;--sidebar-ring:#3b82f6!important;
 --chart-1:#2563eb!important;--chart-2:#38bdf8!important;--chart-3:#818cf8!important;--chart-4:#14b8a6!important;--chart-5:#a5b4fc!important;
 --bg:#f3f6fb;--paper:#fff;--ink:#18263e;--muted:#68778f;--line:#e1e8f2;--green:#2563eb;--tint:#eaf1ff;
}
body{background:#f3f6fb;color:#18263e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
[data-slot="card"]{background:#fff;border:1px solid #e1e8f2;border-radius:14px;box-shadow:0 3px 14px #193b7005}
[data-sidebar="sidebar"]{background:#fff;border-right:1px solid #e1e8f2}
[data-sidebar="menu-button"]{border-radius:8px;transition:background .15s}
[data-sidebar="menu-button"][data-active="true"]{background:#eaf1ff;color:#1d4ed8;font-weight:600;box-shadow:inset 3px 0 #2563eb}
[data-sidebar="group-label"]{font-size:11px;letter-spacing:.06em;color:#8190a6}
[data-slot="table-head"]{background:#f8faff;color:#71819a;font-size:12px}
[data-slot="table-row"]:hover{background:#f8faff}
[data-slot="input"],[data-slot="textarea"],[data-slot="select-trigger"]{background:#fff;border-color:#dce4ef;border-radius:8px}
[data-slot="button"]{border-radius:8px}
[data-slot="dialog-content"]{background:#fff;border-color:#e1e8f2;box-shadow:0 20px 80px #172f6026}
body>header{background:#ffffffed;border-bottom:1px solid #e1e8f2}
.brand b,.button{background:#2563eb!important;color:white}
.hero{padding-top:64px;padding-bottom:52px;gap:64px}
.hero h1{font-size:54px;letter-spacing:-2px;line-height:1.25}
.hero h1 em{color:#2563eb}.hero p{color:#68778f}
.codebox{transform:none;background:#122448;border:1px solid #24416b;box-shadow:0 24px 60px #1c4aa71a}
.codebar{color:#a7bde0}.codefoot{background:#19345c;color:#bdd8ff}.codebox i{color:#8fc5ff}
.badge{background:#eaf1ff;color:#2563eb;border-color:#d8e6ff}
.card{border-radius:14px;box-shadow:0 3px 14px #193b7005}
.band{background:#eaf1ff;border:1px solid #d8e6ff}
.providers{font-size:17px}.icon{background:#eaf1ff;color:#2563eb}
.notice{background:#eef5ff;color:#2453a6;border-color:#d7e5fc}
@media(max-width:620px){.hero h1{font-size:40px}.hero{padding:36px 24px}.hero .codebox{max-width:100%}}

body:has(>header .brand){--muted:#68778f!important}
/* v2: theme-aware surfaces, atmospheric background, reduced-motion support */
html.dark,html.dark [data-theme-preset]{--background:#0d1424!important;--foreground:#e4ecfa!important;--card:#151f33!important;--card-foreground:#e4ecfa!important;--popover:#19243a!important;--popover-foreground:#e4ecfa!important;--primary:#74a5ff!important;--primary-foreground:#09172d!important;--secondary:#202e48!important;--secondary-foreground:#c4d8ff!important;--muted:#1c2940!important;--muted-foreground:#9daec8!important;--accent:#22385e!important;--accent-foreground:#bcd5ff!important;--border:#2a3851!important;--input:#35445f!important;--ring:#74a5ff!important;--sidebar:#111c2e!important;--sidebar-foreground:#b8c8e1!important;--sidebar-primary:#74a5ff!important;--sidebar-primary-foreground:#09172d!important;--sidebar-accent:#233b62!important;--sidebar-accent-foreground:#c8ddff!important;--sidebar-border:#2a3851!important;--sidebar-ring:#74a5ff!important;--chart-1:#74a5ff!important;--bg:#0d1424;--paper:#151f33;--ink:#e4ecfa;--line:#2a3851;--green:#8cb6ff;--tint:#1d3152;color-scheme:dark}
html:not(.dark){color-scheme:light}
body{background-color:var(--background);color:var(--foreground);background-image:radial-gradient(ellipse at 12% 0%,#3b82f612,transparent 48%),radial-gradient(ellipse at 95% 35%,#8b5cf60c,transparent 45%),linear-gradient(#6283aa06 1px,transparent 1px),linear-gradient(90deg,#6283aa06 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px;background-attachment:fixed}
html.dark body{background-image:radial-gradient(ellipse at 12% 0%,#2563eb20,transparent 48%),radial-gradient(ellipse at 95% 35%,#8b5cf616,transparent 45%),linear-gradient(#91b3e008 1px,transparent 1px),linear-gradient(90deg,#91b3e008 1px,transparent 1px)}
[data-slot="sidebar-inset"]{background:transparent!important}
[data-slot="card"],.card{background:var(--card);color:var(--card-foreground);border-color:var(--border);box-shadow:0 4px 20px #12294b08;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
[data-sidebar="sidebar"]{background:var(--sidebar);border-color:var(--sidebar-border)}
[data-sidebar="menu-button"][data-active="true"]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);box-shadow:inset 3px 0 var(--primary)}
[data-sidebar="group-label"]{color:var(--muted-foreground)}
[data-slot="table-head"]{background:var(--secondary);color:var(--muted-foreground)}
[data-slot="table-row"]:hover{background:var(--accent)}
[data-slot="input"],[data-slot="textarea"],[data-slot="select-trigger"]{background:var(--card);color:var(--foreground);border-color:var(--input)}
[data-slot="dialog-content"]{background:var(--popover);color:var(--popover-foreground);border-color:var(--border)}
body>header{background:var(--card);border-color:var(--border)}
html.dark body:has(>header .brand){--muted:#9daec8!important}
.hero h1 em{color:var(--primary)}.hero p{color:var(--muted-foreground)}
.badge,.band,.icon,.notice{background:var(--accent);color:var(--accent-foreground);border-color:var(--border)}
.brand b,.button{background:var(--primary)!important;color:var(--primary-foreground)!important}
.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:8% 0 15% 40%;background:radial-gradient(ellipse,#60a5fa24,transparent 68%);pointer-events:none;animation:u1-glow 10s ease-in-out infinite alternate}
@keyframes u1-glow{from{opacity:.45;transform:translateY(-10px)}to{opacity:1;transform:translateY(10px)}}
@media(hover:hover){.card:hover,[data-slot="card"]:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 8px 28px #2453a614}.button:hover{filter:brightness(1.06)}[data-sidebar="menu-button"]:hover{background:var(--sidebar-accent)}}
:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.card,[data-slot="card"],[data-sidebar="menu-button"]{transition:none}.card:hover,[data-slot="card"]:hover{transform:none}body{background-attachment:scroll}}
@media(max-width:650px){body{background-attachment:scroll}.hero:before{animation:none}}

/* v3: paint on the actual dashboard layer, above the opaque layout wrapper */
:root{--u1-grid:rgba(59,105,170,.11);--u1-glow-blue:rgba(59,130,246,.18);--u1-glow-violet:rgba(139,92,246,.14)}
html.dark{--u1-grid:rgba(126,166,229,.12);--u1-glow-blue:rgba(37,99,235,.25);--u1-glow-violet:rgba(139,92,246,.20)}
body,[data-slot="sidebar-inset"]{
 background-color:var(--background)!important;
 background-image:radial-gradient(ellipse at 8% 0%,var(--u1-glow-blue),transparent 52%),radial-gradient(ellipse at 96% 50%,var(--u1-glow-violet),transparent 50%),linear-gradient(var(--u1-grid) 1px,transparent 1px),linear-gradient(90deg,var(--u1-grid) 1px,transparent 1px)!important;
 background-size:100% 100%,100% 100%,36px 36px,36px 36px!important;
}
[data-slot="sidebar-inset"]{position:relative;isolation:isolate}
[data-slot="sidebar-inset"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 20%,var(--u1-glow-blue),transparent 60%),radial-gradient(ellipse at 80% 65%,var(--u1-glow-violet),transparent 55%);animation:u1-dashboard-glow 9s ease-in-out infinite alternate}
@keyframes u1-dashboard-glow{from{opacity:.4;transform:translate3d(-12px,-8px,0)}to{opacity:1;transform:translate3d(16px,12px,0)}}
.hero::before{z-index:-1;inset:0 -2% 0 20%;background:radial-gradient(ellipse at 30% 35%,#3b82f650,transparent 62%),radial-gradient(ellipse at 80% 65%,#a78bfa45,transparent 58%);animation:u1-hero-glow 8s ease-in-out infinite alternate}
@keyframes u1-hero-glow{from{opacity:.55;transform:translate3d(-18px,-12px,0) scale(.95)}to{opacity:1;transform:translate3d(18px,12px,0) scale(1.05)}}
@media(hover:hover) and (pointer:fine){.card,[data-slot="card"]{transition:translate .22s ease,box-shadow .22s ease,border-color .22s ease!important}.card:hover,[data-slot="card"]:hover{translate:0 -5px!important;transform:none;border-color:var(--primary)!important;box-shadow:0 14px 32px #2563eb22!important}}
@media(prefers-reduced-motion:reduce){[data-slot="sidebar-inset"]::before,.hero::before{animation:none!important}.card,[data-slot="card"]{transition:none!important}.card:hover,[data-slot="card"]:hover{translate:none!important}}
@media(max-width:650px){[data-slot="sidebar-inset"]::before,.hero::before{animation:none!important}}

/* Warm twilight v4 */
:root,[data-theme-preset]{--background:#faf6f0!important;--foreground:#332b29!important;--card:#fffdf9!important;--card-foreground:#332b29!important;--popover:#fffdf9!important;--popover-foreground:#332b29!important;--primary:#ad5d22!important;--primary-foreground:#fff!important;--secondary:#f4e9dc!important;--secondary-foreground:#70462d!important;--muted:#f1e9df!important;--muted-foreground:#807064!important;--accent:#f8e6d2!important;--accent-foreground:#8c481d!important;--border:#e7d9ca!important;--input:#d9c5b1!important;--ring:#c98244!important;--sidebar:#fffaf3!important;--sidebar-foreground:#786455!important;--sidebar-primary:#ad5d22!important;--sidebar-accent:#f7e5cf!important;--sidebar-accent-foreground:#8c481d!important;--sidebar-border:#e7d9ca!important;--chart-1:#c57c40!important;--chart-2:#c09b6c!important;--chart-3:#a58699!important;--chart-4:#81968a!important;--chart-5:#d9b278!important;--bg:#faf6f0;--paper:#fffdf9;--ink:#332b29;--line:#e7d9ca;--green:#ad5d22;--tint:#f8e6d2;--u1-grid:rgba(161,111,64,.045);--u1-glow-blue:#eebf8230;--u1-glow-violet:#c7928b18}
html.dark,html.dark [data-theme-preset],html:has(body.u1-twilight),html:has(.h-svh.max-w-none),body.u1-twilight,.h-svh.max-w-none{--background:#1b191c!important;--foreground:#f6ede3!important;--card:#262328!important;--card-foreground:#f6ede3!important;--popover:#29252a!important;--popover-foreground:#f6ede3!important;--primary:#efb775!important;--primary-foreground:#302015!important;--secondary:#39302c!important;--secondary-foreground:#e8cbb1!important;--muted:#302a2a!important;--muted-foreground:#bdaeaa!important;--accent:#49372d!important;--accent-foreground:#f4cca0!important;--border:#59463b!important;--input:#735b49!important;--ring:#efb775!important;--sidebar:#211e21!important;--sidebar-foreground:#d1bfb2!important;--sidebar-primary:#efb775!important;--sidebar-accent:#49372d!important;--sidebar-accent-foreground:#f4cca0!important;--sidebar-border:#493a33!important;--bg:#1b191c;--paper:#262328;--ink:#f6ede3;--line:#59463b;--green:#efb775;--tint:#49372d;--u1-grid:rgba(219,172,124,.035);--u1-glow-blue:#c57c4026;--u1-glow-violet:#ac77851a;color-scheme:dark}
body.u1-twilight,body:has(.h-svh.max-w-none){background:#19191f!important;background-image:radial-gradient(ellipse at 72% 45%,#f6bf7b88 0%,#cc785455 18%,transparent 48%),linear-gradient(175deg,#272432 5%,#68494d 42%,#b57955 64%,#292630 85%,#17191e)!important;background-size:100% 100%!important;background-attachment:fixed;color:#f6ede3;min-height:100vh}
body.u1-twilight::before,body:has(.h-svh.max-w-none)::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 42%,#ffd59a60,transparent 36%);animation:twilight-breathe 16s ease-in-out infinite alternate}
body.u1-twilight::after,body:has(.h-svh.max-w-none)::after{content:"";position:fixed;inset:58% 0 0;z-index:0;pointer-events:none;background:linear-gradient(170deg,#3d3442bb,#16181ff2);clip-path:polygon(0 40%,8% 31%,16% 38%,26% 14%,35% 27%,43% 22%,52% 48%,65% 25%,73% 36%,85% 10%,94% 22%,100% 16%,100% 100%,0 100%)}
body.u1-twilight>*,.h-svh.max-w-none{position:relative;z-index:1}
body.u1-twilight>header{background:#201e25b8;border-color:#f0d2ac33;backdrop-filter:blur(18px)}
body.u1-twilight .hero{margin:32px auto 0;padding:70px 46px;max-width:1200px;border:1px solid #f7d3ac40;border-radius:28px;background:linear-gradient(115deg,#1e1d26dd,#2b2326a8);box-shadow:0 30px 80px #110e1840;backdrop-filter:blur(20px)}
body.u1-twilight .hero h1{font-weight:650;line-height:1.28;letter-spacing:-1.5px}
body.u1-twilight .hero h1 em{color:#efb775}
body.u1-twilight .hero p,body.u1-twilight .micro,body.u1-twilight footer{color:#ccbeb4}
body.u1-twilight .hero::before{background:radial-gradient(ellipse at 75% 45%,#e7a95b35,transparent 65%);animation:twilight-breathe 16s ease-in-out infinite alternate}
body.u1-twilight .codebox{background:#18191fe6;border-color:#c59c724a;box-shadow:0 20px 45px #100e1645;border-radius:18px}
body.u1-twilight .codebar{color:#c8bcb3}.u1-twilight .codefoot{background:#392d28;color:#e9c6a0}.u1-twilight .codebox i{color:#efbf84}
body.u1-twilight .card,body.u1-twilight .band{background:#252127d9;border-color:#dcc0a330;backdrop-filter:blur(12px)}
body.u1-twilight .providers{color:#e2d3c5;border-color:#e4c3a333}
body.u1-twilight .outline{color:#f0dfcc;border-color:#c4a68b66;background:#ffffff05}
body.u1-twilight .button{box-shadow:0 5px 25px #edb06d22}
body.u1-twilight .eyebrow{color:#e9b77f}
.h-svh.max-w-none{background:transparent!important;height:auto!important;min-height:100svh}
.h-svh.max-w-none>.container{padding-top:100px;padding-bottom:48px}
.h-svh.max-w-none>.container>div{background:#211f27df;border:1px solid #efd0ac50;border-radius:24px;box-shadow:0 30px 90px #0a091360;backdrop-filter:blur(24px);padding:40px!important;max-width:460px}
.h-svh.max-w-none h2{font-size:30px;letter-spacing:-.6px;color:#faefe3}
.h-svh.max-w-none input{background:#17171ec9!important;border-color:#79604d!important;color:#fff1df!important;min-height:44px}
.h-svh.max-w-none button[type=submit]{min-height:44px}
.h-svh.max-w-none a{color:#efc18e}
@keyframes twilight-breathe{from{opacity:.5;transform:translate3d(-12px,0,0)}to{opacity:1;transform:translate3d(12px,-8px,0)}}
@media(hover:hover) and (pointer:fine){.card:hover,[data-slot=card]:hover{box-shadow:0 14px 32px #9b633822!important}}
@media(max-width:650px){body.u1-twilight .hero{margin:18px 14px 0;padding:36px 22px;border-radius:22px;gap:30px}body.u1-twilight .hero h1{font-size:36px}.h-svh.max-w-none>.container>div{padding:28px 22px!important;margin:0 16px;width:calc(100% - 32px)}body.u1-twilight::before,body:has(.h-svh.max-w-none)::before{animation:none}}
@media(prefers-reduced-motion:reduce){body.u1-twilight::before,body:has(.h-svh.max-w-none)::before,body.u1-twilight .hero::before{animation:none!important}}