/* PiroSub workspace — shared shell and account pages. */
:root{color-scheme:dark;--canvas:#0d0f12;--panel:#171a1f;--line:#2b3038;--ink:#f4f1eb;--muted:#a2a8b2;--orange:#ff754d;--sidebar:228px;--topbar:76px}
body{background:var(--canvas);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}a,button,input,select{ -webkit-tap-highlight-color:transparent}button,a,input,select,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff997b;outline-offset:4px}
.bg-glow{display:none}.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:30px 20px 22px;background:#121419;border-right:1px solid var(--line);z-index:110;display:flex;flex-direction:column}
.workspace-brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none}.workspace-brand span{color:var(--orange)}
.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--orange);color:#171410;display:grid;place-items:center;font-size:18px;letter-spacing:-2px}
.workspace-label{font-size:10px;letter-spacing:1.8px;color:#828b99;font-weight:700;margin:48px 12px 12px}
.workspace-nav{display:flex;flex-direction:column;gap:7px;position:static;transform:none}.workspace-nav a{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:9px;font-size:13px;color:#aeb5bf;font-weight:500;text-decoration:none;white-space:nowrap}.workspace-nav a.on{background:#29221f;color:#ff9b7e}.workspace-nav a:hover{background:#20242a;color:#fff}.workspace-nav svg{width:18px;height:18px;flex-shrink:0}
.sidebar-bottom{margin-top:auto}.credit-card{padding:16px;border:1px solid #36312e;border-radius:12px;background:#1d1c1c}.credit-card small{display:block;color:var(--muted);font-size:11px}.credit-card strong{display:block;font-size:25px;margin:8px 0}.credit-card strong span{font-size:12px;color:#b9b5ae;font-weight:400}.credit-card a{display:block;padding:9px;border:1px solid #484039;border-radius:7px;text-align:center;font-size:11px;text-decoration:none;color:#e9dbce}.sidebar-home{display:block;margin:20px 0 0 10px;font-size:12px;color:#9aa2ae;text-decoration:none}
.workspace-header{height:var(--topbar);margin-left:var(--sidebar);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--canvas);border-bottom:1px solid var(--line);position:relative;z-index:100;backdrop-filter:none}.workspace-header .crumb{color:#a9b0ba;font-size:13px;display:flex;gap:14px}.workspace-header .crumb b{color:#e5e6e9;font-weight:500}.workspace-header .hdr-r{gap:18px}.plan-chip{color:#aeb5bf;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:5px 9px}.workspace-header .avatar{background:#30363f;border:1px solid #525963;color:#fff;width:34px;height:34px;cursor:pointer;font-family:inherit}.workspace-header .profile-menu{background:#1b1e24;box-shadow:0 20px 60px #0008}.profile-menu .pm-email{color:#a2a8b2;overflow-wrap:anywhere}
body>main{max-width:1340px;margin:0 0 0 var(--sidebar);padding:42px 42px 64px}.section-title{font-size:34px;line-height:1.2;letter-spacing:-1.2px;background:none;-webkit-text-fill-color:var(--ink);color:var(--ink)}.section-sub{color:var(--muted);font-size:14px;line-height:1.7;margin-top:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#f69476;margin-bottom:16px}.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px}.primary-action{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:var(--orange);color:#1d1511;border:0;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.primary-action:hover{background:#ff906f}
.dashboard-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:34px;background:#1b2026;border:1px solid #323941;border-radius:16px;overflow:hidden}.dashboard-hero h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;max-width:380px}.dashboard-hero p{font-size:13px;line-height:1.8;color:#aeb7c4;margin:14px 0 24px;max-width:400px}.hero-caption{border-radius:12px;min-height:210px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#4d5546,transparent 55%),linear-gradient(130deg,#222b2e,#33372c);border:1px solid #65705b55}.hero-caption .cc{position:absolute;top:16px;left:16px;border:1px solid #abb1a377;padding:4px 7px;border-radius:5px;font-size:10px;letter-spacing:2px}.wave{display:flex;align-items:center;gap:6px;height:55px;opacity:.3}.wave i{display:block;width:6px;background:#c8d7b2;border-radius:3px;height:var(--h)}.caption-line{position:absolute;bottom:28px;font-size:17px;font-weight:700;background:#111c;padding:10px 14px;border-radius:5px;color:#fff}.caption-line em{font-style:normal;color:#ff916d}
.stats{margin:24px 0;gap:14px}.stat{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:12px}.stat.accent{border-color:#624336}.stat.accent:before{display:none}.stat-label{font-size:10px;letter-spacing:1px;color:#a2aab5}.stat-value{font-size:26px;color:var(--ink)}.stat.accent .stat-value{color:#ff9b7e}.stat-unit,.stat-sub{color:#a2a8b2}.stat-sub{margin-top:8px;line-height:1.5}
.workspace-section-title{font-size:16px;margin:30px 0 16px;letter-spacing:-.3px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;display:flex;gap:18px;align-items:flex-start}.quick-card:hover{border-color:#616a76}.quick-icon{background:#29313d;width:40px;height:40px;display:grid;place-items:center;color:#c5d5ed;font-size:19px;border-radius:10px;flex-shrink:0}.quick-card h3{font-size:14px;margin-bottom:7px}.quick-card p{color:#a2a8b2;font-size:12px;line-height:1.7}.quick-card .arrow{margin-left:auto;color:#aaa}
.recent-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.recent-row{display:grid;grid-template-columns:minmax(0,2fr) 1fr 80px;gap:20px;padding:16px 20px;border-top:1px solid var(--line);font-size:12px;align-items:center}.recent-row:first-child{border-top:0;color:#9ea6b2;font-size:10px;text-transform:uppercase;letter-spacing:1px}.recent-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.recent-row small{color:#acb5c0}.recent-row .status{color:#9cd5ba}.empty-activity{padding:28px;border:1px dashed #3b424c;border-radius:12px;color:#a5adb9;font-size:13px;line-height:1.8}.empty-activity a{color:#ffad93;text-decoration:none}
.workspace-frame{position:fixed;top:var(--topbar);left:var(--sidebar);width:calc(100% - var(--sidebar));height:calc(100dvh - var(--topbar));border:0;background:var(--canvas);z-index:50}.workspace-tool main{display:none!important}.workspace-tool{overflow:hidden}
.plan,.upgrade-banner{background:var(--panel);border-color:var(--line)}.plan.pop{background:#231e1b;border-color:#82513e;transform:none}.plans{gap:18px}.plan-price span,.plan-name,.plan-credits,.plan-features div{color:#b1b7c0}.plan-features div:before{content:'✓';color:#ffa180}.plan-btn{border:1px solid #49515d;background:#222831;color:#eee}.plan.pop .plan-btn,.upgrade-btn,.plan-badge{background:var(--orange);color:#191310}.billing-toggle button{color:#bbc1ca}.billing-toggle button.on{color:#ffad93;background:#39271f}.upgrade-banner{gap:18px}.plan-price b{font-size:36px}
@media(min-width:1650px){body>main{margin-right:auto;max-width:1400px;padding:50px 65px}}
@media(max-width:1100px){:root{--sidebar:196px}.workspace-sidebar{padding:26px 14px}.workspace-header{padding:0 24px}body>main{padding:30px 24px}.dashboard-hero{padding:25px;gap:20px}.dashboard-hero h2{font-size:25px}.plans{grid-template-columns:1fr}.plan.pop{margin-top:8px}.dashboard-heading{flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:0px;--topbar:124px}.workspace-sidebar{inset:0 0 auto;width:100%;height:124px;padding:15px 18px 0;background:#121419}.workspace-brand{font-size:21px}.brand-mark{width:30px;height:30px}.workspace-label,.sidebar-bottom{display:none}.workspace-nav{flex-direction:row;overflow-x:auto;margin-top:18px;padding-bottom:10px;gap:5px;scrollbar-width:none}.workspace-nav a{font-size:11px;padding:10px 12px;gap:7px}.workspace-nav svg{width:14px;height:14px}.workspace-header{position:fixed;right:0;top:0;margin:0;height:62px;padding:0 18px;background:transparent;border:0;z-index:120}.workspace-header .crumb,.plan-chip{display:none}.workspace-header .profile-menu{top:43px}body>main{margin:124px 0 0;padding:28px 18px 42px}.section-title{font-size:28px}.dashboard-heading{margin-bottom:25px;gap:16px}.dashboard-hero{grid-template-columns:1fr;padding:24px}.hero-caption{min-height:160px}.dashboard-hero h2{font-size:27px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:18px}.stat:last-child{grid-column:1/-1}.stat-value{font-size:24px}.quick-grid{grid-template-columns:1fr}.recent-row{padding:15px;grid-template-columns:minmax(0,1.5fr) 1fr;gap:10px}.recent-row>:last-child{display:none}.upgrade-banner{flex-direction:column;align-items:flex-start}.workspace-frame{left:0;width:100%;top:124px;height:calc(100dvh - 124px)}.workspace-tool main{margin:0}.caption-line{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.auth-content{margin:0;max-width:none}