:root{--green:#1b7a4b;--green-dark:#14613b;--green-deep:#0e3d26;--green-tint:#e8f4ee;--amber:#c9821f;--amber-tint:#fbefd9;--red:#c8443b;--red-tint:#fbe7e5;--blue:#2d6cb4;--blue-tint:#e5eff9;--ink:#1b2a22;--muted:#5e6f66;--faint:#93a39a;--border:#e3ece7;--bg:#f4f7f5;--surface:#fff;--shadow:0 1px 2px #10281c0a, 0 6px 20px #10281c0f;--sans:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);margin:0}h1,h2,h3{color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{min-height:100vh;display:flex}.sidebar{background:var(--green-deep);color:#d6e8dd;flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.brand .mark{background:var(--green);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand .name{color:#fff;font-size:16px;font-weight:800;line-height:1.1}.brand .name small{color:#8fc3a6;letter-spacing:.6px;font-size:11px;font-weight:600;display:block}.nav{flex-direction:column;gap:3px;padding:8px 12px;display:flex}.nav a{color:#bcd7c8;border-radius:10px;align-items:center;gap:12px;padding:10px 13px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{background:var(--green);color:#fff}.nav a svg{opacity:.95}.side-foot{border-top:1px solid #ffffff14;margin-top:auto;padding:16px}.side-foot .who{color:#9ec4ae;word-break:break-all;margin-bottom:10px;font-size:12.5px}.side-foot .who b{color:#fff;font-size:13px;font-weight:700;display:block}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{font-size:18px}.content{width:100%;max-width:1120px;padding:26px 28px 60px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px 18px}.kpi .label{color:var(--muted);font-size:12.5px;font-weight:600}.kpi .value{color:var(--ink);margin-top:4px;font-size:26px;font-weight:800}.kpi .value.green{color:var(--green)}.kpi .value.amber{color:var(--amber)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-head h2{font-size:16px}.card-sub{color:var(--muted);margin-top:2px;font-size:13px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#f7faf8;padding:12px 20px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 20px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafdfb}.table .name{color:var(--ink);font-weight:700}.mono{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.rating{color:var(--amber);font-weight:700}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.green{background:var(--green-tint);color:var(--green-dark)}.badge.amber{background:var(--amber-tint);color:var(--amber)}.badge.red{background:var(--red-tint);color:var(--red)}.badge.blue{background:var(--blue-tint);color:var(--blue)}.badge.gray{color:var(--muted);background:#eef2f0}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;transition:filter .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:#f3f7f4}.btn-success{background:var(--green-tint);color:var(--green-dark)}.btn-success:hover{filter:brightness(.97)}.btn-danger{background:var(--red-tint);color:var(--red)}.btn-danger:hover{filter:brightness(.98)}.btn-sm{border-radius:9px;padding:6px 11px;font-size:12.5px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input,.date{border:1px solid var(--border);color:var(--ink);background:var(--surface);border-radius:10px;padding:9px 12px;font-size:14px}.input:focus,.date:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint);outline:none}.toast{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.toast.ok{background:var(--green-tint);color:var(--green-dark)}.toast.err{background:var(--red-tint);color:var(--red)}.empty{text-align:center;color:var(--muted);padding:46px 20px}.empty .ei{background:var(--green-tint);width:54px;height:54px;color:var(--green);border-radius:16px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.empty h3{margin-bottom:4px;font-size:15px}.empty p{margin:0;font-size:13.5px}.login-wrap{background:radial-gradient(1200px 500px at 50% -10%, #1b7a4b22, transparent), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:20px;padding:30px 28px}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.login-brand .mark{background:var(--green);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.login-brand h1{font-size:20px}.login-brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field .input{width:100%}.remember{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:4px 0 18px;font-size:13.5px;display:flex}.remember input{width:16px;height:16px;accent-color:var(--green)}.login-card .btn-primary{justify-content:center;width:100%;padding:11px;font-size:15px}.login-hint{text-align:center;color:var(--faint);margin-top:14px;font-size:12px}.center-screen{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}