:root{--navy:#0B132B;--card:#1C2541;--card2:#121c36;--blue:#3A86FF;--teal:#00F5D4;--orange:#FF9F1C;--text:#F7FAFF;--muted:#91A0BD;--line:#2d3c61;--danger:#ff5c75;--green:#40e39a;--shadow:0 24px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy);color:var(--text)}body{background:radial-gradient(circle at 70% 0%,rgba(58,134,255,.09),transparent 34%),linear-gradient(180deg,#0b132b,#081023 70%);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#081126;border-right:1px solid rgba(133,160,205,.14);padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand img{width:44px;height:44px}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:17px;letter-spacing:.03em}.brand small{font-size:10px;color:var(--teal);letter-spacing:.24em;margin-top:6px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:7px;flex:1}.nav-item{min-height:44px;display:flex;align-items:center;gap:11px;color:#b9c5dc;border-radius:12px;padding:0 13px;font-weight:700;transition:.2s ease}.nav-item:hover{background:#14203b;color:white;transform:translateX(2px)}.nav-item>span{font-size:19px;width:22px;color:var(--teal)}.nav-button{border:0;background:transparent;width:100%;text-align:left}.nav-spacer{flex:1}.role-pill{display:inline-flex;width:max-content;padding:7px 11px;border:1px solid rgba(0,245,212,.3);background:rgba(0,245,212,.07);color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.16em;border-radius:999px;margin:0 12px 8px}.role-pill.mini{margin:0;padding:5px 8px}.penny-side{border:1px solid rgba(58,134,255,.22);background:linear-gradient(160deg,rgba(58,134,255,.08),rgba(0,245,212,.04));border-radius:16px;padding:14px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;margin-top:18px}.penny-side img{width:42px;grid-row:1/3}.penny-side b{font-size:12px}.penny-side small{font-size:10px;color:var(--muted)}.main{min-width:0}.topbar{height:92px;border-bottom:1px solid rgba(133,160,205,.12);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:rgba(11,19,43,.62);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.topbar h1{font-size:24px;margin:4px 0 0;letter-spacing:-.02em}.eyebrow{font-size:9px;color:var(--teal);font-weight:900;letter-spacing:.2em}.user-chip{display:flex;gap:10px;align-items:center}.user-chip>div:last-child{display:flex;flex-direction:column}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--teal));display:grid;place-items:center;color:#071027;font-weight:1000}.content{padding:30px 36px 60px;max-width:1600px;margin:0 auto}.toast{margin:18px 36px 0;border:1px solid rgba(0,245,212,.25);background:#10213a;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.toast.error{border-color:rgba(255,92,117,.35);background:#2a1525}.toast img{width:33px;height:33px}.toast div{display:flex;flex-direction:column;gap:2px}.toast b{font-size:11px;color:var(--teal)}.toast.error b{color:#ff91a2}.toast span{font-size:12px}.hero-strip{min-height:220px;border:1px solid rgba(58,134,255,.24);background:radial-gradient(circle at 85% 35%,rgba(0,245,212,.12),transparent 25%),linear-gradient(120deg,#14203a,#101a34);border-radius:22px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:var(--shadow);margin-bottom:22px}.hero-strip:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(58,134,255,.16);right:90px;top:-70px}.hero-strip h2{font-size:31px;letter-spacing:-.04em;margin:12px 0 8px;max-width:650px}.hero-strip p{color:#aebbd2;max-width:700px;line-height:1.65;font-size:14px}.hero-strip>img{width:168px;max-height:180px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35));z-index:1}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:1000;letter-spacing:.15em;border:1px solid}.badge.teal{color:var(--teal);border-color:rgba(0,245,212,.32);background:rgba(0,245,212,.07)}.badge.blue{color:#86b9ff;border-color:rgba(58,134,255,.35);background:rgba(58,134,255,.09)}.badge.orange{color:var(--orange);border-color:rgba(255,159,28,.35);background:rgba(255,159,28,.08)}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.quota{font-size:12px;color:var(--muted)}.quota b{color:var(--teal);font-size:18px;margin-right:5px}.stat-grid{display:grid;gap:16px;margin-bottom:20px}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid rgba(133,160,205,.14);background:var(--card2);border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:130px}.stat-card span{font-size:9px;letter-spacing:.14em;color:var(--teal);font-weight:900}.stat-card strong{font-size:36px;margin:12px 0 2px}.stat-card small{color:var(--muted)}.stat-card.warn span,.stat-card.warn strong{color:var(--orange)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.compact{gap:14px}.panel{border:1px solid rgba(133,160,205,.14);background:linear-gradient(180deg,rgba(28,37,65,.94),rgba(20,30,55,.96));border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.12);margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h3{margin:5px 0 0;font-size:18px}.status-dot{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;border:1px solid rgba(64,227,154,.28);font-size:8px;font-weight:1000;letter-spacing:.12em;color:var(--green);white-space:nowrap}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-dot.bad{color:var(--danger);border-color:rgba(255,92,117,.3)}.health-list{display:grid;gap:15px}.health-list>div{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px}.health-list b{font-size:12px}.health-list span{text-align:right;color:#bdc8da;font-size:11px}.health-list meter{grid-column:1/3;width:100%;height:8px}.inline-status{font-size:9px;font-weight:1000;letter-spacing:.1em}.inline-status.green{color:var(--green)}.inline-status.red{color:var(--danger)}.action-stack{display:grid;gap:11px}.action-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(133,160,205,.14);background:#131d35;border-radius:14px;padding:14px;transition:.2s}.action-card:hover{border-color:rgba(58,134,255,.55);transform:translateY(-2px)}.action-card div:not(.icon-box){display:flex;flex-direction:column}.action-card b{font-size:12px}.action-card small{color:var(--muted);margin-top:4px}.icon-box{width:42px;height:42px;border-radius:11px;background:rgba(58,134,255,.1);color:var(--teal);display:grid;place-items:center;font-size:18px}.table-wrap{overflow:auto;border-radius:13px;border:1px solid rgba(133,160,205,.11)}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;padding:12px 14px;background:#101a31;color:#7290b7;font-size:9px;letter-spacing:.12em}td{padding:14px;border-top:1px solid rgba(133,160,205,.1);font-size:11px;vertical-align:middle}td b,td small{display:block}td small{color:var(--muted);margin-top:4px}tbody tr:hover{background:rgba(58,134,255,.04)}.code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;border:1px solid rgba(58,134,255,.25);background:rgba(58,134,255,.07);padding:5px 7px;border-radius:7px;color:#9cc4ff}.status{font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;padding:5px 7px;border-radius:999px;background:#24314d}.status.completed{color:var(--green);background:rgba(64,227,154,.1)}.status.failed{color:#ff8da0;background:rgba(255,92,117,.11)}.status.building{color:var(--teal);background:rgba(0,245,212,.1)}.status.queued{color:#9cc4ff;background:rgba(58,134,255,.1)}.empty-cell{text-align:center!important;color:var(--muted);padding:30px}.btn{border:1px solid rgba(133,160,205,.2);border-radius:11px;background:#182642;color:white;font-weight:800;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:rgba(58,134,255,.6)}.btn.primary{background:linear-gradient(135deg,var(--orange),#ffb13f);border-color:var(--orange);color:#10162a;box-shadow:0 10px 24px rgba(255,159,28,.14)}.btn.ghost{background:transparent}.btn.wide{width:100%}.btn.tiny{padding:7px 10px;border-radius:8px;font-size:9px}.small{font-size:10px}.muted{color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-card{min-height:170px;border:1px solid rgba(133,160,205,.14);background:linear-gradient(145deg,#16213c,#111a31);border-radius:18px;padding:18px;display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:start;transition:.22s;box-shadow:0 10px 30px rgba(0,0,0,.12)}.app-card:hover{transform:translateY(-4px);border-color:rgba(0,245,212,.32)}.app-icon-fallback{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,rgba(58,134,255,.18),rgba(0,245,212,.09));display:grid;place-items:center;font-size:25px;border:1px solid rgba(58,134,255,.2)}.app-card-body{min-width:0}.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.source-tag{display:inline-flex;border-radius:7px;padding:4px 6px;background:rgba(0,245,212,.08);color:var(--teal);font-size:8px;font-weight:1000;letter-spacing:.1em}.app-card h3{margin:11px 0 5px;font-size:17px}.app-card code{font-size:9px;color:#7e92b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.app-card small{display:block;color:var(--muted);margin-top:8px}.theme-swatch{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:13px}.theme-swatch i{width:11px;height:11px;border-radius:50%}.arrow{color:var(--teal);font-size:22px}.empty-state{min-height:390px;border:1px dashed rgba(58,134,255,.3);background:rgba(20,30,55,.55);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state.large{min-height:470px}.empty-state img{width:145px;max-height:155px;object-fit:contain;margin-bottom:8px}.empty-state h2{font-size:25px;margin:13px 0 8px}.empty-state p{max-width:520px;color:var(--muted);line-height:1.6;margin-bottom:18px}.builder-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px;align-items:start}.builder-form{margin:0}.step-badge{font-size:9px;color:var(--teal);font-weight:900;letter-spacing:.12em}.form-stack{display:grid;gap:15px}.form-stack label{display:grid;gap:7px;color:#c5d0e2;font-size:11px;font-weight:700}.form-stack input,.form-stack select,.form-stack textarea,.inline-form input,.ai-card input,.row-form input,.row-form select{width:100%;border:1px solid #344461;background:#0f1930;color:white;border-radius:10px;padding:11px 12px;outline:none;transition:.18s}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.inline-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(58,134,255,.09)}.form-stack textarea{resize:vertical;font-family:inherit;line-height:1.5}.form-stack label small{color:var(--muted);font-weight:500}.optional{color:var(--muted);font-weight:500}.form-section{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:18px 0;border-top:1px solid rgba(133,160,205,.1)}.section-num{width:29px;height:29px;border-radius:9px;background:rgba(58,134,255,.12);border:1px solid rgba(58,134,255,.25);display:grid;place-items:center;font-size:9px;color:#8abaff;font-weight:900}.section-content{min-width:0}.section-content h4{margin:6px 0 15px;font-size:14px}.source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.source-tabs label{display:block}.source-tabs input{position:absolute;opacity:0;pointer-events:none}.source-tabs span{min-height:70px;border:1px solid #344461;border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#101a31;cursor:pointer}.source-tabs small{font-size:9px;color:var(--muted)}.source-tabs input:checked+span{border-color:var(--teal);box-shadow:inset 0 0 0 1px rgba(0,245,212,.25);background:rgba(0,245,212,.06)}.source-panel{display:none}.source-panel.active{display:block}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle{display:grid!important;grid-template-columns:38px 1fr;align-items:center;gap:10px!important;border:1px solid rgba(133,160,205,.13);background:#101a31;padding:11px;border-radius:11px}.toggle input{position:absolute;opacity:0}.toggle>span{width:38px;height:21px;border-radius:999px;background:#2f3b55;position:relative}.toggle>span:after{content:"";position:absolute;width:15px;height:15px;background:#aeb9ca;border-radius:50%;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:rgba(0,245,212,.25)}.toggle input:checked+span:after{left:20px;background:var(--teal)}.toggle b{font-size:10px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:12px}.phone-preview-panel{position:sticky;top:112px;border:1px solid rgba(58,134,255,.2);background:#0f1930;border-radius:20px;padding:18px}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.preview-head>span{font-size:9px;color:var(--teal);font-weight:1000;letter-spacing:.13em}.preview-head i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--green)}.preview-head small{font-size:9px;color:var(--muted)}.phone{width:270px;height:540px;margin:0 auto;border:7px solid #050913;border-radius:37px;background:#050913;box-shadow:0 25px 50px rgba(0,0,0,.35);position:relative}.phone-notch{position:absolute;width:85px;height:18px;background:#050913;top:-1px;left:50%;transform:translateX(-50%);border-radius:0 0 13px 13px;z-index:3}.phone-screen{height:100%;background:#fff;border-radius:29px;overflow:hidden;display:flex;flex-direction:column}.phone-status{height:27px;padding:8px 15px 0;color:white;background:var(--app-theme);font-size:7px;display:flex;justify-content:space-between}.phone-appbar{height:44px;background:var(--app-theme);color:white;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:0 12px;font-size:9px}.mini-logo{width:25px;height:25px;border-radius:7px;background:var(--teal);color:var(--navy);display:grid;place-items:center;font-size:7px;font-weight:1000}.phone-web{flex:1;position:relative;background:#edf1f7}.phone-web iframe{width:100%;height:100%;border:0;background:white;display:none}.phone-web iframe.visible{display:block}.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#25324b;padding:24px}.preview-placeholder.hidden{display:none}.preview-placeholder img{width:82px;max-height:94px}.preview-placeholder b{font-size:12px;margin:7px 0}.preview-placeholder span{font-size:8px;line-height:1.45;color:#61708c}.android-nav{height:22px;background:#fff;color:#171e2c;text-align:center;font-size:17px;line-height:12px}.preview-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px}.preview-note p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.app-titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-identity{display:flex;gap:14px;align-items:center}.app-icon-large{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,rgba(58,134,255,.2),rgba(0,245,212,.1));border:1px solid rgba(58,134,255,.22);display:grid;place-items:center;font-size:28px}.app-identity h2{margin:6px 0 4px;font-size:25px}.app-identity code{font-size:10px;color:var(--muted)}.app-main-grid{grid-template-columns:1.25fr .75fr}.build-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.build-choice form{display:contents}.build-btn{border:1px solid rgba(133,160,205,.17);background:#101a31;color:white;border-radius:14px;padding:14px;text-align:left;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:11px}.build-btn:hover{border-color:var(--teal);transform:translateY(-2px)}.build-btn>div{display:flex;flex-direction:column}.build-btn small{color:var(--muted);font-size:9px;margin-top:3px}.build-icon{width:43px;height:43px;border-radius:11px;background:var(--orange);color:#11192c;display:grid;place-items:center;font-weight:1000;font-size:18px}.teal-bg{background:var(--teal)}.penny-builder{display:flex;align-items:center;gap:11px;border-top:1px solid rgba(133,160,205,.1);margin-top:16px;padding-top:14px}.penny-builder img{width:46px;height:46px;object-fit:contain}.penny-builder>div{display:flex;flex-direction:column}.penny-builder b{font-size:11px}.penny-builder span{font-size:9px;color:var(--muted);margin-top:4px}.detail-list{display:grid;gap:0;margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid rgba(133,160,205,.1)}.detail-list dt{color:var(--muted);font-size:10px}.detail-list dd{margin:0;font-size:10px;text-align:right}.color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.ai-card{border:1px solid rgba(133,160,205,.14);background:#101a31;border-radius:14px;padding:15px;display:flex;flex-direction:column;min-height:160px}.ai-card>span{font-size:22px;color:var(--teal)}.ai-card b{font-size:11px;margin:10px 0 5px}.ai-card small{font-size:9px;color:var(--muted);line-height:1.5;flex:1}.ai-card input{font-size:9px;margin:7px 0}.ai-card button{border:0;background:transparent;color:var(--teal);font-size:9px;text-align:left;padding:10px 0 0;font-weight:900}.ai-result{margin-top:15px;border-left:3px solid var(--teal);background:#0c162b;border-radius:10px;padding:14px}.ai-result pre{white-space:pre-wrap;word-break:break-word;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c8d4e6}.progress{width:100px;height:6px;background:#27334c;border-radius:999px;overflow:hidden;display:inline-block;margin-right:6px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:999px}.error-summary{max-width:330px;color:#ff9cad!important;line-height:1.4}.actions{white-space:nowrap}.dev-split{display:grid;grid-template-columns:1fr .8fr;gap:20px}.dev-list{display:grid;gap:9px}.dev-person{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(133,160,205,.12);border-radius:12px;padding:10px}.dev-person>div:nth-child(2){display:flex;flex-direction:column}.dev-person b{font-size:10px}.dev-person small{font-size:9px;color:var(--muted)}.inline-form{display:flex;align-items:end;gap:9px}.inline-form label{display:grid;gap:7px;flex:1;font-size:10px}.invite-box{margin-top:14px;padding:13px;border:1px solid rgba(255,159,28,.22);background:rgba(255,159,28,.06);border-radius:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.invite-box code{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffd291}.admin-user-grid{grid-template-columns:1fr 1fr}.admin-note{display:flex;align-items:center;gap:20px}.admin-note img{width:130px}.admin-note h3{font-size:23px;margin:11px 0 6px}.admin-note p{color:var(--muted);line-height:1.6}.row-form{display:contents}.row-form select{width:95px;padding:7px}.row-form input[type=number]{width:70px;padding:7px}.check-inline{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.check-inline input{width:auto}.diagnostic{border:1px solid rgba(0,245,212,.2);background:rgba(0,245,212,.05);border-radius:13px;padding:13px;display:flex;gap:11px;align-items:flex-start;margin-bottom:15px}.diagnostic img{width:38px}.diagnostic b{font-size:10px;color:var(--teal)}.diagnostic p{margin:5px 0 0;color:#c7d2e4;line-height:1.5}.raw-log{background:#050914;border:1px solid #24304a;border-radius:13px;padding:18px;white-space:pre-wrap;word-break:break-word;max-height:600px;overflow:auto;color:#d6dfec;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.auth-shell{display:block}.auth-shell .main{min-height:100vh}.auth-shell .topbar{display:none}.auth-shell .content{max-width:none;padding:0}.login-grid{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr}.login-card{padding:56px max(48px,8vw);display:flex;flex-direction:column;justify-content:center;background:rgba(8,17,38,.84)}.login-brand{padding:0;margin-bottom:60px}.login-copy h2{font-size:37px;line-height:1.1;letter-spacing:-.04em;margin:16px 0}.login-copy p{color:var(--muted);line-height:1.7;margin-bottom:28px}.login-card .form-stack{max-width:480px}.login-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(58,134,255,.18),transparent 38%),linear-gradient(145deg,#0d1831,#081127)}.login-visual>img{width:min(420px,60%);max-height:70vh;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(0,0,0,.45));animation:floaty 4s ease-in-out infinite}.glow{position:absolute;width:400px;height:400px;border:1px solid rgba(0,245,212,.14);border-radius:50%;box-shadow:0 0 100px rgba(0,245,212,.08)}.status-float{position:absolute;bottom:12%;left:15%;display:flex;gap:10px;align-items:center;background:rgba(15,25,48,.88);border:1px solid rgba(0,245,212,.24);border-radius:14px;padding:13px 16px;backdrop-filter:blur(12px)}.status-float i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.status-float div{display:flex;flex-direction:column}.status-float b{font-size:10px}.status-float span{font-size:8px;color:var(--muted);margin-top:4px}.compact-login{min-height:calc(100vh - 92px)}@keyframes floaty{50%{transform:translateY(-12px) rotate(-1deg)}}
@media(max-width:1150px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.stat-grid.four{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.phone-preview-panel{position:static}.ai-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:14px}.sidebar nav{flex-direction:row;overflow:auto}.nav-spacer,.penny-side,.role-pill{display:none}.nav-item{white-space:nowrap}.brand{padding-bottom:12px}.topbar{position:static;height:auto;padding:18px}.user-chip{display:none}.content{padding:18px}.toast{margin:12px 18px 0}.grid.two,.app-main-grid,.admin-user-grid,.dev-split{grid-template-columns:1fr}.stat-grid.four{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}.hero-strip{padding:24px;min-height:190px}.hero-strip>img{width:110px}.hero-strip h2{font-size:24px}.grid.three{grid-template-columns:1fr}.login-grid{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:40px 24px}.source-tabs{grid-template-columns:1fr}.toggle-grid{grid-template-columns:1fr}.build-choice{grid-template-columns:1fr}.ai-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.invite-box{grid-template-columns:1fr}.app-titlebar{align-items:flex-start;gap:12px;flex-direction:column}}@media(max-width:520px){.stat-grid.four{grid-template-columns:1fr}.hero-strip>img{display:none}.topbar h1{font-size:20px}.content{padding:14px}.panel{padding:17px}.grid.two.compact{grid-template-columns:1fr}.phone{width:240px;height:490px}.login-copy h2{font-size:29px}}
.push-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:center}.push-layout .penny-builder{border-top:0;margin-top:0;padding-top:0}.push-form{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end}@media(max-width:900px){.push-layout,.push-form{grid-template-columns:1fr}.push-form{display:grid;align-items:stretch}}
.support-grid{grid-template-columns:1.1fr .9fr}.support-penny{display:flex;gap:22px;align-items:center}.support-penny img{width:150px;max-height:180px}.support-penny h3{font-size:22px;margin:12px 0 7px}.support-penny p{color:var(--muted);line-height:1.6}.ticket-list{display:grid;gap:12px}.ticket{border:1px solid rgba(133,160,205,.13);background:#101a31;border-radius:15px;padding:16px}.ticket-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.ticket-head>div{display:flex;flex-direction:column;gap:7px}.ticket-head b{font-size:12px}.ticket-head small{color:var(--muted);font-size:9px}.ticket>p{color:#c9d4e6;line-height:1.65;margin:14px 0}.ticket-status{display:flex;gap:7px}.ticket-status select{background:#17233d;color:white;border:1px solid #344461;border-radius:8px;padding:6px}.copilot-box{border-top:1px solid rgba(133,160,205,.1);padding-top:12px;display:grid;gap:10px}.copilot-box pre{white-space:pre-wrap;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8e4f3;background:#081127;border-radius:10px;padding:13px}.mini-empty{min-height:280px}@media(max-width:900px){.support-grid{grid-template-columns:1fr}.support-penny{display:none}.ticket-head{flex-direction:column}}
table select,table input[type=number]{background:#111c34;color:white;border:1px solid #344461;border-radius:8px;padding:7px}.table-number{width:70px}.inline-action-form{display:inline}.hidden-form{display:none}.btn.danger{border-color:rgba(255,92,117,.3);color:#ff9aaa;background:rgba(255,92,117,.06)}
.vault-warning{margin-top:16px;border:1px solid rgba(255,159,28,.25);background:rgba(255,159,28,.06);border-radius:12px;padding:13px;display:flex;gap:10px;align-items:flex-start}.vault-warning b{color:var(--orange);white-space:nowrap}.vault-warning span{color:var(--muted);font-size:10px;line-height:1.5}
.build-modal-backdrop{position:fixed;inset:0;background:rgba(3,7,18,.76);backdrop-filter:blur(9px);z-index:100;display:grid;place-items:center;padding:20px}.build-modal{width:min(520px,95vw);background:radial-gradient(circle at 50% 10%,rgba(58,134,255,.16),transparent 34%),linear-gradient(160deg,#182544,#0d172e);border:1px solid rgba(0,245,212,.28);border-radius:26px;padding:30px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.55);position:relative;overflow:hidden}.build-modal>img{width:155px;height:160px;object-fit:contain;animation:builderBob 1.8s ease-in-out infinite}.build-modal h2{font-size:24px;margin:12px 0 7px}.build-modal p{color:var(--muted);line-height:1.55;max-width:410px;margin:0 auto 18px}.build-modal>strong{display:block;color:var(--teal);font-size:22px;margin:8px 0}.build-modal>small{color:#7284a5}.modal-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(133,160,205,.2);background:#111b32;color:white;font-size:18px;z-index:2}.modal-progress{height:9px;background:#25334f;border-radius:999px;overflow:hidden}.modal-progress i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--teal),var(--orange));border-radius:999px;transition:width .4s}.build-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);animation:spark 2.3s infinite}.build-sparks i:nth-child(1){left:18%;top:20%}.build-sparks i:nth-child(2){right:17%;top:31%;animation-delay:.7s;background:var(--orange)}.build-sparks i:nth-child(3){left:27%;top:48%;animation-delay:1.2s;background:var(--blue)}@keyframes builderBob{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes spark{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}}
.danger-zone{margin-top:22px;border:1px solid rgba(255,92,117,.25);background:rgba(255,92,117,.05);border-radius:14px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.danger-zone>div{display:flex;flex-direction:column;gap:5px}.danger-zone b{color:#ff9aaa}.danger-zone span{color:var(--muted);font-size:9px;line-height:1.45}.delete-app-form{display:flex;gap:8px}.delete-app-form input{min-width:240px;border:1px solid #5a3040;background:#130d18;color:white;border-radius:9px;padding:9px}.btn.danger{background:rgba(255,92,117,.08);border-color:rgba(255,92,117,.4);color:#ff9aaa}@media(max-width:820px){.danger-zone{grid-template-columns:1fr}.delete-app-form{flex-direction:column}.delete-app-form input{min-width:0;width:100%}}