:root{--brand-navy: #102a54;--brand-gold: #d69a2e}:root{--green:#102a54;--green-2:#1d3f73;--green-3:#e9eef6;--green-dark:#0a1c3a;--bg:#f4f6f9;--panel:#ffffff;--line:#d9e0ea;--text:#0f2240;--muted:#55637a;--gold:#d69a2e;--gold-dark:#b07a1c;--red:#a24437;--radius:16px;--nav-h:68px;--top-h:60px;--shadow:0 10px 30px rgba(10,28,58,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--green-2),var(--green-dark));display:grid;place-items:center;box-shadow:0 6px 16px #0a1c3a40;flex-shrink:0}.brand-mark svg{width:26px;height:26px}.brand-name{font-weight:800;font-size:1.25rem;letter-spacing:-.01em;line-height:1}.brand-name b{color:var(--gold);font-weight:800}.brand-sub{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:4px;font-weight:600}.logo-login{height:76px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}.logo-side{height:52px;width:auto;display:block}.logo-drawer{height:40px;width:auto;display:block}@media(max-width:860px){.logo-login{height:46px}}.auth{min-height:100vh;display:grid;grid-template-columns:1.25fr 1fr}.auth-photo{position:relative;background:url(/brand/login-desktop.jpg) center 30%/cover no-repeat;color:#fff;padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08162e8c,#08162e26 35%,#08162ecc)}.auth-photo>*{position:relative}.auth-photo h1{font-size:2.5rem;line-height:1.08;font-weight:800;letter-spacing:-.02em;max-width:520px}.auth-photo h1 em{font-style:normal;color:var(--gold)}.auth-photo p.lead{margin-top:14px;font-size:1.05rem;max-width:480px;opacity:.92;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chip{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 14px;border-radius:99px;font-size:.84rem;font-weight:600}.chip svg.i{width:17px;height:17px;color:var(--gold)}.auth-side{background:var(--panel);display:flex;flex-direction:column;justify-content:center;padding:48px clamp(28px,6vw,80px)}.auth-card{width:100%;max-width:400px;margin:0 auto}.auth-card h2{font-size:1.65rem;font-weight:800;letter-spacing:-.01em}.auth-card .sub{color:var(--muted);font-size:.93rem;margin:6px 0 26px;line-height:1.5}.field{margin-bottom:16px}.field label{display:block;font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:7px}.input{position:relative}.input svg.lead-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--muted)}.input input{width:100%;height:52px;border:1.5px solid var(--line);border-radius:12px;background:#fbfcfe;padding:0 48px 0 44px;font-size:1rem;color:var(--text);font-family:inherit;transition:border-color .2s,box-shadow .2s}.input input:focus{outline:none;border-color:var(--green-2);box-shadow:0 0 0 4px #1d3f731f;background:#fff}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:none;color:var(--muted);border-radius:10px;display:grid;place-items:center}.eye:hover{background:var(--green-3);color:var(--green)}.row-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 22px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted)}.check input{width:17px;height:17px;accent-color:var(--green)}.link{background:none;border:none;color:var(--green);font-weight:700;font-size:.88rem;padding:4px 0}.link:hover{text-decoration:underline}.btn{width:100%;height:54px;border:none;border-radius:12px;background:var(--green);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 20px #102a5447;transition:background .2s,transform .1s}.btn:hover{background:var(--green-2)}.btn:active{transform:scale(.99)}.btn.ghost{background:transparent;color:var(--green);border:1.5px solid var(--line);box-shadow:none}.btn.ghost:hover{background:var(--green-3)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.msg{display:none;border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.45;margin-bottom:16px}.msg.show{display:block}.msg.err{background:#f8e7e4;color:var(--red);border:1px solid #ecc7c0}.msg.ok{background:var(--green-3);color:var(--green);border:1px solid var(--line)}.legal{margin-top:30px;font-size:.75rem;color:var(--muted);text-align:center;line-height:1.6}.legal button{background:none;border:none;color:var(--muted);text-decoration:underline;font-size:.75rem}.back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--green);font-weight:700;font-size:.9rem;margin-bottom:22px;padding:4px 0}@media(max-width:860px){.auth{display:flex;flex-direction:column;min-height:100svh;background:var(--panel)}.auth-photo{background:url(/brand/login-mobile.jpg) center 46%/cover no-repeat;padding:calc(20px + env(safe-area-inset-top)) 22px 46px;min-height:46svh}.auth-photo:before{background:linear-gradient(180deg,#08162e8c,#08162e0d 38%,#08162ecc)}.auth-photo h1{font-size:1.6rem}.auth-photo p.lead,.auth-photo .chips{display:none}.auth-side{flex:1;padding:0;margin-top:-26px;position:relative;justify-content:flex-start;background:transparent}.auth-card{max-width:none;flex:1;background:var(--panel);border-radius:26px 26px 0 0;padding:28px 22px calc(26px + env(safe-area-inset-bottom))}.auth-card h2{font-size:1.4rem}.auth-card .sub{margin-bottom:20px}}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,var(--green),var(--green-dark));color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:40}.sidebar .brand{padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}.sidebar .brand-mark{background:#ffffff1f;box-shadow:none}.farm-switch{display:flex;align-items:center;gap:10px;width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:10px 12px;margin-bottom:16px;text-align:left}.farm-switch small{display:block;font-size:.68rem;opacity:.7;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.farm-switch strong{font-size:.9rem}.side-group{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-weight:700;padding:12px 10px 6px}.side-item{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;color:#ffffffd9;padding:11px 12px;border-radius:11px;font-size:.92rem;font-weight:600;text-align:left}.side-item:hover{background:#ffffff14;color:#fff}.side-item.active{background:#fff;color:var(--green)}.side-item.active svg.i{color:var(--gold-dark)}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.topbar{position:sticky;top:0;z-index:30;height:var(--top-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;background:#f4f6f9eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .t{font-weight:800;font-size:1.1rem}.topbar .t small{display:block;font-size:.72rem;color:var(--muted);font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center;position:relative}.icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid #fff}.avatar{width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--green-dark);font-weight:800;display:grid;place-items:center;font-size:.9rem;border:none}.main{margin-left:264px}.content{padding:26px 32px 32px;min-height:calc(100vh - var(--top-h));display:flex;flex-direction:column}.hello{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-radius:20px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:var(--shadow)}.hello h2{font-size:1.35rem;font-weight:800}.hello p{opacity:.88;font-size:.92rem;margin-top:4px}.voice-cta{display:flex;align-items:center;gap:10px;background:var(--gold);color:var(--green-dark);border:none;border-radius:99px;padding:12px 18px;font-weight:800;font-size:.92rem;white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.kpi small{color:var(--muted);font-weight:700;font-size:.78rem}.kpi strong{display:block;font-size:1.7rem;font-weight:800;margin:6px 0 2px;letter-spacing:-.01em}.kpi span{font-size:.78rem;color:var(--muted)}.kpi.warn strong{color:var(--red)}.sec-title{font-size:1rem;font-weight:800;margin:26px 0 12px}.list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line)}.li:first-child{border-top:none}.li .ic-wrap{width:40px;height:40px;border-radius:12px;background:var(--green-3);color:var(--green);display:grid;place-items:center}.li .ic-wrap.alert{background:#f8e7e4;color:var(--red)}.li b{font-size:.92rem;display:block}.li small{color:var(--muted);font-size:.8rem}.li .when{margin-left:auto;font-size:.75rem;color:var(--muted);white-space:nowrap}.grid-main{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px;flex:1}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.card-head h3{font-size:1rem;font-weight:800}.card-head small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}.seg{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px}.seg button{white-space:nowrap;border:none;background:none;font-size:.78rem;font-weight:700;color:var(--muted);padding:6px 12px;border-radius:99px}.seg button.on{background:var(--green);color:#fff}.chart{flex:1;min-height:220px;padding:24px 4px 0;border-bottom:1px solid var(--line);display:flex}.plot{position:relative;flex:1;display:flex;align-items:flex-end;gap:10px}.chart .avg{position:absolute;left:0;right:0;border-top:1.5px dashed var(--gold);pointer-events:none;z-index:1}.chart .avg span{position:absolute;right:0;top:-20px;font-size:.72rem;font-weight:700;color:var(--gold-dark);background:var(--panel);padding:0 4px}.bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.bar i{display:block;width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--green-2),var(--green))}.bar.today i{background:linear-gradient(180deg,#e6b456,var(--gold))}.bar b{position:absolute;left:0;right:0;text-align:center;font-size:.72rem;font-weight:700;color:var(--text);bottom:calc(var(--h) + 5px)}.days{display:flex;gap:10px;padding:8px 4px 0}.days span{flex:1;text-align:center;font-size:.72rem;color:var(--muted);font-weight:600}.chart-foot{display:flex;gap:26px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.chart-foot div{font-size:.78rem;color:var(--muted)}.chart-foot strong{display:block;font-size:1.05rem;color:var(--text)}.agenda{display:flex;flex-direction:column;gap:10px}.ag{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.ag .d{width:46px;flex-shrink:0;text-align:center;border-radius:10px;background:var(--panel);border:1px solid var(--line);padding:5px 0}.ag .d strong{display:block;font-size:1.05rem;line-height:1.1}.ag .d small{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.ag b{font-size:.88rem;display:block}.ag p{font-size:.78rem;color:var(--muted);margin-top:2px}.tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:99px;margin-top:6px}.tag.red{background:#f8e7e4;color:var(--red)}.tag.gold{background:#fbf0dc;color:var(--gold-dark)}.tag.blue{background:var(--green-3);color:var(--green)}.see-all{margin-top:auto;padding-top:12px;background:none;border:none;color:var(--green);font-weight:700;font-size:.84rem;text-align:left}.grid-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px;align-items:start}.money .row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:.86rem}.money .card-head+.row{border-top:none}.money .row span{color:var(--muted)}.money .row strong{font-size:.95rem}.money .row.total strong{color:var(--green);font-size:1.15rem}.money .note{font-size:.74rem;color:var(--muted);margin-top:8px;line-height:1.45}.demo-note{margin-top:22px;font-size:.78rem;color:var(--muted);text-align:center}.bottom-nav{display:none}.drawer-back{position:fixed;inset:0;background:#08162e80;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-back.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,330px);background:var(--panel);z-index:61;transform:translate(-102%);transition:transform .28s ease;display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}.drawer.open{transform:none}.drawer .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer .brand-name{color:var(--text)}.drawer .farm-switch{background:var(--green-3);border-color:var(--line);color:var(--text)}.drawer .side-group{color:var(--muted);opacity:1}.drawer .side-item{color:var(--text)}.drawer .side-item:hover{background:var(--green-3)}.drawer .side-item.active{background:var(--green);color:#fff}.drawer .side-item.active svg.i{color:var(--gold)}.drawer .scroll{overflow-y:auto;flex:1}@media(max-width:860px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:env(safe-area-inset-top) 14px 0;height:calc(var(--top-h) + env(safe-area-inset-top));background:var(--green);color:#fff;border-bottom:none}.topbar .t small{color:#ffffffbf}.topbar .icon-btn{background:#ffffff1f;border-color:#ffffff2e;color:#fff}.topbar .icon-btn .dot{border-color:var(--green)}.avatar{display:none}.content{padding:16px 14px calc(var(--nav-h) + 30px + env(safe-area-inset-bottom))}.hello{flex-direction:column;align-items:flex-start;padding:18px}.hello h2{font-size:1.15rem}.voice-cta{display:none}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:13px 14px}.kpi strong{font-size:1.35rem}.li .when{display:none}.content{min-height:0}.grid-main,.grid-bottom{grid-template-columns:1fr}.chart{min-height:170px;gap:5px}.days{gap:5px}.days span{font-size:.6rem}.bar b{font-size:.58rem}.seg button{padding:5px 9px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px 10px env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -6px 20px #0a1c3a14;justify-content:space-around;align-items:center}.nav-item{border:none;background:none;color:var(--muted);height:46px;min-width:46px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:.82rem;font-weight:700;transition:background .2s,color .2s}.nav-item span{display:none}.nav-item.active{background:var(--green-3);color:var(--green)}.nav-item.active span{display:inline}.nav-voice{width:56px;height:56px;border-radius:50%;border:4px solid var(--panel);background:var(--gold);color:var(--green-dark);display:grid;place-items:center;margin-top:-26px;box-shadow:0 8px 18px #b07a1c73}.nav-voice svg.i{width:26px;height:26px}}a.btn,a.link,a.back,a.side-item,a.nav-item,a.nav-voice{text-decoration:none}.btn:disabled{opacity:.7;cursor:wait}.farm-switch select:focus{outline:none}
