:root{color-scheme:dark;--bg:#071019;--bg2:#0d1b29;--panel:#0e1b2a;--panel2:#102537;--border:#1b3546;--muted:#8ea4b6;--text:#eef8ff;--cyan:#34e0ef;--lime:#a6ff48;--danger:#fc7988;--radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
a{color:var(--cyan);text-decoration:none}
a:hover{color:#adf9ff}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.background-glow{pointer-events:none;position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse 60% 30% at 20% -8%,rgba(16,168,180,.20),transparent 78%),radial-gradient(ellipse 50% 24% at 88% 5%,rgba(51,113,115,.16),transparent 76%),linear-gradient(#08121d,#071019 60%)}
.topbar{border-bottom:1px solid rgba(130,218,233,.13);background:rgba(7,17,28,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}
.topbar-inner{width:min(1230px,calc(100% - 36px));margin:auto;min-height:73px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;font-size:21px;font-weight:850;color:#fff;letter-spacing:-.7px;white-space:nowrap}
.brand span:not(.brand-icon){color:var(--lime)}.brand-icon{color:var(--cyan);font-size:30px;margin-right:6px}.brand small{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:2px;margin-left:12px;border-left:1px solid var(--border);padding-left:12px}
.topnav{display:flex;gap:7px;margin-left:auto}.nav-link{padding:10px 13px;border-radius:9px;color:#a6bec9;font-size:13px;font-weight:700}.nav-link.selected{background:#163746;color:#9df6f7}
.user-controls{display:flex;align-items:center;gap:16px}.user-controls form{margin:0}.user-name{font-size:12px;color:#bad2dd;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiet-link{border:0;background:none;color:var(--muted);font-size:13px;padding:5px}
.app-container{width:min(1230px,calc(100% - 36px));margin:0 auto;padding:40px 0 78px}
.page-heading{margin-bottom:27px}.page-heading h1{font-size:clamp(28px,3.6vw,46px);line-height:1.14;letter-spacing:-1.6px;margin:12px 0 12px;font-weight:840}.page-heading p{max-width:800px;color:var(--muted);font-size:15px;margin:0}.page-heading .accent,.login-copy em{color:var(--lime);font-style:normal}
.eyebrow{color:#54dfe3;letter-spacing:2.1px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:9px}.pulse-dot{display:inline-block;border-radius:50%;background:var(--lime);width:7px;height:7px;box-shadow:0 0 0 4px rgba(166,255,72,.11)}
.dashboard-heading{display:flex;gap:30px;align-items:center;justify-content:space-between}.stats-mini{flex:0 0 164px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(130deg,#112d38,#0e1b2a);padding:18px 20px;display:flex;flex-direction:column}.stats-mini strong{font-size:35px;color:var(--lime);line-height:1}.stats-mini span{font-size:11px;color:#a0baca;margin-top:7px}
.panel{background:linear-gradient(158deg,rgba(18,40,54,.91),rgba(11,26,41,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 28px rgba(0,0,0,.12)}
.filter-bar{padding:13px;display:flex;align-items:stretch;gap:10px;margin:25px 0 17px}.search-wrap{position:relative;flex:1;display:flex;align-items:center}.search-wrap>span{position:absolute;left:16px;font-size:29px;color:#86adbc;line-height:1;top:6px}.filter-bar input,.filter-bar select{width:100%;border:1px solid #244453;background:#0a1927;color:var(--text);border-radius:10px;padding:13px 14px;outline:none}.filter-bar input{padding-left:45px}.filter-bar select{max-width:235px}.filter-bar input:focus,.filter-bar select:focus,input:focus,textarea:focus,select:focus{border-color:var(--cyan)!important;outline:2px solid rgba(52,224,239,.13)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;min-height:43px;padding:10px 17px;font-weight:750;font-size:13px;white-space:nowrap;transition:transform .16s,filter .16s;line-height:1.25}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.btn-primary{background:linear-gradient(115deg,#b6ff68,#73eeaa);color:#10291e;border-color:#a6ffb1}.btn-primary:hover{color:#10291e}.btn-ghost{color:#bdd3df;border-color:var(--border);background:#122839}.btn-copy{color:#072d37;background:#55e0ec;border-color:#99f3fa;box-shadow:0 3px 14px rgba(17,192,206,.13)}.btn-full{width:100%}.btn-small{min-height:35px;padding:8px 14px}.btn-danger{background:rgba(197,38,67,.11);border-color:#863149;color:#ffabb2}
.category-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding:2px 0 12px}.tab{color:#94aebb;border:1px solid #254050;padding:9px 15px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:750;transition:.15s}.tab.active{background:#143b41;border-color:#3eb7b0;color:#a3f8ec}.tab:hover{border-color:var(--cyan)}
.results-header{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.results-header h2{font-size:19px;margin:0}.muted{color:var(--muted)!important}
.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.prompt-card{min-width:0;background:#0d1a29;border-radius:17px;border:1px solid #284252;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.prompt-card:hover{border-color:#3f8190;box-shadow:0 10px 30px rgba(0,0,0,.22);transform:translateY(-3px)}
.video-area{position:relative;height:350px;background:linear-gradient(135deg,#14313a,#080f1c);display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-video{height:100%;width:100%;object-fit:contain;background:#02070a}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;opacity:.65}.video-placeholder strong{font-size:12px}.video-placeholder small{font-size:11px;color:#8da9b4}.placeholder-icon{font-size:28px;border:1px solid #2d6372;background:#1e4551;color:#adfff5;border-radius:100%;width:68px;height:68px;display:grid;place-items:center;padding-left:4px;margin-bottom:8px}
.video-tag{position:absolute;left:11px;top:11px;background:rgba(8,19,28,.81);border:1px solid #395567;color:#d8f8f8;border-radius:6px;font-weight:750;font-size:9px;letter-spacing:1.1px;padding:5px 7px}.inactive-tag{position:absolute;right:11px;top:11px;background:#612c36;color:white;font-size:9px;border-radius:5px;padding:5px 7px}
.card-body{padding:18px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-label{color:#a6ff75;border:1px solid #3d6546;background:#17332a;border-radius:20px;padding:3px 10px;font-weight:700;font-size:10px}.card-number{font-size:11px;color:#698699}.card-body h3{font-size:17px;line-height:1.28;letter-spacing:-.3px;margin:13px 0 8px;min-height:44px}.card-body p{color:#94acba;line-height:1.52;font-size:12px;min-height:55px;margin:0 0 17px}.platform-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#86a3b2;margin:18px 0 10px;text-align:center}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform{text-align:center;display:block;padding:10px 2px;border-radius:8px;border:1px solid #28485c;font-size:12px;font-weight:790;color:#cee0ea;background:#14283a}.platform:hover{color:#fff;filter:brightness(1.15);border-color:#56a9b5}.platform.flow{border-color:#386b83}.platform.gemini{border-color:#53639b}.platform.grok{border-color:#53616c}.platform.youtube{border-color:#a04c51}.edit-link{display:block;font-size:11px;color:#6dbbbd;margin-top:15px;text-align:center}.dashboard-footnote{margin-top:22px;font-size:12px;color:#7898a8;max-width:800px}
.empty-state{padding:70px 20px;text-align:center}.empty-state .empty-icon{font-size:50px;color:#53bac2}.empty-state h2{margin:12px 0 4px}.empty-state p{color:var(--muted)}
.login-shell{min-height:min(72vh,700px);display:grid;grid-template-columns:1.1fr .8fr;gap:10%;align-items:center}.login-copy{max-width:640px}.login-copy h1{font-size:clamp(36px,5.7vw,72px);line-height:1.08;letter-spacing:-2.5px;margin:23px 0}.login-copy>p{color:#adc4d1;font-size:18px;max-width:495px}.feature-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.feature-chips span{padding:8px 10px;border:1px solid #274555;border-radius:7px;font-size:12px;color:#b2cbd2}.login-card{padding:34px}.login-card h2{font-size:25px;margin:14px 0 0}.login-card .muted{font-size:13px;margin:4px 0 24px}.icon-round{background:#1e4850;border:1px solid #38898d;color:#b4fff9;border-radius:12px;width:52px;height:52px;display:grid;place-items:center;font-size:25px}
.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{display:flex;flex-direction:column;gap:7px;color:#c4dae5;font-size:12px;font-weight:730}.form-stack input:not([type='checkbox']):not([type='file']),.form-stack select,.form-stack textarea{background:#071725;color:#edf9ff;border:1px solid #2b485a;border-radius:9px;min-width:0;width:100%;padding:12px 13px;outline:none}.form-stack textarea{resize:vertical;min-height:90px;line-height:1.5;font-size:13px}.form-stack input[type='file']{border:1px dashed #356175;padding:18px;border-radius:10px;background:#102333;width:100%}.form-stack small{font-weight:400;color:#839eae}.form-stack .checkbox-label{flex-direction:row;align-items:center;gap:9px;font-weight:520}.checkbox-label input{accent-color:#92ee9c;width:17px;height:17px}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.form-grid:has(select){grid-template-columns:1fr 1fr}
.form-panel{padding:27px}.form-panel h2,.table-panel h2{margin:0 0 23px;font-size:20px}.narrow-layout{max-width:850px;margin:auto}.back-link{display:inline-block;font-size:12px;margin-bottom:13px;color:#88ced4}.section-label{border-top:1px solid #244151;padding-top:21px;margin-top:8px;color:#82e5e3;font-size:10px;font-weight:830;letter-spacing:1.6px}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.delete-form{border-top:1px solid var(--border);padding-top:20px;margin-top:25px}.edit-preview{display:block;width:100%;max-height:345px;object-fit:contain;background:black;border-radius:10px}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.admin-tile{padding:25px;display:block;color:var(--text);transition:transform .2s,border-color .2s}.admin-tile:hover{transform:translateY(-3px);border-color:#408e93;color:white}.admin-tile h2{font-size:19px;margin:8px 0 5px}.admin-tile p{font-size:13px;color:var(--muted);min-height:70px}.admin-tile>span:last-child{color:#a7ff8e;font-size:12px;font-weight:730}.tile-icon{font-size:27px;color:var(--cyan)}.tile-total{font-size:34px;font-weight:820;color:var(--lime);margin-top:22px}.admin-columns{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:20px}.table-panel{padding:25px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;vertical-align:middle;padding:14px 8px;border-bottom:1px solid #224254}th{font-size:10px;letter-spacing:1px;color:#90b0bf;text-transform:uppercase}.inline-form{display:inline;margin-left:8px}.danger-link{border:0;background:none;color:#ff939b;font-size:12px;padding:4px}.flash{border-radius:11px;padding:13px 16px;margin-bottom:20px;font-size:13px}.flash-success{background:#153d34;border:1px solid #367a63;color:#a7ffd1}.flash-error{background:#462533;border:1px solid #814356;color:#ffd1d5}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;visibility:hidden;transition:.2s;padding:13px 18px;border-radius:10px;background:#b4ffc1;color:#12351e;box-shadow:0 10px 40px #0008;font-weight:800;font-size:13px;z-index:30;max-width:calc(100vw - 25px)}.toast.visible{transform:translate(-50%,0);opacity:1;visibility:visible}.toast.error{background:#f6c3cb;color:#5b1c29}.copy-dialog{color:#e8fcff;background:#102433;border:1px solid #45818d;padding:22px;width:min(600px,calc(100% - 20px));border-radius:13px}.copy-dialog::backdrop{background:#000b}.copy-dialog h2{margin-top:0}.copy-dialog p{color:#acc9d6}.copy-dialog textarea{width:100%;color:#fff;background:#061622;border:1px solid #2d5362;padding:10px;border-radius:8px;margin-bottom:12px}
@media(max-width:1120px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:790px){.app-container{padding-top:26px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.login-shell{grid-template-columns:1fr;gap:26px}.login-copy h1{font-size:37px}.login-copy>p{font-size:14px}.admin-columns{grid-template-columns:1fr}.user-name{display:none}.brand small{display:none}.topbar-inner{gap:10px}.topnav{gap:0}.dashboard-heading{align-items:flex-start}.stats-mini{flex-basis:120px;padding:14px}.stats-mini strong{font-size:27px}}
@media(max-width:560px){.app-container,.topbar-inner{width:calc(100% - 26px)}.topbar-inner{min-height:64px}.brand{font-size:17px}.brand-icon{font-size:22px}.nav-link{padding:8px 7px;font-size:11px}.user-controls{gap:2px}.quiet-link{font-size:11px}.page-heading h1{font-size:30px;letter-spacing:-1px}.dashboard-heading{gap:12px}.dashboard-heading p{font-size:13px}.stats-mini{display:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-wrap{grid-column:span 2}.filter-bar select{max-width:none}.filter-bar .btn{min-height:41px}.cards-grid{grid-template-columns:1fr;gap:17px;max-width:480px;margin:auto}.video-area{height:430px}.card-body h3{min-height:0}.card-body p{min-height:0}.card-body{padding:19px}.admin-grid{grid-template-columns:1fr}.admin-tile p{min-height:0}.form-grid,.form-grid:has(select){grid-template-columns:1fr}.form-panel,.table-panel{padding:19px}.login-card{padding:23px}.feature-chips{margin-top:19px}.results-header{margin-top:11px}}