:root{--bg:oklch(16% 0.012 264);--bg-elev:oklch(20% 0.014 264);--bg-elev-2:oklch(24% 0.016 264);--line:oklch(30% 0.014 264);--line-soft:oklch(26% 0.012 264);--text:oklch(96% 0.005 264);--text-dim:oklch(72% 0.012 264);--text-faint:oklch(56% 0.014 264);--accent:oklch(72% 0.17 152);--accent-2:oklch(70% 0.16 256);--warn:oklch(75% 0.16 75);--danger:oklch(64% 0.2 27);--radius:12px;--radius-sm:8px;--space:8px;--maxw:1440px;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,monospace;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.app{max-width:var(--maxw);margin:0 auto;padding:24px 28px 80px}.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.masthead h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.05}.masthead .sub{color:var(--text-faint);font-size:13px;margin-top:6px;font-family:var(--mono)}.integrations{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elev);padding:6px 12px 6px 10px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.ok{background:var(--accent);box-shadow:0 0 0 3px oklch(72% .17 152/.18)}.dot.bad{background:var(--danger);box-shadow:0 0 0 3px oklch(64% .2 27/.18)}.dot.idle{background:var(--text-faint)}.chip button{background:none;border:none;color:var(--accent-2);font-size:11px;padding:0;margin-left:2px;font-family:var(--mono)}.filters{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:oklch(16% .012 264/.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:24px;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filters.no-sticky{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.fgroup{display:flex;flex-direction:column;gap:5px}.fgroup>label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600}.frow{display:flex;gap:8px;align-items:center}.frow .sep{color:var(--text-faint);font-size:11px}input[type=date]{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 9px;font-family:var(--mono);font-size:12px;color-scheme:dark}input[type=date]:focus{outline:none;border-color:var(--accent-2)}.btn{background:var(--accent);color:oklch(20% .04 152);border:none;border-radius:var(--radius-sm);padding:9px 16px;font-weight:650;font-size:13px;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--line)}.btn.sm{padding:5px 10px;font-size:11px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.kpi{background:linear-gradient(160deg,var(--bg-elev),var(--bg-elev-2));border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.kpi .k-label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.kpi .k-value{font-size:26px;font-weight:700;margin-top:8px;font-family:var(--mono);letter-spacing:-.02em}.kpi .k-value.money{color:var(--accent)}.kpi .k-sub{font-size:11px;color:var(--text-faint);margin-top:4px}.grid2{display:grid;grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:1100px){.grid2{grid-template-columns:1fr}}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel>.p-head{padding:14px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.panel>.p-head h2{font-size:14px;margin:0;font-weight:650}.panel>.p-head .hint{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-elev)}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tr:hover td{background:var(--bg-elev-2)}.tbl .money,.tbl .num{font-family:var(--mono);text-align:right}.tbl .money{color:var(--accent);font-weight:600}.tbl .muted{color:var(--text-faint)}.creo-name{font-family:var(--mono);font-size:12px;font-weight:600}.creo-meta{font-size:11px;color:var(--text-faint);margin-top:2px}.tag{display:inline-block;font-size:10px;font-family:var(--mono);padding:2px 7px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text-dim)}.tag.green{color:var(--accent);border-color:oklch(72% .17 152/.4)}.linkbtns{display:flex;gap:6px}.iconlink{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text-dim);font-size:13px}.iconlink:hover{border-color:var(--accent-2);color:var(--text);text-decoration:none}.iconlink.yt-done{width:auto;padding:0 9px;color:var(--accent);border-color:oklch(72% .17 152/.5);font-weight:600}.iconlink.yt-done:hover{background:oklch(72% .17 152/.12)}.ms-row{padding:10px 16px;border-bottom:1px solid var(--line-soft)}.ms-row:last-child{border-bottom:none}.ms-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ms-name{font-size:12px;font-family:var(--mono)}.ms-name .unatt{color:var(--warn)}.ms-cost{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600}.ms-bar{height:6px;border-radius:3px;background:var(--bg-elev-2);margin-top:6px;overflow:hidden}.ms-bar>span{display:block;height:100%;border-radius:3px}.ms-pct{font-size:11px;font-family:var(--mono)}.empty,.ms-pct{color:var(--text-faint)}.empty{padding:48px 16px;text-align:center}.spinner{color:var(--text-faint);font-family:var(--mono);font-size:12px}.modal-bg{position:fixed;inset:0;background:oklch(8% 0 0/.6);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:22px;width:min(460px,92vw)}.modal h3{margin:0 0 6px;font-size:16px}.modal p{color:var(--text-dim);font-size:13px;margin:0 0 14px}.modal input[type=text],.modal textarea{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:9px 10px;font-family:var(--mono);font-size:12px;margin-bottom:12px}.modal .actions{display:flex;gap:8px;justify-content:flex-end}.msg{font-size:12px;padding:8px 10px;border-radius:var(--radius-sm);margin-bottom:12px}.msg.err{background:oklch(64% .2 27/.12);color:var(--danger);border:1px solid oklch(64% .2 27/.3)}.msg.ok{background:oklch(72% .17 152/.12);color:var(--accent);border:1px solid oklch(72% .17 152/.3)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 50% 0,var(--bg-elev) 0,var(--bg) 60%)}.login-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:32px;width:min(360px,90vw);display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:22px;letter-spacing:-.02em}.login-card p{margin:0 0 8px;color:var(--text-faint);font-size:13px}.login-card input[type=password]{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:11px 12px;font-size:14px}.login-card input:focus{outline:none;border-color:var(--accent-2)}.login-card .btn{padding:11px}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--line)}.tabs a{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-faint);border-bottom:2px solid transparent;text-decoration:none}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px;margin-top:8px}.pcard{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.pcard .frame{position:relative;width:100%;aspect-ratio:9/16;background:var(--bg-elev-2)}.pcard .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pcard .frame .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:12px;font-family:var(--mono);text-align:center;padding:12px}.pcard .pbody{padding:10px 12px}.pcard .pname{font-family:var(--mono);font-size:11px;font-weight:600;word-break:break-all}.pcard .pmeta{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.pcard .pspend{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--accent)}.pcard .pinst{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.pcard .frame .thumb{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--bg-elev-2);display:block;cursor:default}.pcard .frame .thumb.playable{cursor:pointer}.pcard .frame .thumb img{width:100%;height:100%;object-fit:cover;display:block}.pcard .frame .thumb .play{position:absolute;inset:0;margin:auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:oklch(16% .012 264/.55);border-radius:50%;color:#fff;font-size:18px;padding-left:3px;transition:background .15s,transform .1s}.pcard .frame .thumb.playable:hover .play{background:var(--accent);transform:scale(1.06)}.pcard .psub{font-size:11px;color:var(--text-faint);margin-top:4px}.pcard .pfoot{display:flex;gap:12px;margin-top:8px}.pcard .pfoot a{font-size:11px;font-family:var(--mono);color:var(--accent-2)}.filters select{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 9px;font-family:var(--mono);font-size:12px;color-scheme:dark;min-width:130px}.filters select:focus{outline:none;border-color:var(--accent-2)}.filters .check{display:flex;align-items:center;gap:6px;cursor:pointer}.boardstat,.filters .check{font-size:12px;color:var(--text-dim)}.boardstat{font-family:var(--mono);margin-bottom:16px}.boardstat .note{color:var(--warn)}.chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.chiplabel{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:600;margin-right:4px}.chip{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:4px 11px;font-size:12px;font-family:var(--mono);transition:background .12s,color .12s,border-color .12s}.chip:hover{color:var(--text);border-color:var(--text-faint)}.chip.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff;font-weight:600}.chip.clear{color:var(--text-faint);border-style:dashed}.msel{position:relative}.msel-btn{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 10px;font-family:var(--mono);font-size:12px;min-width:130px;display:flex;align-items:center;justify-content:space-between;gap:8px}.msel-btn:hover{border-color:var(--text-faint)}.msel-caret{color:var(--text-faint);font-size:10px}.msel-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:40;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;min-width:180px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px oklch(10% .01 264/.5);display:flex;flex-direction:column;gap:2px}.msel-opt{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;font-size:12px;font-family:var(--mono);color:var(--text-dim);cursor:pointer}.msel-opt:hover{background:var(--bg-elev);color:var(--text)}.msel-clear{align-self:flex-start;background:none;border:none;color:var(--accent-2);font-size:11px;padding:3px 7px;margin-bottom:2px}.sortbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.sortbar,.sortbtn{align-items:center}.sortbtn{background:var(--bg-elev-2);border:1px solid var(--line);color:var(--text-dim);border-radius:var(--radius-sm);padding:5px 11px;font-size:12px;font-family:var(--mono);display:inline-flex;gap:5px}.sortbtn:hover{color:var(--text);border-color:var(--text-faint)}.sortbtn.on{background:var(--bg-elev);border-color:var(--accent-2);color:var(--text);font-weight:600}.sortbtn .arr{color:var(--accent-2);font-size:10px}.pcard .pmetrics{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px 10px;gap:6px 10px;margin-top:8px}.pcard .pmetrics>div{display:flex;flex-direction:column;line-height:1.25}.pcard .pmetrics span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.pcard .pmetrics b{font-family:var(--mono);font-size:12.5px;font-weight:600}.pcard .pmetrics b.hl{color:var(--accent);font-size:13.5px}.pcard .psrc{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pcard .srcchip{font-size:9.5px;font-family:var(--mono);color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--line-soft);border-radius:4px;padding:1px 5px;line-height:1.5}@media (max-width:640px){.app{padding:16px 14px 60px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.filters{gap:12px;padding:12px}.filters select{min-width:0}}