@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Material+Symbols+Outlined:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hp-bg:#f1f3f4;--hp-surface:#f8f9fa;--hp-panel:#fff;--hp-panel-soft:#f3f4f5;--hp-panel-mid:#edeeef;--hp-border:#e1e3e4;--hp-border-strong:#bfc9c1;--hp-text:#191c1d;--hp-muted:#404943;--hp-subtle:#707973;--hp-primary:#0f5238;--hp-primary-2:#2d6a4f;--hp-primary-soft:#0f523814;--hp-secondary-soft:#b0f1cc;--hp-tertiary-soft:#cee9d3;--hp-error:#ba1a1a;--hp-error-soft:#ffdad6;--hp-amber:#9c6b1d;--hp-amber-soft:#f7e3bf;--hp-radius-sm:8px;--hp-radius-md:12px;--hp-radius-lg:24px;background:var(--hp-bg);color:var(--hp-text);font-family:Be Vietnam Pro,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--hp-bg);min-width:320px;min-height:100vh;color:var(--hp-text);margin:0}button,input,textarea{font:inherit}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar{width:0;height:0}.portal-shell,.portal-main,.portal-nav,.portal-topbar__nav,.portal-content,.editor-surface{scrollbar-width:none;-ms-overflow-style:none}.portal-shell::-webkit-scrollbar{width:0;height:0}.portal-main::-webkit-scrollbar{width:0;height:0}.portal-nav::-webkit-scrollbar{width:0;height:0}.portal-topbar__nav::-webkit-scrollbar{width:0;height:0}.portal-content::-webkit-scrollbar{width:0;height:0}.editor-surface::-webkit-scrollbar{width:0;height:0}.houston-btn{border-radius:var(--hp-radius-sm);color:#fff;background:var(--hp-primary);cursor:pointer;border:1px solid #0000;min-height:38px;padding:0 14px;font-weight:700}.houston-btn:disabled{cursor:not-allowed;opacity:.62}.houston-btn--ghost{color:var(--hp-muted);background:0 0;border-color:#0000}.houston-btn--outline{color:var(--hp-primary);background:var(--hp-panel);border-color:var(--hp-border)}.portal-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.portal-sidebar{border-right:1px solid var(--hp-border);background:var(--hp-panel);grid-template-rows:auto 1fr auto;height:100vh;padding:24px 12px 16px;display:grid;position:sticky;top:0}.portal-brand{border-bottom:1px solid var(--hp-border);padding:0 12px 20px}.portal-brand strong{color:var(--hp-primary);font-size:24px;font-weight:800;line-height:1.25;display:block}.portal-brand small{color:#4049439e;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700;display:block}.portal-nav{align-content:start;gap:4px;margin-top:18px;display:grid;overflow-y:auto}.portal-nav:before{content:"Menu";color:#4049436b;text-transform:uppercase;margin:0 12px 6px;font-size:10px;font-weight:800}.portal-nav__item{border-radius:var(--hp-radius-sm);min-height:40px;color:var(--hp-muted);align-items:center;gap:12px;padding:0 12px;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.portal-nav__item:hover{color:var(--hp-primary);background:var(--hp-panel-soft)}.portal-nav__item--active{color:var(--hp-primary);background:var(--hp-primary-soft);font-weight:700}.portal-nav__item--active:before{content:"";background:var(--hp-primary);border-radius:0 4px 4px 0;width:4px;height:100%;position:absolute;left:0}.portal-nav__icon{color:currentColor;width:20px;font-family:Material Symbols Outlined;font-size:20px;font-weight:400;line-height:1}.portal-nav__label{flex:1;min-width:0;font-size:13px}.portal-nav__badge{color:var(--hp-subtle);font-size:10px;font-weight:700}.portal-sidebar__footer{border-top:1px solid var(--hp-border);padding:14px 4px 0}.sidebar-health{border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-panel-soft);padding:12px}.sidebar-health span{color:var(--hp-subtle);font-size:12px;display:block}.sidebar-health strong{color:var(--hp-primary);margin-top:5px;font-size:13px;display:block}.portal-main{min-width:0;padding:0}.portal-topbar{z-index:20;border-bottom:1px solid var(--hp-border);background:var(--hp-panel);justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:0 28px;display:flex;position:sticky;top:0}.portal-topbar__user{align-items:center;gap:10px;min-width:190px;display:flex}.portal-topbar__avatar{width:32px;height:32px;color:var(--hp-primary);background:var(--hp-secondary-soft);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.portal-topbar__user strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;display:block;overflow:hidden}.portal-topbar__user small{color:#40494399;margin-top:1px;font-size:11px;display:block}.portal-topbar__nav{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.portal-topbar__item{border-radius:var(--hp-radius-sm);color:var(--hp-muted);white-space:nowrap;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none}.portal-topbar__item--active{color:var(--hp-primary);background:var(--hp-panel-soft)}.portal-topbar__actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.portal-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:1280px;margin:22px auto 0;padding:0 28px;display:grid}.portal-metric{border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-panel);justify-content:space-between;align-items:center;min-height:72px;padding:16px;display:flex}.portal-metric span,.workspace-copy span,.status-panel span,.auth-panel__brand,.auth-aside-copy span,.section-heading span,.insight-card span,.callback-panel span,.feature-panel span,.featured-panel span,.skill-card small,.score-card span{color:#404943ad;text-transform:uppercase;font-size:11px;font-weight:800}.portal-metric strong{color:var(--hp-text);font-size:24px}.portal-metric--accent strong,.portal-metric--success strong{color:var(--hp-primary)}.portal-metric--danger strong,.form-error{color:var(--hp-error)}.portal-content{max-width:1280px;margin:22px auto 0;padding:0 28px 48px}.workbench-stack{gap:20px;display:grid}.workbench-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.workbench-hero__copy h1{color:var(--hp-primary);letter-spacing:0;margin:0 0 4px;font-size:30px;line-height:1.2}.workbench-hero__copy p{color:var(--hp-muted);margin:0}.workbench-hero .hero-actions{margin-top:0}.flat-card,.status-panel,.insight-card,.content-lane,.status-matrix,.callback-panel,.mini-card,.skill-card,.plugin-phone{border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-panel);box-shadow:none}.workspace-hero,.panel-grid,.plugin-layout,.creator-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px;display:grid}.workspace-copy,.hero-rail,.feature-panel,.featured-panel,.score-card{padding:28px}.workspace-copy h1,.callback-panel h1{max-width:820px;color:var(--hp-primary);letter-spacing:0;margin:12px 0;font-size:40px;line-height:1.15}.workspace-copy p,.auth-panel p,.status-panel p,.auth-aside-copy p,.insight-card p,.section-heading p,.status-row p,.callback-panel p,.feature-panel p,.featured-panel p,.mini-card p,.skill-card p,.score-card p{color:var(--hp-muted);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-rail{align-content:center;gap:8px;display:grid}.hero-rail strong,.score-card strong{color:var(--hp-primary);font-size:56px;line-height:1}.hero-rail span{color:var(--hp-text);font-weight:700}.panel-grid--three,.card-grid--three,.content-board{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{gap:20px;display:grid}.page-heading h1,.section-heading h1{color:var(--hp-text);letter-spacing:0;margin:8px 0 0;font-size:30px;line-height:1.3}.section-heading h2,.status-panel h2,.feature-panel h2,.featured-panel h2,.trend-panel h2{color:var(--hp-text);margin:8px 0 0;font-size:20px}.insight-card,.content-lane,.status-panel,.status-matrix,.mini-card,.skill-card{padding:22px}.insight-card{min-height:140px}.insight-card strong{color:var(--hp-text);margin:14px 0 8px;font-size:28px;display:block}.insight-card--success strong{color:var(--hp-primary)}.insight-card--danger strong{color:var(--hp-error)}.status-list{gap:10px;margin:0;display:grid}.status-list div,.content-lane header,.status-row,.compact-status-list div,.trend-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-list div{border-bottom:1px solid var(--hp-border);padding-bottom:10px}.status-list dt{color:var(--hp-muted)}.status-list dd{margin:0;font-weight:700}.failure-list p{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.static-list,.workflow-list{color:var(--hp-muted);gap:12px;margin:0;padding-left:18px;line-height:1.6;display:grid}.compact-status-list{gap:10px;display:grid}.compact-status-list small{color:var(--hp-primary);font-size:12px;font-weight:700}.status-matrix{gap:12px;display:grid}.status-row{border-top:1px solid var(--hp-border);padding:14px 0}.status-row:first-of-type{border-top:0}.status-row p{margin:6px 0 0}.status-pill{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.status-pill--connected{color:var(--hp-primary);background:var(--hp-secondary-soft)}.status-pill--static{color:var(--hp-amber);background:var(--hp-amber-soft)}.status-pill--planned{color:var(--hp-muted);background:var(--hp-panel-soft)}.content-lane{min-height:260px}.content-lane header{margin-bottom:16px}.content-lane header span{color:var(--hp-primary);font-size:24px;font-weight:800}.content-card-mini{border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-panel-soft);height:76px}.content-card-mini+.content-card-mini{margin-top:10px}.content-card-mini--muted{opacity:.62}.plugin-layout{grid-template-columns:minmax(320px,360px) minmax(0,1fr) minmax(280px,.7fr);align-items:start}.plugin-phone{border-radius:0;max-width:360px;min-height:520px;overflow:hidden;box-shadow:0 16px 44px #191c1d24}.plugin-phone section{gap:14px;padding:18px;display:grid}.plugin-phone__top,.plugin-phone__footer,.plugin-task{justify-content:space-between;align-items:center;gap:10px;display:flex}.plugin-phone__top{border-bottom:2px solid var(--hp-primary);padding-bottom:12px}.plugin-phone__top button{color:var(--hp-primary);cursor:pointer;background:0 0;border:0;font-weight:800}.plugin-task{border-bottom:1px solid var(--hp-border);padding:12px 0}.plugin-task span{color:var(--hp-primary);background:var(--hp-primary-soft);border-radius:4px;padding:2px 5px;font-size:10px;font-weight:800}.plugin-task strong{flex:1;min-width:0;font-size:13px}.plugin-task small{color:var(--hp-subtle);font-size:11px}.plugin-phone__footer{border-top:1px solid var(--hp-border);margin-top:auto;padding-top:12px}.toolbar-row,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.toolbar-row button,.chip-row span{border:1px solid var(--hp-border);color:var(--hp-muted);background:var(--hp-panel);border-radius:999px;padding:8px 14px;font-weight:700}.featured-panel{background:var(--hp-tertiary-soft);min-height:220px}.skill-card{gap:10px;min-height:240px;display:grid}.skill-card__icon{width:42px;height:42px;color:var(--hp-primary);background:var(--hp-primary-soft);border-radius:999px;place-items:center;font-family:Material Symbols Outlined;font-size:24px;display:grid}.skill-card h3,.mini-card h3,.advice-card h3{color:var(--hp-text);margin:0}.skill-card strong{color:var(--hp-primary);font-size:12px}.score-card{align-content:center;gap:12px;display:grid}.progress-panel{gap:16px;display:grid}.progress-row{gap:7px;display:grid}.progress-row strong{color:var(--hp-primary);justify-self:end;margin-top:-24px}.progress-row div{background:var(--hp-panel-mid);border-radius:999px;height:8px;overflow:hidden}.progress-row i{border-radius:inherit;background:var(--hp-primary);height:100%;display:block}.trend-panel{padding:24px}.trend-panel header p{color:var(--hp-muted);margin:4px 0 0}.trend-panel header span{border-radius:var(--hp-radius-sm);color:var(--hp-primary);background:var(--hp-panel-soft);padding:7px 12px;font-weight:800}.trend-bars{border-bottom:1px solid var(--hp-border);grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:220px;margin-top:20px;display:grid}.trend-bars i{border-top:2px solid var(--hp-primary);background:linear-gradient(#0000,#0f523824);border-radius:8px 8px 0 0;display:block}.advice-card{border-radius:var(--hp-radius-lg);background:var(--hp-tertiary-soft);min-height:200px;padding:22px}.advice-card:nth-child(2){background:var(--hp-secondary-soft)}.advice-card:nth-child(3){color:#fff;background:var(--hp-primary-2)}.advice-card:nth-child(3) p,.advice-card:nth-child(3) h3,.advice-card:nth-child(3) span{color:#fff}.creator-grid{grid-template-columns:minmax(260px,.55fr) minmax(420px,1fr);align-items:start}.creator-sidebar{gap:16px;display:grid}.editor-panel{grid-template-rows:auto 1fr auto;min-height:620px;display:grid;overflow:hidden}.editor-panel header,.editor-panel footer{border-bottom:1px solid var(--hp-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.editor-panel footer{border-top:1px solid var(--hp-border);border-bottom:0}.editor-surface{color:#40494399;min-height:420px;padding:24px;line-height:1.8}.creator-bottom{grid-column:1/-1}.auth-page{background:var(--hp-surface);place-items:center;min-height:100vh;padding:32px 24px;display:grid;position:relative;overflow:hidden}.auth-decor{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-decor__blob{filter:blur(110px);opacity:.5;border-radius:999px;position:absolute}.auth-decor__blob--one{background:var(--hp-secondary-soft);width:42%;height:42%;top:-12%;right:-10%}.auth-decor__blob--two{background:var(--hp-tertiary-soft);width:34%;height:34%;bottom:-10%;left:-8%}.auth-shell{z-index:1;justify-items:center;gap:24px;width:100%;max-width:440px;display:grid;position:relative}.auth-brand{text-align:center;gap:8px;display:grid}.auth-brand strong{color:var(--hp-primary);letter-spacing:-.01em;font-size:30px;font-weight:700}.auth-brand p{color:var(--hp-muted);margin:0;font-size:14px}.auth-card{border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-panel);width:100%;padding:32px;box-shadow:0 10px 40px -10px #2d6a4f1f}.auth-card__head{margin:0 0 16px}.auth-card__head h1{color:var(--hp-text);letter-spacing:0;margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.3}.auth-card__head p{color:var(--hp-muted);margin:0;font-size:14px}.auth-tabs{border-radius:var(--hp-radius-sm);background:var(--hp-panel-soft);grid-template-columns:repeat(2,1fr);gap:4px;margin:0 0 24px;padding:4px;display:grid}.auth-tabs button{border-radius:var(--hp-radius-sm);min-height:38px;color:var(--hp-subtle);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;font-size:12px;font-weight:700;transition:background .16s,color .16s}.auth-tabs button[aria-selected=true]{color:var(--hp-primary);background:var(--hp-panel);box-shadow:0 1px 2px #191c1d14}.auth-form{gap:16px;margin:0;display:grid}.auth-form label{color:var(--hp-subtle);letter-spacing:.05em;text-transform:uppercase;gap:6px;font-size:10px;font-weight:700;display:grid}.auth-form input{border-radius:var(--hp-radius-sm);width:100%;min-height:48px;color:var(--hp-text);background:var(--hp-panel-soft);border:1px solid #0000;padding:0 14px;font-size:15px;transition:background .16s,box-shadow .16s}.auth-form input::placeholder{color:var(--hp-subtle)}.auth-form input:focus{background:var(--hp-panel);box-shadow:0 0 0 2px var(--hp-primary);outline:none}.auth-form .houston-btn{width:100%;min-height:50px;margin-top:4px;font-size:14px}.auth-note{color:var(--hp-text);margin:0;font-weight:600}.auth-divider{color:var(--hp-subtle);align-items:center;gap:12px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--hp-border);flex:1;height:1px}.auth-divider span{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.auth-inline-actions{gap:10px;margin-top:16px;display:flex}.auth-inline-actions button{border:1px solid var(--hp-border);border-radius:var(--hp-radius-sm);min-height:38px;color:var(--hp-muted);background:var(--hp-panel);cursor:pointer;flex:1;font-weight:700}.auth-google{border:1px solid var(--hp-border);border-radius:var(--hp-radius-sm);width:100%;min-height:48px;color:var(--hp-text);background:var(--hp-panel);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700;transition:background .16s;display:flex}.auth-google:hover{background:var(--hp-panel-soft)}.auth-google__icon{display:inline-flex}.auth-legal{text-align:center;max-width:320px}.auth-legal p{color:var(--hp-muted);margin:0;font-size:13px;line-height:1.6}.auth-legal a{color:var(--hp-primary);font-weight:600;text-decoration:none}.auth-legal a:hover{text-decoration:underline}.callback-panel{z-index:1;width:min(560px,100%);padding:28px;position:relative}@media (width<=1180px){.panel-grid--four,.plugin-layout,.creator-grid{grid-template-columns:1fr 1fr}.plugin-layout .feature-panel{grid-column:1/-1}}@media (width<=900px){.portal-shell,.workspace-hero,.panel-grid,.panel-grid--three,.panel-grid--four,.card-grid--three,.content-board,.auth-panel,.plugin-layout,.creator-grid{grid-template-columns:1fr}.portal-sidebar{z-index:10;border-top:1px solid var(--hp-border);border-right:0;width:100%;height:auto;padding:8px;display:block;position:fixed;inset:auto 0 0}.portal-brand,.portal-sidebar__footer,.portal-nav:before{display:none}.portal-nav{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0;overflow-x:auto}.portal-nav__item{justify-content:center;min-height:44px;padding:0 6px}.portal-nav__item--active:before,.portal-nav__label,.portal-nav__badge{display:none}.portal-main{padding:0}.portal-topbar,.portal-metrics{padding-left:14px;padding-right:14px}.portal-content{padding:0 14px 92px}.portal-topbar{min-height:60px}.portal-topbar__nav,.portal-topbar__actions .houston-btn--ghost:first-child,.portal-topbar__actions .houston-btn--outline{display:none}.portal-metrics{grid-template-columns:1fr}.workspace-copy h1,.callback-panel h1{font-size:32px}.auth-card{padding:24px}}