.account-page,.history-page { min-height:100vh; background:#07070b; color:#fff; }
.account-glow { position:fixed; inset:-20% auto auto 20%; width:520px; height:520px; border-radius:50%; background:rgba(104,72,255,.13); filter:blur(110px); pointer-events:none; }
.account-header { height:88px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; }
.account-back { color:rgba(255,255,255,.58); font-size:13px; }
.account-shell { min-height:calc(100vh - 88px); display:grid; grid-template-columns:minmax(0,540px) 1fr; gap:72px; align-items:center; padding-top:50px; padding-bottom:90px; position:relative; z-index:1; }
.account-card { border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.025); border-radius:28px; padding:42px; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.account-card h1 { font-family:Manrope,sans-serif; font-size:clamp(36px,5vw,54px); line-height:1; letter-spacing:-.045em; margin:12px 0 18px; }
.account-lead { color:rgba(255,255,255,.48); line-height:1.7; margin-bottom:28px; }
.account-form { display:grid; gap:18px; }
.account-form label { display:grid; gap:8px; font-size:12px; color:rgba(255,255,255,.66); font-weight:600; }
.account-form input { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:#0d0d14; color:#fff; padding:0 15px; outline:none; font:inherit; }
.account-form input:focus { border-color:rgba(126,101,255,.7); box-shadow:0 0 0 3px rgba(126,101,255,.12); }
.account-primary { min-height:52px; border:0; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; background:linear-gradient(100deg,#704dff,#526dff); color:#fff; font-weight:800; font-size:13px; cursor:pointer; }
.account-switch { margin-top:22px; font-size:12px; color:rgba(255,255,255,.42); }
.account-switch a { color:#9f8dff; }
.form-alert { margin-bottom:18px; padding:12px 14px; border-radius:11px; font-size:12px; background:rgba(255,88,110,.1); border:1px solid rgba(255,88,110,.18); color:#ffb0bb; }
.account-aside { max-width:540px; padding:30px; }
.account-orb { width:74px; height:74px; border-radius:22px; display:grid; place-items:center; background:radial-gradient(circle at 30% 25%,#b7a8ff,#634cff 55%,#252039); box-shadow:0 18px 50px rgba(96,71,255,.25); font-family:Manrope,sans-serif; font-weight:800; }
.account-aside h2 { font-family:Manrope,sans-serif; font-size:44px; line-height:1.05; letter-spacing:-.04em; margin:28px 0 18px; }
.account-aside p { color:rgba(255,255,255,.45); line-height:1.75; max-width:500px; }
.account-points { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.account-points span { border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.025); border-radius:999px; padding:8px 11px; color:rgba(255,255,255,.55); font-size:10px; }
.history-header { border-bottom:1px solid rgba(255,255,255,.07); background:rgba(7,7,11,.86); backdrop-filter:blur(18px); position:sticky; top:0; z-index:10; }
.history-nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.history-actions { display:flex; align-items:center; gap:16px; font-size:11px; color:rgba(255,255,255,.44); }
.history-actions a { color:#fff; }
.history-actions form { margin:0; }
.history-actions button { background:none; border:0; color:rgba(255,255,255,.5); cursor:pointer; font:inherit; padding:0; }
.history-shell { padding-top:76px; padding-bottom:110px; }
.history-heading { display:grid; grid-template-columns:1fr minmax(280px,460px); align-items:end; gap:40px; margin-bottom:46px; }
.history-heading h1 { font-family:Manrope,sans-serif; font-size:clamp(44px,7vw,76px); letter-spacing:-.05em; margin:8px 0 0; }
.history-heading p { color:rgba(255,255,255,.42); line-height:1.7; }
.history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.generation-card { overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(255,255,255,.025); }
.generation-image { display:block; aspect-ratio:1/1; background:#0d0d13; overflow:hidden; }
.generation-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.generation-card:hover img { transform:scale(1.02); }
.generation-card-body { padding:16px; }
.generation-card-body strong,.generation-card-body span { display:block; }
.generation-card-body strong { font-size:12px; margin-bottom:4px; }
.generation-card-body > div:first-child span { color:rgba(255,255,255,.38); font-size:9px; }
.generation-meta-row { display:flex; justify-content:space-between; gap:14px; margin:14px 0; color:rgba(255,255,255,.32); font-size:9px; }
.generation-meta-row span { display:inline; }
.generation-download { min-height:38px; width:100%; border-radius:10px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.7); font-size:10px; font-weight:700; }
.history-empty { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed rgba(255,255,255,.09); border-radius:24px; background:rgba(255,255,255,.015); padding:40px; }
.history-empty h2 { font-family:Manrope,sans-serif; font-size:32px; margin:24px 0 10px; }
.history-empty p { color:rgba(255,255,255,.4); margin-bottom:22px; }
@media(max-width:900px){.account-shell{grid-template-columns:1fr;gap:20px}.account-aside{display:none}.history-grid{grid-template-columns:repeat(2,1fr)}.history-heading{grid-template-columns:1fr}.history-actions>span{display:none}}
@media(max-width:620px){.account-header{height:70px}.account-card{padding:28px 20px}.account-shell{padding-top:20px}.history-grid{grid-template-columns:1fr}.history-nav{min-height:68px}.history-actions{gap:10px}.history-heading{margin-bottom:30px}.history-shell{padding-top:50px}}
.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.usage-card,.plan-card,.settings-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:18px;padding:22px}.usage-card span,.usage-card small{display:block;color:rgba(255,255,255,.4);font-size:10px}.usage-card strong{display:block;font-family:Manrope,sans-serif;font-size:30px;margin:8px 0}.usage-meter{height:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin:0 0 38px}.usage-meter span{display:block;height:100%;background:linear-gradient(90deg,#704dff,#526dff);border-radius:inherit}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{display:flex;flex-direction:column;gap:22px;min-height:330px}.plan-card h2{font-family:Manrope,sans-serif;font-size:38px;margin:10px 0}.plan-card h2 small{font-size:12px;color:rgba(255,255,255,.4)}.plan-card ul{display:grid;gap:10px;margin:0;padding-left:18px;color:rgba(255,255,255,.56);font-size:12px;line-height:1.5}.plan-card form{margin-top:auto}.plan-current{border-color:rgba(126,101,255,.48);box-shadow:inset 0 0 0 1px rgba(126,101,255,.08)}.plan-active{margin-top:auto;color:#aa9cff;font-weight:700;font-size:11px}.portal-form{margin-top:24px}.portal-form button{border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;border-radius:10px;padding:11px 14px;cursor:pointer}.billing-note{margin-top:18px;color:rgba(255,255,255,.38);font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card h2{font-family:Manrope,sans-serif;margin:0 0 20px}.form-alert.success{background:rgba(81,212,150,.1);border-color:rgba(81,212,150,.18);color:#9fe6c3}@media(max-width:900px){.usage-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.usage-grid{grid-template-columns:1fr}}