:root{--bg:#eef4f0;--ink:#0f172a;--green:#166534;--border:#dbe5df}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#071b12;color:white;box-shadow:0 8px 22px #0002}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain;background:white;border-radius:16px;padding:6px}.brand span{display:grid;place-items:center;width:58px;height:58px;background:#1f7a4d;border-radius:16px;font-weight:900}.brand strong{font-size:1.25rem}.topbar nav{display:flex;gap:8px}.topbar nav a{color:white;text-decoration:none;background:#ffffff1a;border:1px solid #ffffff20;padding:10px 12px;border-radius:12px;font-weight:700}.container{width:min(1200px,calc(100% - 28px));margin:18px auto 70px}.alerts div{background:#dcfce7;border:1px solid #86efac;padding:12px;border-radius:14px;margin-bottom:10px}.hero,.panel,.login-card,.filters,.card{background:white;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 28px #0f172a10}.hero{display:flex;align-items:center;justify-content:space-between;padding:20px;margin-bottom:14px}.hero h1{margin:0}.hero p{margin:4px 0 0;color:#64748b}.total{font-size:2.4rem;color:var(--green)}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;margin-bottom:14px}.filters label,.form label{font-weight:800;color:#334155}.filters input,.filters select,.form input{width:100%;margin-top:5px;padding:11px;border:1px solid var(--border);border-radius:12px}.filters button,.form button{border:0;border-radius:14px;background:#1f7a4d;color:white;font-weight:900;padding:12px;align-self:end;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}.card{padding:16px}.card span{font-weight:900;color:#64748b}.card strong{display:block;font-size:1.8rem;margin-top:7px}.card small{color:#64748b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:16px;margin-bottom:14px}.panel h2,.panel h1{margin-top:0}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}th{font-size:.78rem;text-transform:uppercase;color:#64748b}.num{text-align:right;font-weight:800}.login-card{width:min(420px,calc(100% - 28px));margin:70px auto;padding:24px}.login-logo{display:block;width:120px;max-height:120px;object-fit:contain;margin:0 auto 16px;background:white;border-radius:20px}.form{display:grid;gap:10px}.narrow{max-width:640px;margin-left:auto;margin-right:auto}.preview{width:150px;max-height:100px;object-fit:contain;background:white;border:1px solid var(--border);border-radius:16px;padding:8px}.check{display:flex;gap:8px;align-items:center;font-weight:700}footer{position:fixed;left:0;right:0;bottom:0;text-align:center;background:#071b12;color:white;font-weight:900;letter-spacing:.8px;padding:13px}@media(max-width:760px){.topbar,.hero{display:grid;gap:12px}.filters,.grid2{grid-template-columns:1fr}.total{font-size:1.8rem}.topbar nav{flex-wrap:wrap}}