:root{color-scheme:dark;--bg:#090b12;--panel:#10131e;--panel2:#141827;--line:#242a3b;--muted:#8c94a8;--text:#f4f5fb;--purple:#9b7cff;--cyan:#61d9d1;--green:#66d6a3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#0d1019;border-right:1px solid var(--line);padding:26px 16px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:700 19px "Space Grotesk";padding:0 8px 34px;letter-spacing:-.7px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#a88bff,#6550d9);display:grid;place-items:center;font-size:22px;box-shadow:0 7px 25px #8065ff44}.brand-light{color:#a99aff}.brand small{display:block;font:600 8px "DM Sans";letter-spacing:1.8px;color:#737c92;margin-top:2px}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:700;color:#7f899f}.workspace-label{padding:0 11px 12px}.nav{display:grid;gap:5px}.nav-item{height:42px;border:0;background:transparent;color:#9da5b8;text-align:left;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;font-size:13px}.nav-item>span{width:17px;font-size:17px;text-align:center;color:#7e88a1}.nav-item:hover,.nav-item.active{background:#1a1d2d;color:#fff}.nav-item.active>span{color:#ac94ff}.nav-tag{margin-left:auto;font-size:8px;color:#b9a7ff;background:#35295d;padding:3px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto}.points-mini{border:1px solid #30284c;background:linear-gradient(130deg,#1c1930,#151725);border-radius:12px;padding:13px;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.points-mini strong{display:block;font:700 22px "Space Grotesk";margin-top:4px}.points-mini strong small,.wallet-balance small{font:500 11px "DM Sans";color:#a4a9ba}.plus-btn{border:1px solid #57468b;background:#322750;color:#c6b8ff;width:30px;height:30px;border-radius:8px;font-size:20px}.profile-row{border-top:1px solid var(--line);margin-top:15px;padding:16px 4px 0;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#332b54;color:#c8b9ff;font-weight:700;border:0}.profile-text{min-width:0;display:grid;gap:3px;flex:1}.profile-text strong{font-size:11px}.profile-text small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.text-button{border:0;background:none;color:#b5a4ff;font-size:11px;padding:7px}.main{margin-left:248px;min-height:100vh}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#0b0e16}.crumb{font-size:12px;color:#858da1}.crumb span{padding:0 10px;color:#555d70}.crumb b{color:#e6e7ef;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.status-dot{font-size:10px;color:#8faeaa}.status-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#59cda1;border-radius:50%;margin-right:7px}.btn{border:1px solid transparent;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700;transition:.2s}.btn-primary{background:linear-gradient(110deg,#9275f5,#7659db);color:white;box-shadow:0 7px 20px #7859db25}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{background:#171b29;border-color:#30364a;color:#d8d9e5}.content{max-width:1360px;margin:auto;padding:34px 36px 70px}.view{display:none}.view.active{display:block}.welcome-row,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.welcome-row h1,.page-heading h1{font:700 34px "Space Grotesk";letter-spacing:-1.3px;margin:8px 0}.welcome-row h1 span{background:linear-gradient(90deg,#b39aff,#6bded4);color:transparent;background-clip:text}.muted{color:var(--muted);line-height:1.6}.welcome-row p,.page-heading p{margin:0}.accent{color:#ac96ff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,#141827,#10131d);border-radius:12px;padding:18px}.stat-card strong{display:block;font:700 29px "Space Grotesk";margin:10px 0 3px}.stat-card small{color:#7f899d;font-size:10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:32px 0 14px}.section-head h2,.subheading{font:600 17px "Space Grotesk";margin:0}.section-head p{margin:4px 0 0;font-size:11px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.action-card{position:relative;min-height:140px;text-align:left;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.action-card:hover{border-color:#6555a0;transform:translateY(-2px)}.action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:18px}.purple{background:#30244f;color:#b9a5ff}.orange{background:#493022;color:#ffbd8d}.green{background:#1d4039;color:#7fe0bd}.blue{background:#1c3850;color:#80c9ff}.action-card strong{font-size:12px}.action-card small{font-size:10px;color:var(--muted)}.card-arrow{position:absolute;right:16px;top:18px;color:#6e7690}.table-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:13px 17px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#747e94}.empty-state{text-align:center;padding:34px 18px;color:#778198;font-size:12px}.page-heading{align-items:flex-end}.pill{font-size:10px;border:1px solid #413568;color:#c4b2ff;background:#211b35;border-radius:30px;padding:7px 11px}.upload-panel,.tool-panel{max-width:850px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px}.dropzone{border:1px dashed #514777;background:#151426;border-radius:12px;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.upload-symbol{font-size:30px;color:#b5a1ff;background:#2b2443;border-radius:13px;width:54px;height:54px;display:grid;place-items:center}.dropzone h2{font:600 18px "Space Grotesk";margin:13px 0 0}.dropzone p{margin:5px 0 10px}.dropzone small{font-size:10px}.inline-link{color:#b7a3ff;text-decoration:underline;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}label{display:grid;gap:7px;color:#c8ccda;font-size:11px;font-weight:600}input,textarea,select{width:100%;background:#0c101a;border:1px solid #30364a;border-radius:8px;color:#f4f5fb;padding:11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#9075e9}textarea{min-height:95px;resize:vertical}.file-list{display:grid;gap:7px;margin-top:12px}.file-item{display:flex;justify-content:space-between;padding:9px 12px;border-radius:7px;background:#191d2b;color:#c5cadd;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.template-art{height:145px;display:grid;place-items:center;font:700 36px "Space Grotesk";background:radial-gradient(circle at 70% 20%,#55417e,#1c1b34 55%,#111522);color:#d4c5ff}.template-card:nth-child(2n) .template-art{background:radial-gradient(circle at 70% 20%,#315d5b,#182d36 60%,#111522);color:#9bf0df}.template-card:nth-child(3n) .template-art{background:radial-gradient(circle at 70% 20%,#784c37,#33232c 60%,#111522);color:#ffc39e}.template-copy{padding:14px}.template-copy strong{font-size:13px}.template-copy p{font-size:10px;color:var(--muted);min-height:30px}.template-copy button{font-size:10px}.growth-output{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;min-height:100px;white-space:pre-wrap}.notice{padding:13px 15px;border:1px solid #4a3e65;background:#1b1829;color:#c8b9ee;border-radius:9px;font-size:11px;line-height:1.6;margin-bottom:20px}.wallet-balance{background:#1b1730;border:1px solid #46386b;border-radius:12px;padding:13px 18px}.wallet-balance strong{display:block;font:700 24px "Space Grotesk";margin-top:5px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.package-card{border:1px solid var(--line);background:var(--panel);padding:17px;border-radius:12px}.package-card.featured{border-color:#8b70e2;background:linear-gradient(145deg,#211b38,#131624)}.package-card h3{font-size:12px;margin:0 0 12px}.package-card strong{font:700 25px "Space Grotesk"}.package-card p{font-size:10px;color:var(--muted)}.package-card button{width:100%;margin-top:10px}.subheading{margin:28px 0 13px}.tiny{font-size:10px}.dialog-card{width:min(420px,calc(100vw - 30px));background:#121624;border:1px solid #343a50;border-radius:15px;padding:25px;color:var(--text);display:grid;gap:14px;position:relative}.dialog-card h2{font:600 21px "Space Grotesk";margin:0}.dialog-card p{margin:0}.dialog-card::backdrop{background:#03040acb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#9da5b8;font-size:22px}.full{width:100%}.toast{position:fixed;bottom:22px;right:22px;background:#242039;border:1px solid #62518f;color:#e7e0ff;padding:12px 17px;border-radius:9px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.mobile-menu{display:none;background:none;color:white;border:0;font-size:19px}.project-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:14px 17px;border-bottom:1px solid var(--line);font-size:11px;color:#c6cada}.status-pill{color:#e9c98b;background:#3a3020;border-radius:20px;padding:4px 8px;font-size:9px}@media(max-width:1050px){.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin:0}.topbar{padding:0 16px}.mobile-menu{display:block}.status-dot{display:none}.content{padding:24px 16px 50px}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column}.welcome-row h1,.page-heading h1{font-size:29px}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:24px}.action-grid{gap:8px}.action-card{min-height:130px;padding:13px}.template-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.top-actions{gap:8px}.crumb{font-size:10px}.form-row{grid-template-columns:1fr}.table-head{grid-template-columns:2fr 1fr 1fr}.table-head span:last-child{display:none}.project-row{grid-template-columns:2fr 1fr 1fr}.project-row span:last-child{display:none}}
[hidden]{display:none!important}

.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--line);padding-bottom:12px}.admin-tab{border:1px solid var(--line);background:#121624;color:#9da5b8;padding:9px 13px;border-radius:8px;font-size:11px}.admin-tab.active,.admin-tab:hover{background:#30264c;border-color:#6555a0;color:#eee8ff}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-stat{border:1px solid var(--line);background:linear-gradient(145deg,#141827,#10131d);border-radius:11px;padding:16px}.admin-stat span{display:block;color:#858fa5;font-size:9px;letter-spacing:1px;text-transform:uppercase}.admin-stat strong{display:block;font:700 25px "Space Grotesk";margin-top:9px}.admin-section-title{font:600 16px "Space Grotesk";margin:22px 0 12px}.admin-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px;color:#d1d5e2}.admin-row:last-child{border-bottom:0}.admin-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-action{border:1px solid #3b4054;background:#1b2030;color:#d8d9e5;padding:6px 8px;border-radius:6px;font-size:10px}.admin-action:hover{border-color:#8d76d7}.admin-action.danger{color:#ffaaaa;border-color:#5a343b}.admin-pill{display:inline-block;padding:4px 7px;border-radius:20px;background:#1e3c34;color:#85dfb9;font-size:9px}.admin-pill.warn{background:#46351f;color:#f3c27d}.admin-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-package{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:15px}.admin-package h3{margin:0 0 8px;font-size:13px}.admin-package strong{font:700 22px "Space Grotesk"}.admin-package p{color:var(--muted);font-size:10px}.admin-log{padding:13px 15px;border-bottom:1px solid var(--line);font-size:11px}.admin-log small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}@media(max-width:1050px){.admin-stats,.admin-package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1.5fr 1fr;gap:7px}.admin-row>span:nth-child(3){display:none}.admin-package-grid{grid-template-columns:repeat(2,1fr)}}


/* Video engine */
.engine-progress{margin-top:20px;padding:16px;border:1px solid var(--line,#292d3d);border-radius:14px;background:rgba(255,255,255,.025)}
.engine-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}
.engine-progress-head span{color:var(--muted,#9298aa);font-variant-numeric:tabular-nums}
.progress-track{height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}
.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b6cff,#4ddacb);transition:width .25s ease}
.engine-results{margin-top:18px}
.engine-results h3{font:600 16px 'Space Grotesk',sans-serif;margin:0 0 10px}
.engine-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#292d3d);font-size:13px}
.engine-result small{color:var(--muted,#9298aa)}
@media(max-width:600px){.engine-result{align-items:flex-start;flex-direction:column}}