:root{--navy:#071b31;--navy2:#0b2948;--blue:#0b86ee;--green:#12a365;--yellow:#d99013;--red:#d93a3a;--purple:#7653d8;--bg:#f4f7fb;--ink:#172033;--muted:#738399;--white:#fff;--border:#dfe8f1}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}
#offline{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:99;background:#b42318;color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:800;display:none}
.topbar{background:linear-gradient(135deg,var(--navy),#0d3f6d);color:#fff;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;position:sticky;top:0;z-index:20;box-shadow:0 5px 20px #061a3125;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:22px;font-weight:900}.brand b{font-weight:500}.mark{color:#21a7ff}.subtitle{font-size:10px;color:#c5d8ea;margin-top:4px}.head-actions{display:flex;align-items:center;gap:8px}.profile{border:1px solid #3c6486;background:#0b2f52;color:#fff;border-radius:10px;padding:8px 10px;font-weight:750}.iconbtn{width:42px;height:42px;border:0;border-radius:12px;background:#fff;color:#0877d1;font-size:23px;font-weight:900}
main{max-width:1650px;margin:auto;padding:16px}.tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto}.tab{white-space:nowrap;background:#fff;border:1px solid var(--border);padding:10px 14px;border-radius:12px;font-weight:800;color:#526277}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.eyebrow{font-size:10px;font-weight:900;color:var(--blue);letter-spacing:.8px}.day-hero,.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.day-hero h1,.page-head h2{margin:4px 0;font-size:27px}.day-hero p,.page-head p{margin:0;color:#6f8094}.streak-box{background:linear-gradient(135deg,#fff6e6,#fff);border:1px solid #f2d19b;border-radius:16px;padding:14px;text-align:center;min-width:150px}.streak{font-size:22px;color:#a96600}.streak-box span{font-size:9px;color:#8b795f}
.day-kpis,.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px;box-shadow:0 4px 14px #0a274010}.kpi .v{font-size:23px;font-weight:900;color:#0a3157;white-space:nowrap}.kpi .l{font-size:10px;text-transform:uppercase;font-weight:850;color:#8291a4;margin-top:5px}.kpi.danger .v{color:var(--red)}.kpi.warn .v{color:#ca8510}.kpi.good .v{color:var(--green)}
.today-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 20px #0a27400e;margin-bottom:14px}.panel-h{padding:13px 15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-h h3{margin:0;font-size:15px}
.progress-mini{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.bar{width:100px;height:8px;background:#eaf0f5;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#35c48d);border-radius:99px}
.task-list{padding:10px;max-height:64vh;overflow:auto}.task{border:1px solid var(--border);border-radius:13px;padding:12px;margin-bottom:9px;background:#fff}.task.done{opacity:.58;background:#f3faf6}.task-top{display:flex;justify-content:space-between;gap:10px}.task-name{font-weight:900;color:#0c568e}.task-reason{font-size:10px;color:#748498;margin-top:3px}.task-objective{margin-top:9px;padding:8px 10px;border-radius:9px;background:#f4f8fb;font-size:11px}.task-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.productivity{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.prod-card{background:#f6f9fc;border:1px solid #e3ebf2;border-radius:12px;padding:10px}.prod-card span{display:block;font-size:10px;font-weight:800;color:#6f8094;margin-bottom:6px}.score-input{width:100%;border:0;background:transparent;font-size:26px;font-weight:900;color:#0b4e84;outline:none}.money-field{font-size:20px}.span2{grid-column:span 2}.gamification{margin:0 14px 14px;padding:15px;background:linear-gradient(135deg,#071b31,#0f4d7e);border-radius:14px;color:#fff;text-align:center}.gamification h4{margin:0 0 6px;font-size:11px;color:#b9d7ec}.game-score{font-size:33px;font-weight:950;color:#5fc6ff}
.btn{border:0;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.soft{background:#eaf5ff;color:#0877d1}.btn.tiny{padding:7px 9px;font-size:10px}.btn.donebtn{background:#e4f7ec;color:#08743d}.btn.openbtn{background:#eaf5ff;color:#0877d1}
.month-input{min-width:150px}.calendar-actions{display:flex;gap:8px;align-items:center}.month-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.month-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px}.month-card b{font-size:21px;color:#0b4e84}.month-card span{display:block;font-size:9px;color:#8493a3;text-transform:uppercase;margin-top:3px}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.day-card{background:#fff;border:1px solid var(--border);border-radius:14px;min-height:145px;overflow:hidden}.day-head{padding:9px 10px;background:#edf5fb;font-weight:900;font-size:11px;display:flex;justify-content:space-between}.day-tasks{padding:8px}.mini-task{padding:6px 0;border-bottom:1px solid #edf1f5;font-size:10px}.mini-task:last-child{border-bottom:0}.mini-task b{display:block;color:#0b598f}.mini-task span{color:#7c8b9e}
.filters{padding:13px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px}.input{width:100%;border:1px solid #d7e2ec;background:#fff;border-radius:10px;padding:10px 11px;outline:none}.owner-select{min-width:180px}.linkbtn{border:0;background:#eaf5ff;color:#0877d1;padding:8px 11px;border-radius:9px;font-weight:800}
.table-wrap{overflow:auto;max-height:67vh}.tbl{width:100%;border-collapse:collapse;min-width:1150px}.tbl th{position:sticky;top:0;background:#edf5fb;padding:10px 8px;font-size:10px;text-transform:uppercase;color:#5e7288;text-align:left;z-index:2}.tbl td{padding:9px 8px;border-bottom:1px solid #edf1f5;font-size:11px}.client-link{font-weight:800;color:#0b5d9b;cursor:pointer}.money{font-weight:900;color:#0d6b44}.class{font-weight:900}.class-A{color:#9d6400}.class-B{color:#1470a8}.class-C{color:#68778a}.small{font-size:10px;color:#7d8c9e}.mobile-cards{display:none}.pill{font-size:9px;font-weight:900;padding:4px 7px;border-radius:99px;white-space:nowrap}.p-retencao,.p-atrasado,.p-risco{background:#ffe6e6;color:#b82424}.p-hoje{background:#fff0d6;color:#a76500}.p-iniciar{background:#e8f3ff;color:#0b70bf}.p-ok{background:#e6f7ed;color:#08733c}
.client-card{border-bottom:1px solid #e9eff5;padding:14px}.client-card .row1{display:flex;justify-content:space-between;gap:10px}.client-card .name{font-weight:900;color:#0b4f86;font-size:14px}.client-card .meta{font-size:11px;color:#78889a;margin-top:5px}.client-card .action{margin-top:9px;padding-top:8px;border-top:1px dashed #e1e9f0;font-size:11px;color:#43566b}.client-card .dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.datebox{background:#f5f8fb;border-radius:9px;padding:8px}.datebox b{display:block;font-size:9px;text-transform:uppercase;color:#8190a1;margin-bottom:3px}.datebox span{font-size:11px;font-weight:750}
.charts-grid,.overview-grid,.new-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-panel{min-height:260px}.projection{padding:18px}.proj-line{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:center;margin:13px 0}.proj-track{height:14px;background:#edf2f6;border-radius:99px;overflow:hidden}.proj-fill{height:100%;border-radius:99px}.proj-fill.blue{background:var(--blue)}.proj-fill.red{background:var(--red)}.proj-fill.green{background:var(--green)}
.bars{padding:16px}.bar-row{display:grid;grid-template-columns:85px 1fr auto;gap:9px;align-items:center;margin:12px 0}.bar-track{height:17px;background:#edf2f6;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0877d1,#43b8ff);border-radius:8px}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:24px;padding:22px}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(var(--green) 0 70%,var(--yellow) 70% 88%,var(--red) 88%);position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}.legend div{font-size:11px;margin:7px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.scoreboard{padding:14px}.score-row{display:grid;grid-template-columns:85px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.score-points{font-weight:900;color:#0b5d9b}
.compact-list{padding:10px;max-height:330px;overflow:auto}.compact{padding:9px 8px;border-bottom:1px solid #edf1f5}.compact .top{display:flex;justify-content:space-between;gap:8px}.compact .name{font-weight:850;font-size:12px}.compact .meta{font-size:10px;color:#7c8b9e;margin-top:3px}
.form-simple{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:10px;font-weight:850;text-transform:uppercase;color:#75869a;margin-bottom:5px}.field textarea{min-height:78px}.bulk-box{padding:16px}.bulk-box code{display:block;background:#f3f6f9;padding:9px;border-radius:8px;margin:8px 0 12px;font-size:11px}.bulk-box textarea{min-height:220px;margin-bottom:10px}
.modal-bg{display:none;position:fixed;inset:0;background:#04101dcc;z-index:40;padding:18px;overflow:auto}.modal-bg.open{display:flex;align-items:flex-start;justify-content:center}.modal{width:min(940px,100%);background:#fff;border-radius:18px;margin-top:15px;overflow:hidden}.modal-head{background:var(--navy);color:#fff;padding:17px 18px;display:flex;justify-content:space-between}.modal-head h2{font-size:18px;margin:0}.modal-head #mMeta{font-size:11px;color:#c9deef;margin-top:4px}.close{background:transparent;color:#fff;border:0;font-size:26px}.modal-body{padding:16px}.client-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.sum{background:#f4f8fb;border-radius:10px;padding:9px}.sum b{display:block;font-size:9px;color:#8493a3;text-transform:uppercase}.sum span{display:block;font-weight:900;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field.span2{grid-column:span 2}.field.span3{grid-column:span 3}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--border);margin-top:15px}.history{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.history h3{font-size:14px}.hist-item{padding:9px 0;border-bottom:1px solid #edf1f5}.hist-item .hmeta{font-size:10px;color:#7d8c9e}.hist-item .htext{font-size:12px;margin-top:4px}
.toast{position:fixed;right:15px;bottom:calc(15px + env(safe-area-inset-bottom));background:#0b2b48;color:#fff;border-radius:12px;padding:12px 16px;display:none;z-index:50}.toast.show{display:block}.app-version{position:fixed;left:7px;bottom:5px;font-size:9px;color:#a4b0bd}.muted{color:#7b8b9d;font-size:11px}
.tv-view{background:linear-gradient(135deg,#041526,#082d4c);color:#fff;min-height:calc(100vh - 105px);border-radius:18px;padding:18px}.tv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tvbrand{font-size:27px}.tv-actions{display:flex;gap:10px;align-items:center}.tv-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}.tv-kpi{background:#0c2c4a;border:1px solid #1b537e;border-radius:15px;padding:14px;position:relative;overflow:hidden}.tv-kpi:before{content:"";position:absolute;inset:auto -20px -35px auto;width:90px;height:90px;border-radius:50%;background:#1f7bbb33}.tv-kpi .v{font-size:28px;font-weight:900}.tv-kpi .l{font-size:10px;text-transform:uppercase;color:#a9c1d4}.tv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tv-card{background:#092540;border:1px solid #16486f;border-radius:15px;padding:14px;box-shadow:0 0 30px #009dff0c}.tv-card h3{margin-top:0;font-size:14px;color:#8ccfff}.tv-card.accent-red{border-color:#a44646}.tv-card.accent-green{border-color:#267d58}.tv-card.accent-yellow{border-color:#8b6b28}.tv-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #16415f;font-size:12px}.tv-row:last-child{border-bottom:0}
@media(max-width:1100px){.day-kpis,.kpis{grid-template-columns:repeat(3,1fr)}.today-grid,.charts-grid,.overview-grid,.new-grid,.tv-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(3,1fr)}.month-summary{grid-template-columns:1fr 1fr}.tv-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){main{padding:10px}.topbar{padding-left:12px;padding-right:12px}.brand{font-size:17px}.profile{max-width:125px;padding:7px}.day-hero,.page-head{align-items:flex-start;flex-direction:column}.streak-box{width:100%;text-align:left}.day-kpis,.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:11px}.kpi .v{font-size:19px}.today-grid{grid-template-columns:1fr}.productivity{grid-template-columns:1fr 1fr}.calendar-actions{width:100%;flex-direction:column}.calendar-actions>*{width:100%}.calendar-grid{grid-template-columns:1fr}.month-summary{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr;padding:10px}.owner-select{width:100%}.desktop-table{display:none}.mobile-cards{display:block}.form-simple{grid-template-columns:1fr}.span2{grid-column:span 1}.donut-wrap{flex-direction:column}.modal-bg{padding:0}.modal{border-radius:0;margin:0;min-height:100dvh}.form-grid{grid-template-columns:1fr}.field.span2,.field.span3{grid-column:span 1}.client-summary{grid-template-columns:1fr 1fr}.tv-kpis{grid-template-columns:1fr 1fr}.tv-view{border-radius:0;margin:-10px;padding:12px}.tvbrand{font-size:20px}.tv-actions .btn{display:none}}