@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#111;font:14px Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:255px;background:#0b0b0b;color:#eee;padding:24px 18px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 25px}.brand img{width:34px;height:34px;object-fit:contain}.brand b{display:block;font:700 13px Space Grotesk}.brand small{font:10px 'DM Mono';color:#888}.context{background:#151515;border:1px solid #292929;border-radius:10px;padding:11px;margin:0 2px 24px}.context>small{display:block;font:9px 'DM Mono';color:#777;margin-bottom:6px}.context select{width:100%;background:#151515;color:#fff;border:0;outline:0;font-weight:700}.contextStatus{display:flex;align-items:center;margin-top:9px;font-size:11px;color:#aaa}.contextStatus .dot{margin:0 7px 0 0}.contextStatus button{margin-left:auto;background:transparent;border:0;color:#ddd;font-size:10px}.dot{width:8px;height:8px;border-radius:50%;background:#64b887;display:inline-block}.dot.offline{background:#c65d5d}aside label{font:9px 'DM Mono';letter-spacing:1.2px;color:#666;margin:0 8px 8px}nav{display:grid;gap:4px;margin-bottom:23px}nav button{border:0;background:transparent;color:#999;text-align:left;padding:11px 10px;border-radius:8px}nav button:hover,nav button.on{background:#1a1a1a;color:#fff}aside footer{margin-top:auto;color:#777;font-size:11px;padding:10px 8px;border-top:1px solid #222}.liveDot{display:inline-block;width:7px;height:7px;background:#73d39b;border-radius:50%;margin-right:6px}aside footer small{display:block;margin-top:6px;color:#555}main{margin-left:255px;min-height:100vh}header{height:70px;background:#fff;border-bottom:1px solid #e6e6e3;display:flex;align-items:center;padding:0 34px;gap:22px;position:sticky;top:0;z-index:3}header strong{font:700 13px Space Grotesk;white-space:nowrap}header strong span{color:#999}.breadcrumb{font-size:11px;color:#999;border-left:1px solid #eee;padding-left:18px}header input{margin-left:auto;width:min(390px,34vw);border:1px solid #ddd;border-radius:8px;padding:10px 13px;outline:0;background:#fafafa}header>div:last-child{font-size:12px;color:#666}.page{display:none;padding:35px 38px 70px}.page.active{display:block}.head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.head small,.card small{font:10px 'DM Mono';color:#888;letter-spacing:.6px}.head h1{font:700 32px Space Grotesk;margin:5px 0}.head p{margin:0;color:#777}.primary{background:#111;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:700}.secondary,.toolbar button,.filters button{background:#fff;border:1px solid #ddd;border-radius:7px;padding:9px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid #e7e7e3;border-radius:10px;padding:18px}.metrics b{display:block;font:700 28px Space Grotesk;margin:8px 0 3px}.metrics .smallValue{font-size:19px;color:#2b8a58}.metrics small{color:#999}.good{color:#2b8a58!important}.cols,.scheduleLayout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.card{background:#fff;border:1px solid #e6e6e3;border-radius:10px;overflow:hidden}.pad{padding:22px}.cardhead{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #eee}.cardhead h2{font:700 16px Space Grotesk;margin:0}.cardhead button{background:none;border:0;color:#777}.cardhead i{font:10px Inter;font-style:normal;color:#389566;margin-left:8px}.cardhead>span{font:9px 'DM Mono';color:#999}.clientrow{display:flex;align-items:center;gap:11px;padding:13px 19px;border-bottom:1px solid #f0f0ed}.clientrow:last-child{border:0}.avatar{width:35px;height:35px;border-radius:8px;background:#111;color:#fff;display:grid;place-items:center;font:700 11px Space Grotesk}.clientrow b{display:block}.clientrow small{display:block;color:#999;margin-top:3px}.clientrow>.dot{margin-left:auto}.now{display:flex;gap:15px;padding:25px 22px;align-items:center}.cover,.bigcover{display:grid;place-items:center;background:#111;color:#fff;border-radius:9px}.cover{width:66px;height:66px;font-size:27px}.now h3{margin:6px 0;font-size:15px}.now p{margin:0;color:#999}.bar,.pbar{height:3px;background:#e6e6e3;margin:0 22px 12px}.bar i,.pbar i{display:block;width:47%;height:100%;background:#111}.liveFooter{padding:0 22px 18px;display:flex;justify-content:space-between;font-size:11px;color:#999}.liveFooter b{color:#2b8a58}.quick{margin-top:18px}.quickgrid{display:grid;grid-template-columns:repeat(4,1fr)}.quickgrid button{background:#fff;border:0;border-right:1px solid #eee;padding:20px;text-align:left;font-size:22px}.quickgrid button:last-child{border:0}.quickgrid b,.quickgrid small{display:block}.quickgrid b{font-size:13px;margin-top:12px}.quickgrid small{font-size:11px;color:#999;margin-top:5px}.clientgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.clientcard{background:#fff;border:1px solid #e6e6e3;border-radius:10px;overflow:hidden}.clienttop{height:100px;background:linear-gradient(135deg,#151515,#444);padding:12px;color:#fff;font:9px 'DM Mono'}.clientbody{padding:17px}.clientbody h3{margin:0 0 5px;font:700 18px Space Grotesk}.clientbody p{color:#777;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee;margin:15px 0}.stats div{padding:11px 5px;text-align:center;border-right:1px solid #eee}.stats div:last-child{border:0}.stats b,.stats small{display:block}.stats b{font:700 18px Space Grotesk}.stats small{font:9px 'DM Mono';color:#999;margin-top:3px}.actions{display:flex;gap:7px}.actions button{flex:1;border:1px solid #ddd;background:#fff;border-radius:7px;padding:8px}.actions .dark{background:#111;color:#fff;border-color:#111}.toolbar{display:flex;align-items:end;gap:10px;margin-bottom:15px}.toolbar label,.ruleGrid label{font:9px 'DM Mono';color:#888;display:flex;flex-direction:column;gap:6px}.toolbar select,.ruleGrid select{background:#fff;border:1px solid #ddd;border-radius:7px;padding:9px;min-width:150px}.upload{border:1px dashed #cfcfca;background:#fff;border-radius:10px;padding:25px;text-align:center;margin-bottom:15px;color:#777}.upload b,.upload small{display:block}.upload b{color:#222;margin:5px}.upload small{font-size:11px}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:10px;padding:14px 18px;border-bottom:1px solid #eee;align-items:center}.row:last-child{border:0}.row.th{font:9px 'DM Mono';color:#888;background:#fafafa}.row b{font-weight:700}.row small{display:block;color:#999;font-size:10px;margin-top:3px}.row em{font:10px 'DM Mono';font-style:normal;color:#2b8a58}.row em.agendado{color:#8a7330}.row em.expirado{color:#999}.rowActions{display:inline-flex;gap:4px;margin-left:8px}.rowActions button{background:#f2f2ef;border:0;border-radius:5px;width:25px;height:25px;font-size:11px}.empty{padding:28px;text-align:center;color:#999}.hint{background:#f7f7f4;padding:11px 13px;border-radius:8px;margin:16px 0;color:#777;font-size:11px}.block{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eee}.block .drag{color:#bbb;cursor:grab}.block>b{font:12px 'DM Mono';color:#999;width:25px}.block strong{font-weight:700}.block small{margin-left:auto;color:#999}.block button{border:0;background:#f1f1ef;border-radius:5px;width:26px;height:26px}.add{margin-top:15px;width:100%;background:#fafafa;border:1px dashed #ccc;border-radius:7px;padding:11px}.loopBadge{font:9px 'DM Mono';padding:6px 8px;border:1px solid #ddd;border-radius:20px;color:#555}.flow{display:grid;gap:8px;margin:20px 0}.flow div{background:#f6f6f3;border-radius:8px;padding:12px}.flow div b,.flow div small{display:block}.flow div small{color:#999;font-size:11px;margin-top:3px}.flow>span{text-align:center;color:#aaa}.rule{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.rule:last-child{border:0}.rule span{color:#2b8a58;font-size:11px}.modalForm{display:none;position:fixed;inset:0;background:#0008;z-index:10;align-items:center;justify-content:center;padding:20px}.modalForm.open{display:flex}.modal{width:min(760px,100%);max-height:90vh;overflow:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.formgrid label,.priority{font-size:11px;color:#777}.formgrid input,.formgrid select,.ruleGrid select{display:block;width:100%;margin-top:6px;border:1px solid #ddd;border-radius:7px;padding:9px;background:#fff;color:#222}.check{display:flex;gap:8px;align-items:center;margin:14px 0;color:#555;font-size:12px}.check input{accent-color:#111}.help{border:1px solid #ccc;border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center;font-size:10px;color:#888}.ruleGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#f7f7f4;padding:13px;border-radius:8px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modalActions button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:9px 13px}.modalActions .primary{background:#111;color:#fff}.chart{padding:22px;margin:18px 0}.fake{height:220px;margin-top:20px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #ddd;background:repeating-linear-gradient(to bottom,#fff 0,#fff 43px,#eee 44px)}.fake span{height:var(--h,55%);width:7%;background:#111;position:relative;font:9px 'DM Mono';color:#777;text-align:center;padding-top:226px;background-clip:padding-box}.fake span:nth-child(1){height:48%}.fake span:nth-child(2){height:72%}.fake span:nth-child(3){height:61%}.fake span:nth-child(4){height:84%}.fake span:nth-child(5){height:66%}.fake span:nth-child(6){height:39%}.fake span:nth-child(7){height:53%}.historyRow{display:grid;grid-template-columns:70px 1fr 100px;padding:13px 19px;border-bottom:1px solid #eee;font-size:12px}.historyRow:last-child{border:0}.historyRow span,.historyRow small{color:#999}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settingsGrid h2{font:700 18px Space Grotesk;margin:7px 0}.settingsGrid p{color:#777;line-height:1.6;font-size:12px}.inlineSetting{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #eee;font-size:12px}.inlineSetting select{border:1px solid #ddd;border-radius:6px;padding:7px}.switch input{display:none}.switch span{display:block;width:38px;height:21px;background:#bbb;border-radius:20px;position:relative}.switch span:after{content:'';position:absolute;width:17px;height:17px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#111}.switch input:checked+span:after{left:19px}.checkList{display:grid;gap:10px;color:#555;font-size:12px}.player{position:fixed;inset:0;background:#000b;z-index:20;display:none;align-items:center;justify-content:center}.player.open{display:flex}.playerbox{width:410px;background:#111;color:#fff;border-radius:16px;padding:25px;text-align:center;box-shadow:0 25px 70px #0008}.playerTop{display:flex;justify-content:space-between;align-items:center}.playerTop img{width:38px}.playerTop span{font:9px 'DM Mono';color:#73d39b}.playerbox small{display:block;color:#777;font:9px 'DM Mono';margin-top:9px}.playerbox h2{font:700 24px Space Grotesk;margin:4px}.bigcover{height:190px;margin:20px 0;font-size:70px}.playerbox h3{font-size:14px;margin-bottom:5px}.playerbox p{font-size:11px;color:#888}.pbar{background:#333;margin:20px 0}.pbar i{background:#fff}.controls{display:flex;justify-content:center;gap:25px;align-items:center;margin:15px}.controls button{border:0;background:transparent;color:#fff;font-size:20px}.controls .play{background:#fff;color:#111;width:44px;height:44px;border-radius:50%}.volume{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#aaa}.volume input{width:160px}.playerUrl{margin-top:20px;padding-top:13px;border-top:1px solid #292929;font:9px 'DM Mono';color:#666}.close{position:absolute;top:22px;right:25px;background:#fff;border:0;border-radius:50%;width:35px;height:35px;font-size:20px}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 10px 35px #0003;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:12px}.toast.show{transform:none;opacity:1}@media(max-width:1100px){aside{width:220px}main{margin-left:220px}.metrics{grid-template-columns:repeat(2,1fr)}.cols,.scheduleLayout{grid-template-columns:1fr}.clientgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){aside{display:none}main{margin-left:0}.page{padding:25px 18px}.head{align-items:flex-start;gap:15px;flex-direction:column}.clientgrid,.metrics,.settingsGrid{grid-template-columns:1fr}.quickgrid{grid-template-columns:1fr 1fr}header{padding:0 18px}.breadcrumb,header input{display:none}.formgrid,.ruleGrid{grid-template-columns:1fr}.row{grid-template-columns:1.4fr 1fr}.row.th{display:none}.toolbar{flex-wrap:wrap}}