:root{--bg: #0a0c0a;--panel: #141714;--card: #1a1e1a;--line: rgba(255, 255, 255, .07);--text: #eef2ec;--muted: #8d9589;--lime: #b6ff4a;--lime-deep: #8fe02e;--warn: #ffb020;--danger: #ff5d6c;--info: #8ea0ff;--cyan: #3de8ff;--pink: #ff6bb5;--radius: 20px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Plus Jakarta Sans", "Inter", ui-sans-serif, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);font-size:14px;line-height:1.45;background:#080908;color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:14px;color:inherit}button{cursor:pointer}b,strong{font-weight:600}.app-shell{display:grid;grid-template-columns:72px 1fr;min-height:100vh}.rail{padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;border-right:1px solid var(--line);background:#0c0e0c}.logo{width:40px;height:40px;border-radius:12px;background:var(--lime);color:#111;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:16px}.rail-btn{width:42px;height:42px;border-radius:12px;border:0;background:transparent;color:#6f776c;display:grid;place-items:center}.rail-btn.active,.rail-btn:hover{background:#1b2218;color:var(--lime)}.rail-spacer{flex:1}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:#2a332a;color:var(--lime)}.main{padding:20px 28px 48px;min-width:0}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:18px}.brand{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.05em}.brand span{color:var(--lime)}.schedule-pill{display:flex;align-items:center;gap:10px;background:var(--lime);color:#14200a;border-radius:999px;padding:7px 8px 7px 16px;margin-left:8px;font-size:13px;font-weight:600}.schedule-pill .sep{opacity:.45}.people{display:flex}.people .dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--lime);margin-left:-7px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#111}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:600;background:#222822;color:var(--text)}.btn.lime{background:var(--lime);color:#14200a}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.small{padding:7px 11px;font-size:13px;border-radius:10px}.btn:hover{filter:brightness(1.06)}.stat-strip{display:flex;align-items:flex-end;gap:28px;margin:6px 0 22px}.stat-strip .n{font-family:var(--display);font-size:42px;font-weight:800;letter-spacing:-.05em;line-height:1}.stat-strip .lbl{color:var(--muted);font-size:13px;margin-left:8px;font-weight:500}.stat-item{display:flex;align-items:baseline}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.seg{display:flex;background:#101410;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{border:0;background:transparent;color:var(--muted);padding:8px 12px;font-size:13px;font-weight:500;text-transform:capitalize}.seg button.on{background:#1d2718;color:var(--lime)}.select,.input,.textarea{background:#101410;border:1px solid var(--line);border-radius:12px;padding:9px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#b6ff4a73}.textarea{min-height:72px;resize:vertical;width:100%}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) 340px;gap:18px;align-items:start}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-head h3{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.03em}.section-head .count{color:var(--muted);font-size:13px;font-weight:600}.section-head .count b{color:var(--lime);font-weight:700}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.person-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;min-height:148px;display:flex;flex-direction:column;gap:10px;text-align:left;position:relative}.person-card:hover{border-color:#b6ff4a47}.person-card.featured{background:var(--lime);color:#14200a;border-color:transparent}.person-top{display:flex;align-items:flex-start;gap:12px}.person-photo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:16px;color:#111;flex-shrink:0}.person-card h4{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:-.03em}.person-card .role{font-size:12px;color:var(--muted);margin-top:2px}.person-card.featured .role{color:#3a5a1a}.dots{display:flex;gap:5px;margin-top:6px}.dots i{width:8px;height:8px;border-radius:50%;display:block}.person-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;font-size:12px}.person-meta .money{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.03em}.tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#262c24;color:#d5e2cc}.person-card.featured .tag{background:#14200a;color:var(--lime)}.task-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.task-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px}.task-card.lime{background:var(--lime);color:#14200a;border:0}.task-card .kicker{font-size:12px;color:var(--muted);font-weight:500;margin-bottom:8px}.task-card.lime .kicker{color:#3a5a1a}.task-card h4{font-family:var(--display);font-size:20px;letter-spacing:-.04em;margin-bottom:4px}.task-card p{font-size:13px;color:var(--muted)}.task-card.lime p{color:#3a5a1a}.task-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px}.summary{background:#f3f5f1;color:#161916;border-radius:28px;padding:20px 18px}.summary h3{font-family:var(--display);font-size:22px;letter-spacing:-.04em;margin-bottom:14px}.summary .muted{color:#66705f}.doc{background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:10px;border:1px solid #e6ebe2}.doc b{font-family:var(--display);font-size:14px}.goal{font-size:12px;line-height:1.45;color:#4d5649;margin-top:4px}.progress{height:6px;background:#e4eadf;border-radius:99px;overflow:hidden;margin-top:10px}.progress>span{display:block;height:100%;background:#111}.day-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:92px;margin:8px 0 4px}.bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:end}.bar{width:100%;border-radius:6px 6px 3px 3px;background:#1f2a18;min-height:6px}.bar.on{background:var(--lime)}.bar-wrap span{font-size:10px;color:#66705f}.bar-wrap b{font-size:11px;color:#161916}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel h3{font-family:var(--display);font-size:18px;font-weight:700;margin-bottom:14px;letter-spacing:-.03em}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted)}.unit-grid{display:grid;gap:10px}.unit-card{display:grid;grid-template-columns:1fr minmax(180px,280px);gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.unit-card h4{font-family:var(--display);font-size:16px}.unit-card p{color:var(--muted);font-size:12px;margin-top:3px}.pills{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:#262c24;color:#cfe8cb}.pill.hot{background:var(--lime);color:#14200a;font-weight:700}.sheet{width:100%;border-collapse:separate;border-spacing:0 8px}.sheet th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:0 10px 4px}.sheet td{background:var(--card);padding:12px 10px;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sheet td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.sheet td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.sheet tr:hover td{background:#202620}.sheet input,.sheet select{width:100%;background:transparent;border:0;outline:none;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#222}.badge.manha{background:#b6ff4a24;color:var(--lime)}.badge.tarde{background:#ffb02026;color:var(--warn)}.badge.noite{background:#8ea0ff2e;color:#c3cbff}.badge.promo{background:#ff6bb52e;color:var(--pink)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 400px at 20% 0%,#1a2a12,transparent 55%),#080908}.login-card{width:min(880px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#121512;border:1px solid var(--line);border-radius:28px;overflow:hidden}.login-hero{padding:36px;background:radial-gradient(380px 200px at 10% 10%,rgba(182,255,74,.22),transparent),#0e140c}.login-hero h1{font-family:var(--display);font-size:40px;line-height:.95;letter-spacing:-.05em;margin:18px 0 12px}.login-hero p{color:var(--muted);max-width:340px;font-size:14px}.login-form{padding:36px 32px;display:flex;flex-direction:column;gap:12px}.login-form h2{font-family:var(--display);font-size:24px;letter-spacing:-.03em}.hint-box{background:#171d17;border:1px dashed var(--line);border-radius:14px;padding:12px;font-size:12px;color:var(--muted)}.pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-shell{min-height:100vh}.staff-top{display:flex;align-items:center;gap:14px;padding:18px 22px 8px}.live-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 22px 16px}.live-card{border-radius:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.1)}.live-card span{font-size:12px;opacity:.75;font-weight:500}.live-card b{display:block;font-family:var(--display);font-size:28px;letter-spacing:-.04em;margin-top:6px}.sheet-wrap{padding:0 22px 30px}.rank-board{border-radius:28px;padding:22px;margin-bottom:16px;background:#080a0873;border:1px solid rgba(255,255,255,.08)}.rank-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.rank-head h3{font-family:var(--display);font-size:24px;letter-spacing:-.04em;margin:0}.rank-tabs{display:flex;gap:0;background:#00000059;border-radius:14px;padding:4px;margin-bottom:16px;width:fit-content}.rank-tabs button{border:0;border-radius:11px;padding:8px 14px;background:transparent;color:inherit;font-size:13px;font-weight:600;opacity:.55}.rank-tabs button.on{background:#fff;color:#111;opacity:1}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:stretch;margin-bottom:18px}.podium-card{border-radius:22px;padding:18px 14px 16px;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);min-height:148px;display:flex;flex-direction:column}.podium-card.first{background:linear-gradient(180deg,#ffe27a,#e8b42a);color:#3a2a00;border:0;box-shadow:0 10px 28px #e8b42a47}.podium-card.second{background:linear-gradient(180deg,#e8eef4,#b7c2cf);color:#1c242c;border:0}.podium-card.third{background:linear-gradient(180deg,#f0c39a,#c47a42);color:#2a1608;border:0}.podium-card.me-glow{outline:3px solid var(--me-color, #fff);outline-offset:2px}.podium-card .place{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.podium-card .who{font-family:var(--display);font-size:18px;margin:10px 0 4px;letter-spacing:-.03em}.podium-card .score{font-family:var(--display);font-size:36px;letter-spacing:-.05em;line-height:1;margin-top:auto}.medal{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:12px;flex-shrink:0}.medal.gold{background:linear-gradient(180deg,#ffe27a,#d4a017);color:#3a2a00;box-shadow:0 0 0 3px #d4a01759}.medal.silver{background:linear-gradient(180deg,#f4f7fb,#9eacbb);color:#24303a}.medal.bronze{background:linear-gradient(180deg,#f0c39a,#b86a32);color:#2a1608}.medal.plain{background:#ffffff1a;color:inherit}.rank-row{display:grid;grid-template-columns:52px 44px minmax(0,1fr) 72px;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.rank-row.me{background:color-mix(in srgb,var(--me-color) 22%,transparent);border-color:var(--me-color);box-shadow:0 0 0 1px var(--me-color)}.rank-row.gold{background:#e8b42a29;border-color:#e8b42a73}.rank-row .pos{font-family:var(--display);font-weight:800;font-size:16px}.race{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:8px}.race>span{display:block;height:100%;border-radius:99px}.gap-txt{font-size:12px;opacity:.6;margin-top:2px}.shift-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px}.shift-stat{flex:1;min-width:90px;border-radius:14px;padding:10px 12px;background:#00000040;font-size:12px}.shift-stat b{display:block;font-family:var(--display);font-size:20px;margin-top:2px}.col-add{display:flex;gap:8px;align-items:center}.x-btn{width:28px;height:28px;border-radius:8px;border:0;background:#ff5d6c2e;color:#ff8a96;font-size:16px;font-weight:700;line-height:1}.x-btn:hover{background:#ff5d6c;color:#fff}.lock-cell{opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;padding:20px}.modal{width:min(720px,100%);background:#121612;border:1px solid var(--line);border-radius:24px;padding:22px;max-height:92vh;overflow:auto}.modal.wide{width:min(1100px,96vw)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1 / -1}label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px;font-weight:500}.lead-list{display:grid;gap:10px}.lead{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;background:var(--card);border-radius:16px;padding:10px 12px;border:1px solid var(--line)}.preview-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line)}.sheet-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;padding:10px;background:#ffffff0a;border:1px solid var(--line);border-radius:14px}.sheet-filters .select,.sheet-filters .input{width:auto;min-width:130px;background:#1b201b;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:inherit;font-size:12px}.filter-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.pct-calc{display:flex;align-items:center;gap:8px;margin:0;background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:6px 10px;color:var(--muted)}.pct-calc input{width:70px;background:#1b201b;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:inherit;font-size:12px}.tint-select{border-radius:10px!important;padding:6px 8px!important;border:1px solid transparent!important;font-weight:600}.tint-select option{color:#111;background:#fff}.tint-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.report-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.report-card h4{font-family:var(--display);font-size:15px;margin-bottom:12px}.report-row{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto;gap:10px;align-items:center;margin-bottom:8px;font-size:12px}.report-row b{font-family:var(--display);font-size:15px}.report-bar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.report-bar>span{display:block;height:100%;border-radius:99px}.config-list{display:grid;gap:8px}.config-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px}.config-row input[type=color]{width:44px;height:34px;border:0;background:transparent;border-radius:8px;padding:0;cursor:pointer}.avatar-upload{display:inline-flex;cursor:pointer;position:relative}.avatar-upload:after{content:"+";position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:var(--lime);color:#14200a;font-size:12px;font-weight:800;display:grid;place-items:center}.inline-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:1px solid rgba(255,255,255,.3)}.palette-panel{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;margin-bottom:16px;max-width:460px}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-field{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;border-radius:12px;padding:8px 10px;font-size:12px;color:inherit;margin:0}.palette-swatch{position:relative;width:34px;height:26px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.palette-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0}.color-pick{position:relative;width:34px;height:34px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}.color-pick span{display:block;width:100%;height:100%}.color-pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.rail{flex-direction:row;overflow:auto}.workspace,.lead-grid,.task-grid,.live-kpis,.login-card,.form-grid,.unit-card,.report-grid{grid-template-columns:1fr}.stat-strip{flex-wrap:wrap;gap:16px}.sheet-wrap,.main{overflow:auto}}.gate-card{width:min(560px,100%)}@media(max-width:720px){body{font-size:15px}.app-shell{display:block;min-height:100vh}.rail{position:fixed;left:0;right:0;bottom:0;z-index:30;flex-direction:row;justify-content:center;gap:4px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#0a0c0aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);border-right:0;overflow-x:auto}.rail-btn{width:46px;height:46px;border-radius:14px}.rail-btn.active{background:#b6ff4a29}.rail-btn:has(+.rail-spacer){margin-left:auto}.rail .logo{width:34px;height:34px;font-size:14px}.rail-spacer,.rail .avatar{display:none}.main{padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px))}.topbar{flex-wrap:wrap;gap:10px;margin-bottom:12px}.brand{font-size:24px}.schedule-pill{display:none}.top-actions{margin-left:0;width:100%;flex-wrap:wrap}.btn{padding:13px 16px;border-radius:14px}.btn.small{padding:11px 14px;font-size:14px}.input,.select,.textarea{min-height:46px;font-size:16px}.sheet-filters .select,.sheet-filters .input,.pct-calc input{min-height:42px;font-size:15px}.workspace,.lead-grid,.task-grid,.report-grid{gap:10px}.lead-grid{grid-template-columns:1fr!important}.live-kpis{grid-template-columns:1fr 1fr!important;gap:8px;padding:8px 12px 12px}.live-card{padding:12px 14px;border-radius:18px}.live-card b{font-size:22px}.sheet-wrap{padding:0 12px calc(24px + env(safe-area-inset-bottom,0px))}.staff-top{flex-wrap:wrap;padding:14px 12px 6px;gap:10px}.staff-top .brand{font-size:21px}.staff-top .top-actions{width:100%}.staff-top .top-actions .btn{flex:1 1 auto}.seg{width:100%}.seg button{flex:1;padding:11px 8px;font-size:14px}.shift-chips{gap:6px}.shift-stat{min-width:calc(50% - 6px)}.rank-board{padding:16px 12px;border-radius:20px}.rank-head h3{font-size:20px}.rank-tabs{width:100%;overflow-x:auto}.rank-tabs button{flex:1;white-space:nowrap;padding:10px}.podium{gap:6px}.podium-card{padding:12px 8px 10px;min-height:118px}.podium-card .score{font-size:26px}.podium-card .who{font-size:14px}.rank-row{grid-template-columns:40px 40px minmax(0,1fr) 58px;gap:8px;padding:12px 10px}.rank-row b{font-size:14px}.sheet-filters .select,.sheet-filters .input{flex:1 1 44%;min-width:0}.filter-summary{gap:8px}.pct-calc{width:100%;justify-content:space-between}.sheet th,.sheet td{padding:10px 8px;font-size:13px}.sheet input,.sheet select{font-size:15px}.modal-back{place-items:end center;padding:0}.modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0;border-bottom:0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px))}.modal.wide{width:100%}.form-grid{grid-template-columns:1fr!important}.config-row{grid-template-columns:38px 1fr 38px}.config-row .tint-chip{display:none}.unit-card{grid-template-columns:1fr!important}.sheet-filters{padding:8px}.login{padding:14px}.login-hero{padding:24px}.login-hero h1{font-size:30px}.login-form{padding:22px 20px 28px}.pin-grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.live-kpis{grid-template-columns:1fr!important}.podium-card .who{font-size:12px}.rank-tabs button{padding:10px 6px;font-size:12px}}@media(prefers-reduced-motion:no-preference){.modal{animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}}