:root{--ink:#1e2922;--muted:#6c786e;--paper:#fffefa;--line:#e6ece4;--green:#176b45;--green-soft:#e7f3e9;--bg:#f4f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:70px;background:#153f2d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1380px)/2));box-shadow:0 2px 14px #172d2122}.brand{display:flex;align-items:center;gap:10px}.brand>span{font-size:1.8rem}.brand b{display:block;letter-spacing:.13em;font-size:.83rem}.brand small{opacity:.7}.connection{font-size:.82rem;border-radius:20px;padding:6px 11px;background:#ffffff1e}.connection.ready{color:#d5f4d5}.connection.error{background:#8d2c2c;color:#fff}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1380px;margin:auto;min-height:calc(100vh - 70px)}.sidebar{padding:30px 18px;border-right:1px solid var(--line)}.section-label{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#76857a;margin:0 0 6px}.nav{width:100%;border:0;background:transparent;color:#516056;border-radius:8px;text-align:left;padding:11px 13px;margin:2px 0;font:650 .95rem inherit;cursor:pointer}.nav:hover{background:#eaf0ea}.nav.active{background:var(--green);color:#fff}.sidebar-note{font-size:.8rem;color:var(--muted);margin:30px 8px;line-height:1.55}.content{padding:34px;max-width:1150px;width:100%}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:23px}.page-heading h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.04em;margin:0}.page-heading p:not(.section-label){color:var(--muted);margin:7px 0 0;max-width:610px}.refresh,.text-button{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;color:var(--green);font:700 .88rem inherit;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis article,.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 18px #33513c08}.kpis article{padding:17px}.kpis span,.kpis small{display:block;color:var(--muted);font-size:.82rem}.kpis strong{font-size:1.9rem;letter-spacing:-.05em;display:block;margin:5px 0}.panel{padding:21px;margin-bottom:16px}.panel h2{font-size:1.04rem;margin:0}.panel>p{color:var(--muted);font-size:.86rem;margin:3px 0 14px}.charts,.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.charts canvas{max-height:255px}.panel-title,.calendar-controls{display:flex;align-items:start;justify-content:space-between;margin-bottom:12px}.panel-title p{margin:3px 0;color:var(--muted);font-size:.83rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:500px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line)}th{font-size:.7rem;color:#78857b;text-transform:uppercase;letter-spacing:.04em}td{font-size:.9rem}.form-card label{display:block;font-weight:700;margin-bottom:14px}.form-card input,.form-card textarea{display:block;width:100%;font:inherit;color:var(--ink);border:1px solid #ccd8ce;border-radius:8px;background:#fff;padding:10px;margin-top:5px}.form-card textarea{min-height:88px;resize:vertical}.form-card small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.primary{border:0;background:var(--green);color:#fff;font:750 .95rem inherit;border-radius:8px;padding:12px 16px;cursor:pointer;width:100%}.primary:hover{background:#105c39}.guide{background:#f9fcf8}.guide p{padding:7px 0;margin:0;border-bottom:1px solid var(--line)}.guide p:last-child{border:0}.guide b{display:inline-flex;background:var(--green-soft);color:var(--green);border-radius:4px;padding:1px 6px;margin-right:6px}.muted{color:var(--muted)!important;font-size:.83rem}.size-preview{background:var(--green-soft);border-radius:8px;padding:10px 12px;color:var(--green);font-weight:650;margin:-3px 0 14px}.big-number{font-size:2.2rem;letter-spacing:-.06em;color:var(--green);display:block;margin:11px 0 3px}#toast{position:fixed;right:20px;bottom:20px;max-width:340px;color:#fff;background:#155e3b;border-radius:9px;padding:12px 16px;box-shadow:0 8px 25px #102a1b3d;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#a13c31}.calendar-layout{display:grid;grid-template-columns:minmax(500px,1.5fr) minmax(270px,.8fr);gap:16px}.calendar-controls{align-items:center}.calendar-controls h2{text-transform:capitalize}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{text-align:center;color:var(--muted);font-size:.72rem;font-weight:750;padding:6px}.calendar-day{min-height:88px;padding:8px;border:1px solid #edf1ec;background:#fff;text-align:left;cursor:pointer;position:relative;color:var(--ink)}.calendar-day:hover{background:#f1f8f2}.calendar-day.empty{background:#fafcf9;cursor:default}.calendar-day.selected{outline:2px solid var(--green);z-index:1}.calendar-day.today .day-number{background:var(--green);color:#fff}.day-number{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;font-weight:750}.calendar-marks{position:absolute;bottom:8px;left:9px;right:7px;display:flex;gap:4px}.mark{width:7px;height:7px;border-radius:50%}.mark.egg{background:#e3a126}.mark.sale{background:#23805a}.mark.order{background:#7f69c5}.day-total{font-size:.72rem;color:var(--muted);position:absolute;right:7px;top:11px}.day-panel{align-self:start;min-height:300px}.day-panel h2{margin-bottom:14px}.daily-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.daily-kpis div{background:#f4f8f3;border-radius:8px;padding:10px}.daily-kpis span{display:block;font-size:.72rem;color:var(--muted)}.daily-kpis b{font-size:1.12rem}.daily-sizes{display:flex;gap:6px;margin:10px 0 17px}.daily-sizes span{padding:4px 7px;background:#eef5ee;border-radius:5px;font-size:.8rem;font-weight:700}.daily-list{padding:0;margin:10px 0 16px;list-style:none;font-size:.86rem}.daily-list li{padding:6px 0;border-bottom:1px solid var(--line)}.order-actions{display:flex;gap:7px}.small-button{font:700 .76rem inherit;color:var(--green);border:1px solid #b7d5c1;background:#fff;border-radius:6px;padding:5px 7px;cursor:pointer}.small-button.delete{color:#ad4234;border-color:#e3c1ba}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;overflow:auto;padding:10px}.sidebar .section-label,.sidebar-note{display:none}.nav{width:auto;white-space:nowrap}.content{padding:22px}.kpis{grid-template-columns:1fr 1fr}.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:75px}}@media(max-width:620px){.topbar{padding:0 15px}.connection{max-width:145px;text-align:right}.content{padding:18px 13px}.kpis,.charts,.two-columns,.form-grid{grid-template-columns:1fr}.page-heading{margin-bottom:17px}.page-heading .refresh{display:none}.calendar-day{min-height:60px;padding:5px}.day-total{display:none}.calendar-marks{bottom:5px;left:7px}.weekdays span{font-size:.62rem}.calendar-panel{padding:12px}.day-number{width:23px;height:23px}}
