:root{--bg:#07110d;--bg2:#0a1712;--surface:#0e1c17;--surface2:#12251e;--border:#78cdb41c;--border2:#78cdb42e;--ink:#eaf5f0;--muted:#89a89d;--faint:#5f7b71;--accent:#04c78d;--accent2:#2be0aa;--accentInk:#04130f;--fb:#1877f2;--ig:#e1306c;--tt:#25f4ee;--draft:#6f8880;--approved:#38bdf8;--scheduled:#04c78d;--posted:#3f8f74;--music:#f5b544;--good:#04c78d;--warn:#f5b544;--bad:#f2685f;--font:-apple-system, "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(120% 80% at 15% -10%, #04c78d1a, transparent 60%), var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font)}.app{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.side{background:linear-gradient(180deg, var(--bg2), var(--bg));border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;align-items:center;gap:7px;padding:6px 8px 18px;font-size:23px;font-weight:800;display:flex}.logo .chip{background:var(--accent);color:var(--accentInk);border-radius:8px;padding:0 8px;font-weight:800}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex}.nav a .i{text-align:center;opacity:.9;width:18px}.nav a.on{background:var(--surface2);color:var(--ink)}.nav a:hover{background:var(--surface);color:var(--ink)}.side .spacer{flex:1}.autobox{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:14px}.autobox .row{justify-content:space-between;align-items:center;display:flex}.autobox .t{font-size:14px;font-weight:700}.autobox .s{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}.sw{background:var(--accent);cursor:pointer;border:none;border-radius:20px;flex:none;width:44px;height:26px;position:relative;box-shadow:0 0 16px #04c78d66}.sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:21px}.sw.off{box-shadow:none;background:#33463f}.sw.off:after{left:3px}.main{min-width:0;padding:22px 26px 60px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.top h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.top .sub{color:var(--muted);margin-top:3px;font-size:13px}.wk{align-items:center;gap:8px;display:flex}.btn{background:var(--surface2);border:1px solid var(--border2);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:650;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.pri{background:var(--accent);color:var(--accentInk);border-color:var(--accent);box-shadow:0 8px 24px #04c78d47}.btn.ghost{background:0 0}.iconbtn{justify-content:center;width:36px;height:36px;padding:0;font-size:16px}.pipe{background:linear-gradient(100deg, var(--surface), var(--surface2));border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.pipe .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px var(--accent);border-radius:50%}.pipe .step{color:var(--muted);align-items:center;gap:9px;font-size:13.5px;display:flex}.pipe .step b{color:var(--ink);font-weight:700}.pipe .arw{color:var(--faint)}.pipe .push{flex:1}.tag{letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:800}.tag.auto{color:var(--accent2);background:#04c78d26;border:1px solid #04c78d59}.tag.hand{color:var(--music);background:#f5b54424;border:1px solid #f5b54459}.cal{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.col{min-width:0}.colh{justify-content:space-between;align-items:baseline;padding:0 4px 10px;display:flex}.colh .d{font-size:13px;font-weight:750}.colh .n{color:var(--faint);font-size:12px}.colh.today .d{color:var(--accent)}.stack{flex-direction:column;gap:10px;min-height:120px;display:flex}.card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:13px;width:100%;padding:0;transition:all .14s;overflow:hidden}.card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.thumb{justify-content:center;align-items:center;height:74px;font-size:26px;display:flex;position:relative}.timg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dprev .timg{border-radius:12px}.thumb .kind{letter-spacing:.03em;text-transform:uppercase;background:#00000080;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:800;position:absolute;top:8px;left:8px}.thumb .plats{gap:4px;display:flex;position:absolute;top:7px;right:7px}.pb{color:#fff;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:flex}.pb.fb{background:var(--fb)}.pb.ig{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}.pb.tt{color:#25f4ee;background:#111;border:1px solid #333}.cbody{padding:9px 11px 11px}.ctime{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.ctitle{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.pill{border-radius:20px;align-items:center;gap:5px;margin-top:9px;padding:3px 8px;font-size:10.5px;font-weight:750;display:inline-flex}.pill .pd{border-radius:50%;width:6px;height:6px}.p-scheduled{color:var(--accent2);background:#04c78d1f}.p-scheduled .pd{background:var(--scheduled)}.p-music{color:var(--music);background:#f5b54421}.p-music .pd{background:var(--music)}.p-posted{color:#8fd3ba;background:#3f8f7429}.p-posted .pd{background:var(--posted)}.p-draft{color:#a9c0b8;background:#6f888029}.p-draft .pd{background:var(--draft)}.p-approved{color:#7cd4fb;background:#38bdf821}.p-approved .pd{background:var(--approved)}.t-reel{background:linear-gradient(135deg,#0a3d2e,#04120d)}.t-carousel{background:linear-gradient(135deg,#0a2f3a,#04120d)}.t-post{background:linear-gradient(135deg,#123a22,#04120d)}.t-meme{background:linear-gradient(135deg,#1c123a,#04120d)}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:20px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .pd{border-radius:50%;width:8px;height:8px}.scrim{opacity:0;pointer-events:none;z-index:40;background:#0000008c;transition:all .2s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{background:var(--bg2);border-left:1px solid var(--border2);z-index:50;flex-direction:column;width:420px;max-width:92vw;height:100vh;transition:all .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.drawer.on{transform:none}.dhead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.dhead .x{cursor:pointer;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.dbody{flex-direction:column;flex:1;gap:16px;padding:18px 20px;display:flex;overflow-y:auto}.dprev{border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;height:150px;font-size:40px;display:flex;position:relative}.dprev .kind{letter-spacing:.03em;text-transform:uppercase;background:#00000080;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.lab{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;font-size:11px;font-weight:800}.field{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:11px;padding:12px 13px;font-size:13.5px;line-height:1.5}textarea.field{resize:vertical;width:100%;min-height:92px;font-family:var(--font)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip2{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:var(--surface);border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:700;display:flex}.chip2.on{color:var(--ink);border-color:var(--accent);background:#04c78d1a}.chip2 .pb{width:16px;height:16px}.audio{flex-direction:column;gap:9px;display:flex}.aopt{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:11px;align-items:flex-start;gap:11px;width:100%;padding:12px 13px;display:flex}.aopt.on{border-color:var(--accent);background:#04c78d12}.aopt.on.music{border-color:var(--music);background:#f5b54412}.radio{border:2px solid var(--faint);border-radius:50%;flex:none;width:18px;height:18px;margin-top:1px}.aopt.on .radio{border-color:var(--accent)}.aopt.on.music .radio{border-color:var(--music)}.aopt.on .radio:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin:3px;display:block}.aopt.on.music .radio:after{background:var(--music)}.aopt .at{font-size:13.5px;font-weight:700}.aopt .as{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4}.dfoot{border-top:1px solid var(--border);gap:10px;padding:14px 20px;display:flex}.dfoot .btn{flex:1;justify-content:center}.phonecard{background:linear-gradient(120deg, #f5b5441f, var(--surface));border:1px solid #f5b54459;border-radius:12px;padding:13px 14px}.phonecard .t{color:var(--music);align-items:center;gap:8px;font-size:13.5px;font-weight:750;display:flex}.phonecard .s{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.5}.phonecard .steps{color:var(--ink);margin:9px 0 4px;padding-left:18px;font-size:12.5px;line-height:1.7}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.apicard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 17px}.apicard .h{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.apicard .nm{align-items:center;gap:9px;font-size:15px;font-weight:750;display:flex}.apicard .ic{background:var(--surface2);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.apicard .use{color:var(--muted);min-height:34px;margin-bottom:12px;font-size:12px;line-height:1.4}.apicard .meta{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.apicard .bal{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.bar{background:var(--surface2);border-radius:4px;height:6px;margin:12px 0 8px;overflow:hidden}.bar>i{border-radius:4px;height:100%;display:block}.state{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:800}.s-good{color:var(--good);background:#04c78d21}.s-warn{color:var(--warn);background:#f5b54424}.s-bad{color:var(--bad);background:#f2685f24}.summ{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.scard{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;min-width:180px;padding:16px 18px}.scard .l{color:var(--muted);font-size:12px;font-weight:650}.scard .v{font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:800}.loginwrap{z-index:100;background:radial-gradient(120% 80% at 50% -10%, #04c78d1f, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loginbox{background:var(--surface);border:1px solid var(--border2);border-radius:18px;flex-direction:column;gap:12px;width:362px;max-width:90vw;padding:34px 30px;display:flex;box-shadow:0 30px 80px #00000080}.fi::placeholder{color:var(--faint)}.lh{letter-spacing:-.01em;margin-top:6px;font-size:19px;font-weight:800}.ls{color:var(--muted);margin-bottom:6px;font-size:13px;line-height:1.5}.fl{letter-spacing:0;text-transform:none;color:#c3d6cf;margin:8px 0 6px;font-size:13.5px;font-weight:600;display:block}.fi{background:var(--bg2);border:1px solid var(--border2);color:var(--ink);font-size:14.5px;font-family:var(--font);border-radius:10px;outline:none;margin-top:5px;padding:11px 13px}.fi:focus{border-color:var(--accent)}.lerr{color:#f2a49d;background:#f2685f1f;border:1px solid #f2685f4d;border-radius:9px;margin-top:10px;padding:9px 12px;font-size:12.5px}.lback{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:12.5px}.lfoot{color:var(--faint);font-size:12px}@media (max-width:1150px){.cal{grid-template-columns:repeat(4,1fr)}}@media (max-width:820px){.app{grid-template-columns:1fr}.side{display:none}.cal{grid-template-columns:repeat(2,1fr)}}