@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";:root{--page-bg:#e8f2ff;--panel-bg:#f8fcffe6;--panel-strong:#fff;--text-main:#10233f;--text-soft:#5e7595;--line:#10233f1f;--accent:#1e66f5;--accent-dark:#1147b7;--accent-soft:#7dd3fc;--shadow:0 30px 80px #1c448324;--radius-xl:28px;--radius-lg:20px}*{box-sizing:border-box}html{color:var(--text-main);background:radial-gradient(circle at top left, #1e66f533, transparent 28%), radial-gradient(circle at right 18%, #7dd3fc57, transparent 24%), linear-gradient(180deg, #f6fbff 0%, var(--page-bg) 100%);font-family:Roboto,sans-serif}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}body{line-height:1.5}#app{min-height:100vh}.primary-link-button,.ghost-button,.nav-list a,.form-card button,.form-card input,.form-card select,.panel,.auth-card{border-radius:var(--radius-lg)}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#edf6ffd1;align-content:start;gap:18px;padding:32px 24px;display:grid}.sidebar-user{color:var(--text-soft);word-break:break-word;margin:0}.brand,.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);font-size:12px}.brand{font-weight:900}.nav-list{gap:10px;display:grid}.nav-list a{background:0 0;border:1px solid #0000;padding:14px 16px}.nav-list a.router-link-active{background:var(--panel-strong);border-color:var(--line);box-shadow:var(--shadow)}.content,.auth-shell{padding:32px}.landing-shell{gap:28px;padding:32px;display:grid}.landing-hero,.landing-section{gap:24px;display:grid}.landing-hero{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(140deg,#ffffffeb,#e2f1ffe0),radial-gradient(circle at 100% 0,#7dd3fc4d,#0000 28%);padding:28px}.landing-topbar,.landing-actions,.landing-cta-row,.landing-flow-grid{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.landing-topbar{justify-content:space-between;align-items:flex-start}.landing-brandline{max-width:28rem;color:var(--text-soft);font-size:.95rem;display:block}.landing-grid,.landing-three-up{gap:24px;display:grid}.landing-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);align-items:start}.landing-hero-card,.landing-feature-card,.landing-step-card{padding:24px}.landing-hero-card h2,.landing-feature-card h2,.landing-step-card h3{margin:0}.landing-points{color:var(--text-soft);margin:0;padding-left:18px}.landing-three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-flow-grid{align-items:stretch}.landing-step-card{flex:220px;gap:12px;display:grid}.step-badge{width:fit-content;color:var(--accent-dark);background:#1e66f51a;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700}.page-stack,.form-card{gap:16px;display:grid}.page-stack h1,.auth-card h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:.95}.lead{max-width:52ch;color:var(--text-soft);margin:0}.panel,.auth-card,.form-card{background:var(--panel-bg);border:1px solid var(--line);box-shadow:var(--shadow)}.panel,.auth-card{padding:24px}.auth-shell{place-items:center;display:grid}.auth-card{background:linear-gradient(#fffffff2,#ecf6ffeb);gap:18px;width:min(100%,560px);padding:40px;display:grid}.form-card{padding:24px}.form-card label{gap:8px;display:grid}.form-card input,.form-card select,.inbox-filters input,.inbox-filters select{border:1px solid var(--line);background:#fff;width:100%;padding:14px 16px}.form-card select,.inbox-filters select{appearance:none;color:var(--text-main);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2310233f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;padding-right:44px;box-shadow:inset 0 1px #ffffffb3}.form-card select:focus,.inbox-filters select:focus,.form-card input:focus,.inbox-filters input:focus{border-color:#1e66f580;outline:3px solid #1e66f529}.form-card button,.ghost-button,.primary-link-button{cursor:pointer;border:0;justify-content:center;align-items:center;padding:14px 18px;display:inline-flex}.form-card button,.primary-link-button{background:var(--accent);color:#f4f8ff}.form-card button:disabled,.ghost-button:disabled,.primary-link-button:disabled{cursor:wait;opacity:.75}.ghost-button{color:var(--text-main);background:#10233f0f}.danger-button{color:var(--accent-dark)}.error-text{color:var(--accent-dark);font-size:13px}.sidebar-signout{margin-top:auto}.channels-grid{gap:24px}.channels-columns{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.channel-card{gap:18px;display:grid}.channel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.channel-head h2{margin:0;font-size:28px}.channel-meta,.channel-description{color:var(--text-soft);margin:0}.channel-swatch{border:1px solid #241f1a1f;border-radius:999px;width:22px;height:22px}.channel-actions{gap:12px;display:flex}.notification-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.inbox-toolbar,.inbox-filters,.push-panel,.notification-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.push-panel{justify-content:space-between}.push-panel h2{margin:0;font-size:24px}.inbox-filters label{gap:8px;min-width:180px;display:grid}.notification-card{gap:16px;display:grid}.notification-card.unread{border-left:4px solid var(--accent)}.level-info{background:linear-gradient(#fffffff5,#f0f7ffeb)}.level-success{background:linear-gradient(#fffffff5,#eefcf4eb)}.level-warning{background:linear-gradient(#fffffff5,#fff7e7f0)}.level-error{background:linear-gradient(#fffffff5,#ffeeebf0)}.payload-block{border-radius:var(--radius-lg);background:#241f1a0f;margin:0;padding:16px;overflow-x:auto}.token-reveal{background:#1e66f50f;border:1px solid #1e66f533}.token-reveal-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.token-reveal code{overflow-wrap:anywhere;font-size:.95rem;display:block}@media (width<=1100px){.landing-grid,.landing-three-up,.channels-columns{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.landing-shell,.content,.auth-shell{padding:20px}.landing-topbar,.inbox-toolbar,.inbox-filters,.push-panel,.notification-meta{display:grid}}@media (width<=640px){.sidebar{gap:12px;padding:16px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nav-list a{text-align:center;justify-content:center;align-items:center;min-height:44px;padding:10px 8px;display:inline-flex}.landing-shell,.content,.auth-shell{padding:12px}.landing-hero,.panel,.form-card{padding:16px}.auth-card{padding:18px}.page-stack,.form-card,.notification-card{gap:12px}.page-stack h1,.auth-card h1{font-size:34px;line-height:1}.channel-head,.channel-actions,.notification-actions,.landing-actions,.landing-cta-row{grid-template-columns:1fr;display:grid}.notification-actions{justify-content:stretch}.form-card input,.form-card select,.inbox-filters input,.inbox-filters select,.form-card button,.ghost-button,.primary-link-button{min-height:44px;padding-top:11px;padding-bottom:11px}.inbox-filters label{min-width:0}.payload-block{padding:12px;font-size:13px}}