/* v17 SuperApp Shell design */
:root{--v17-bg:#f6f4ef;--v17-ink:#171717;--v17-muted:#6b665d;--v17-card:rgba(255,255,255,.82);--v17-line:rgba(20,20,20,.08);--v17-shadow:0 18px 60px rgba(15,23,42,.10);--v17-radius:28px}
[data-theme="dark"]{--v17-bg:#0b1014;--v17-ink:#f4f1e9;--v17-muted:#a6a29a;--v17-card:rgba(18,24,30,.86);--v17-line:rgba(255,255,255,.10);--v17-shadow:0 18px 60px rgba(0,0,0,.32)}
body{background:radial-gradient(circle at 12% 0%,rgba(15,118,110,.14),transparent 28%),radial-gradient(circle at 90% 10%,rgba(245,158,11,.12),transparent 24%),var(--v17-bg)}
#app.superapp-home{display:grid;grid-template-columns:1fr;min-height:100dvh;background:transparent}.superapp-home .side,.superapp-home .bottom,.superapp-home .quick{display:none!important}.superapp-home .main{max-width:1180px;width:100%;margin:0 auto;padding:18px 18px 40px}.superapp-home .top{display:none}
.v17-launch{min-height:calc(100dvh - 36px);display:flex;flex-direction:column;gap:24px;padding:8px 0}.v17-launch-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;border:1px solid var(--v17-line);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.42));backdrop-filter:blur(18px);border-radius:34px;box-shadow:var(--v17-shadow)}[data-theme="dark"] .v17-launch-top{background:linear-gradient(135deg,rgba(22,28,35,.92),rgba(22,28,35,.48))}.v17-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0f766e}.v17-launch h1{margin:6px 0 8px;font-size:clamp(34px,7vw,72px);letter-spacing:-.06em;line-height:.92;color:var(--v17-ink)}.v17-launch p{max-width:720px;color:var(--v17-muted);font-size:16px;line-height:1.55}.v17-userbox{display:flex;align-items:center;gap:12px;background:var(--v17-card);border:1px solid var(--v17-line);border-radius:22px;padding:12px 14px;min-width:210px}.v17-userbox span{display:block;color:var(--v17-muted);font-size:12px;margin-top:2px}
.v17-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v17-project-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--v17-line);background:var(--v17-card);box-shadow:var(--v17-shadow);border-radius:34px;padding:22px;min-height:270px;cursor:pointer;color:var(--v17-ink);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.v17-project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent),transparent 40%);box-shadow:0 24px 70px rgba(15,23,42,.16)}.v17-card-glow{position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;border-radius:999px;background:var(--accent);opacity:.15;filter:blur(4px)}.v17-card-head,.v17-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.v17-card-head span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--v17-muted)}.v17-project-card h2{position:relative;font-size:30px;line-height:1;letter-spacing:-.04em;margin:34px 0 12px}.v17-project-card p{position:relative;color:var(--v17-muted);font-size:14px}.v17-card-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.v17-card-metrics div{border:1px solid var(--v17-line);background:rgba(255,255,255,.42);border-radius:18px;padding:10px}[data-theme="dark"] .v17-card-metrics div{background:rgba(255,255,255,.04)}.v17-card-metrics b{display:block;font-size:20px}.v17-card-metrics span{display:block;font-size:11px;color:var(--v17-muted);margin-top:2px}.v17-card-foot em{font-style:normal;color:var(--v17-muted);font-size:12px}.v17-card-foot strong{color:var(--accent);font-size:13px}.v17-launch-actions{display:flex;justify-content:flex-end;gap:10px}
.project-workspace .side{background:rgba(255,255,255,.78);backdrop-filter:blur(20px);border-right:1px solid var(--v17-line)}[data-theme="dark"] .project-workspace .side{background:rgba(11,16,20,.78)}.project-workspace .brand{padding:14px;border-radius:22px;background:var(--v17-card);border:1px solid var(--v17-line);box-shadow:0 10px 30px rgba(15,23,42,.06)}.project-workspace #sideNav{display:flex;flex-direction:column;gap:8px}.project-workspace #sideNav button{border-radius:18px}.v17-nav-project{margin-bottom:12px}.v17-project-pill{width:100%;border:1px solid var(--v17-line);background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(245,158,11,.06));border-radius:24px;padding:12px;text-align:left;color:var(--v17-ink)}.v17-project-pill span,.v17-project-pill em{display:block;font-size:11px;color:var(--v17-muted);font-style:normal}.v17-project-pill b{display:block;font-size:16px;line-height:1.1;margin:3px 0}
.v17-project-context{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 88%),var(--v17-card));box-shadow:0 12px 34px rgba(15,23,42,.07)}.v17-project-context span,.v17-project-context em{display:block;color:var(--v17-muted);font-style:normal;font-size:12px}.v17-project-context b{font-size:18px}.v17-empty-project{padding:2px}.v17-empty-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:34px;padding:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),transparent 82%),var(--v17-card));border:1px solid var(--v17-line);box-shadow:var(--v17-shadow);margin-bottom:16px}.v17-empty-hero span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--v17-muted);font-weight:800}.v17-empty-hero h1{font-size:42px;line-height:.95;letter-spacing:-.05em;margin:8px 0}.v17-empty-mark{width:92px;height:92px;border-radius:28px;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:0 18px 50px color-mix(in srgb,var(--accent),transparent 60%)}
.v17-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.v17-admin-grid .card label{display:block;margin:10px 0}.v17-access-matrix{display:flex;flex-direction:column;gap:10px}.v17-access-user{display:grid;grid-template-columns:220px 1fr;gap:12px;border:1px solid var(--v17-line);background:var(--v17-card);border-radius:22px;padding:14px}.v17-access-user span{display:block;color:var(--v17-muted);font-size:12px;margin-top:4px}.v17-access-projects{display:flex;flex-wrap:wrap;gap:8px}.v17-access-projects span{border-radius:999px;padding:7px 10px;font-size:12px;margin:0}.v17-access-projects .on{background:rgba(15,118,110,.12);color:#0f766e;border:1px solid rgba(15,118,110,.18)}.v17-access-projects .off{background:rgba(100,116,139,.08);color:var(--v17-muted);border:1px solid var(--v17-line)}
.mobile-card-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-row{border:1px solid var(--v17-line);background:var(--v17-card);border-radius:24px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.06);cursor:pointer}.mobile-row h3{margin:10px 0 8px;font-size:16px;line-height:1.2}.mobile-row .meta{display:flex;flex-wrap:wrap;gap:6px}.empty-note{grid-column:1/-1;padding:20px;border-radius:22px;background:var(--v17-card);border:1px solid var(--v17-line);color:var(--v17-muted)}
@media(max-width:900px){.v17-project-grid,.v17-admin-grid,.mobile-card-table{grid-template-columns:1fr}.v17-launch-top{display:block}.v17-userbox{margin-top:16px;min-width:0}.v17-launch h1{font-size:46px}.v17-project-card{min-height:245px}.v17-access-user{grid-template-columns:1fr}.project-workspace .main{padding-bottom:90px}.v17-empty-hero{align-items:flex-start}.v17-empty-mark{width:68px;height:68px;border-radius:22px;font-size:20px}.v17-project-context{align-items:flex-start}.v17-project-context .btn{white-space:nowrap}}
@media(max-width:640px){.superapp-home .main{padding:12px 12px 32px}.v17-launch-top{padding:18px;border-radius:28px}.v17-project-card{border-radius:28px;padding:18px}.v17-project-card h2{font-size:28px;margin-top:28px}.v17-card-metrics{margin:18px 0}.v17-launch-actions{justify-content:stretch}.v17-launch-actions .btn{flex:1}.v17-empty-hero{padding:20px;border-radius:28px}.v17-empty-hero h1{font-size:34px}.top{border-radius:0 0 24px 24px}.bottom{border-radius:24px 24px 0 0}}