.otafarms-app{--nav:#22324d;--green:#05a357;--teal:#17b8aa;--gold:#ffc107;--muted:#64748b;--line:#dbe4ef;--bg:#f3f6fb;--danger:#dc3545;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex;min-height:100vh;background:var(--bg);color:#172033}.otafarms-app *{box-sizing:border-box}.otafarms-sidebar{position:sticky;top:0;width:260px;min-height:100vh;background:var(--nav);color:#fff;box-shadow:0 8px 24px rgba(15,23,42,.18);z-index:5}.otafarms-brand{display:flex;align-items:center;gap:.7rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.13)}.otafarms-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green);font-size:1.4rem}.otafarms-menu-toggle{margin-left:auto;background:var(--gold);border:0;border-radius:9px;padding:.45rem .65rem;cursor:pointer}.otafarms-sidebar nav{display:grid;padding:.75rem}.otafarms-sidebar a{color:#eaf2ff;text-decoration:none;padding:.85rem 1rem;border-radius:12px;font-weight:700}.otafarms-sidebar a:hover,.otafarms-sidebar a.is-active{background:rgba(255,255,255,.12);color:#fff}.sidebar-collapsed .otafarms-sidebar{width:88px}.sidebar-collapsed .otafarms-sidebar strong,.sidebar-collapsed .otafarms-sidebar a{font-size:0}.sidebar-collapsed .otafarms-sidebar a::first-letter{font-size:1.2rem}.otafarms-main{width:100%;padding:1.2rem 1.4rem 3rem}.otafarms-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 4px 18px rgba(15,23,42,.06)}.otafarms-company-card{display:flex;align-items:center;gap:1rem}.otafarms-company-card h1{margin:0;color:var(--nav);font-size:1.4rem}.otafarms-company-card p{margin:.15rem 0;color:var(--muted)}.otafarms-company-card img,.otafarms-logo-placeholder{width:72px;height:72px;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:900}.otafarms-actions{display:flex;gap:.75rem;flex-wrap:wrap}.otafarms-actions button,.otafarms-record-form button,.otafarms-filters button,.otafarms-print{border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:800;padding:.75rem 1rem;cursor:pointer}.otafarms-actions button:first-child{background:var(--nav)}.otafarms-panel{margin-top:1rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 4px 18px rgba(15,23,42,.05);scroll-margin-top:1rem}.otafarms-section-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1rem}.otafarms-section-title h2,.otafarms-panel h2{margin:.1rem 0;color:var(--nav)}.otafarms-section-title p{color:var(--muted);margin:.25rem 0}.otafarms-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.otafarms-filters select,.otafarms-filters input,.otafarms-record-form input,.otafarms-record-form select,.otafarms-record-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.7rem;background:#fff}.otafarms-filters select,.otafarms-filters input{width:auto}.otafarms-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0}.otafarms-kpi-grid article{padding:1rem;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--nav),#31527f);min-height:112px}.otafarms-kpi-grid article:nth-child(2){background:linear-gradient(135deg,#ff7b00,#ffb703)}.otafarms-kpi-grid article:nth-child(3){background:linear-gradient(135deg,var(--green),var(--teal))}.otafarms-kpi-grid article:nth-child(4){background:linear-gradient(135deg,#5f3dc4,#4361ee)}.otafarms-kpi-grid span{display:block;opacity:.86}.otafarms-kpi-grid strong{display:block;margin-top:.7rem;font-size:1.45rem}.otafarms-dashboard-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.otafarms-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:1rem;min-height:190px}.otafarms-card:nth-child(1),.otafarms-card:nth-child(2){grid-column:span 2}.otafarms-card:nth-child(3),.otafarms-card:nth-child(4),.otafarms-card:nth-child(5){grid-column:span 2}.otafarms-card h3,.otafarms-record-form h3{margin:.1rem 0 1rem;color:var(--nav)}.otafarms-card canvas{width:100%!important;height:240px!important}.otafarms-metrics{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin:0}.otafarms-metrics dt{color:var(--muted);font-weight:700}.otafarms-metrics dd{margin:0;font-weight:900;color:var(--nav)}.otafarms-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.otafarms-tabs button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:.6rem 1rem;font-weight:800}.otafarms-tabs .is-active{background:var(--teal);color:#fff}.otafarms-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.otafarms-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.otafarms-record-form{display:grid;gap:.75rem;align-content:start;border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fbfdff}.otafarms-record-form label{display:grid;gap:.35rem;font-weight:800;color:#334155}.otafarms-record-form textarea{min-height:80px;resize:vertical}.otafarms-record-form .danger{background:var(--danger)}.otafarms-table-wrap{overflow:auto}.otafarms-table-wrap table{border-collapse:collapse;width:100%;font-size:.92rem}.otafarms-table-wrap th,.otafarms-table-wrap td{border-bottom:1px solid var(--line);text-align:left;padding:.65rem}.otafarms-table-wrap th{background:#f8fafc;color:var(--nav)}.otafarms-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.otafarms-settings-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.otafarms-settings-form h3{grid-column:1/-1}.otafarms-toast{display:none;position:fixed;right:1rem;bottom:1rem;background:var(--green);color:#fff;padding:1rem 1.2rem;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.22);font-weight:800;z-index:999999}.otafarms-toast.error{background:var(--danger)}.otafarms-login-required{max-width:520px;margin:3rem auto;padding:2rem;border:1px solid var(--line);border-radius:18px;background:#fff}.otafarms-login-required input{width:100%}@media(max-width:1200px){.otafarms-kpi-grid,.otafarms-form-grid,.otafarms-form-grid.two,.otafarms-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otafarms-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otafarms-card{grid-column:span 1!important}.otafarms-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.otafarms-app{display:block}.otafarms-sidebar{position:relative;width:100%;min-height:auto}.otafarms-sidebar nav{grid-template-columns:repeat(2,1fr)}.otafarms-topbar,.otafarms-section-title{display:block}.otafarms-kpi-grid,.otafarms-form-grid,.otafarms-form-grid.two,.otafarms-report-grid,.otafarms-dashboard-grid,.otafarms-settings-form{grid-template-columns:1fr}.otafarms-filters select,.otafarms-filters input{width:100%}}@media print{.otafarms-sidebar,.otafarms-actions,.otafarms-filters,.otafarms-record-form,.otafarms-tabs,.otafarms-print{display:none!important}.otafarms-app{display:block;background:#fff}.otafarms-main{padding:0}.otafarms-panel{box-shadow:none;border:0;break-inside:avoid}.otafarms-card{break-inside:avoid}}
