:root{--mako-black:#1a1a1a;--mako-charcoal:#2b2b2b;--mako-blue:#29abe2;--mako-blue-dark:#1c86b3;--mako-gray:#f4f5f6;--mako-border:#dde1e4;--mako-red:#c1443c;--mako-green:#3a9d5c;--mako-amber:#d99a2b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--mako-gray);color:var(--mako-black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{justify-content:space-between;background:var(--mako-black);color:#fff;padding:14px 20px}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{gap:10px;font-weight:800;letter-spacing:.02em;font-size:1.05rem}.topbar .brand .accent{color:var(--mako-blue)}.topbar .logo{height:44px;width:auto;display:block}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:8px 14px;border-radius:8px;font-size:.92rem;font-weight:600;color:#d8d8d8}.topbar nav a.active,.topbar nav a:hover{background:hsla(0,0%,100%,.08);color:#fff}main{max-width:1000px;margin:0 auto;padding:28px 20px 60px}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0 0 12px}.subtle{color:#6b7280;font-size:.92rem;margin:0 0 24px}.card{background:#fff;border:1px solid var(--mako-border);border-radius:14px;padding:20px;margin-bottom:20px}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.code-btn{border:2px solid var(--mako-border);background:#fff;border-radius:12px;padding:14px 10px;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.code-btn.selected,.code-btn:hover{border-color:var(--mako-blue)}.code-btn.selected{background:rgba(41,171,226,.08)}.code-btn .code{font-weight:800;font-size:1.05rem}.code-btn .name{font-size:.8rem;color:#6b7280;margin-top:2px}label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:6px}input[type=number],input[type=password],input[type=text],select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--mako-border);font-size:1rem;font-family:inherit;background:#fff}input[type=file]{width:100%;padding:10px 0;font-size:.92rem}.field{margin-bottom:16px}.field-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.btn-primary{background:var(--mako-blue);color:#fff;border:none;border-radius:10px;padding:13px 22px;font-size:1rem;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--mako-blue-dark)}.btn-primary:disabled{background:#b9c2c8;cursor:not-allowed}.msg-error{background:#fdecea;color:var(--mako-red);border:1px solid #f3c6c2;border-radius:10px}.msg-error,.msg-success{padding:10px 14px;font-size:.9rem;margin-bottom:16px}.msg-success{background:#eaf7ee;color:var(--mako-green);border:1px solid #c5e8d1;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:.88rem}td,th{padding:8px 10px;text-align:right;border-bottom:1px solid var(--mako-border)}td:first-child,th:first-child{text-align:left}thead th{color:#6b7280;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}tr.total-row td{font-weight:700;border-top:2px solid var(--mako-black)}td.variance-nonzero{color:var(--mako-red);font-weight:700}.report-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid var(--mako-black);padding-bottom:16px;margin-bottom:20px}.report-header .title{font-size:1.3rem;font-weight:800;margin:0 0 4px}.report-header .meta{font-size:.9rem;color:#6b7280}.report-header .meta strong{color:var(--mako-black)}.date-picker-row{display:flex;align-items:flex-end;gap:12px}.date-picker-row .field{margin-bottom:0;flex:1 1;max-width:220px}.history-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.history-list button{text-align:left;background:#fff;border:1px solid var(--mako-border);border-radius:10px;padding:10px 14px;cursor:pointer;font-family:inherit;font-size:.9rem}.history-list button:hover{border-color:var(--mako-blue)}.history-list button.selected{border-color:var(--mako-blue);background:rgba(41,171,226,.08)}@media print{.btn-primary,.no-print,.topbar{display:none!important}main{max-width:100%;padding:0}.card{border:none;box-shadow:none;padding:0;margin-bottom:24px}body{background:#fff}}@media (max-width:640px){.topbar{flex-wrap:wrap;padding:12px 14px;gap:8px}.topbar .logo{height:32px}.topbar nav{flex-wrap:wrap;gap:4px;width:100%}.topbar nav a{padding:7px 10px;font-size:.82rem}main{padding:16px 12px 40px}.card{padding:14px;border-radius:12px}h1{font-size:1.25rem}h2{font-size:1rem}.code-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.code-btn{padding:12px 8px}.field-row{grid-template-columns:repeat(2,1fr);gap:10px}.date-picker-row{flex-wrap:wrap}.date-picker-row .field{max-width:none;width:100%}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}td,th{padding:8px 6px;font-size:.82rem}.report-header{flex-direction:column;gap:8px}}