:root{--ils-green:#004b23;--ils-green-light:#e6f0ea;--ils-gold:#ffc20e;--bg:#f7f7f5;--border:#ddd;--danger:#b3261e;--text:#1a1a1a;--text-muted:#6b6b6b;-webkit-text-size-adjust:100%;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);margin:0}h1,h2,h3,h4{margin:0;font-family:Poppins,Montserrat,sans-serif;font-weight:600}button{cursor:pointer;background:var(--ils-green);color:#fff;touch-action:manipulation;border:none;border-radius:6px;min-height:44px;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem}button:disabled{opacity:.6;cursor:default}button:active:not(:disabled){opacity:.85}button.secondary{color:var(--ils-green);border:1px solid var(--ils-green);background:#fff}button.danger{background:var(--danger)}button.small{min-height:34px;padding:.4rem .8rem;font-size:.85rem}input,select,textarea{border:1px solid var(--border);touch-action:manipulation;border-radius:6px;padding:.6rem .8rem;font-family:inherit;font-size:16px}a{color:var(--ils-green)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--ils-green);color:#fff;flex-direction:column;flex-shrink:0;width:260px;padding:1.2rem 0;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff26;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:0 1.2rem 1rem;display:flex}.sidebar-brand img{object-fit:contain;background:#fff;border-radius:6px;width:34px;height:34px}.sidebar-brand div{line-height:1.25}.sidebar-brand .title{color:var(--ils-gold);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700}.sidebar-brand .subtitle{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.sidebar nav{flex-direction:column;gap:2px;padding:0 .6rem;display:flex}.sidebar nav .section-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffff8c;padding:.8rem .6rem .3rem;font-size:.7rem}.sidebar-link{color:#ffffffe6;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.9rem;text-decoration:none;display:block}.sidebar-link:hover{background:#ffffff14}.sidebar-link.active{color:var(--ils-gold);background:#ffffff26;font-weight:600}.sidebar-footer{color:#ffffffb3;border-top:1px solid #ffffff26;margin-top:auto;padding:.8rem 1.2rem 0;font-size:.8rem}.main-content{flex:1;min-width:0;max-width:1100px;padding:1.6rem 2rem}.mobile-topbar,.sidebar-scrim{display:none}.login-screen{background:var(--ils-green);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;max-width:380px;padding:2.5rem 2.5rem 2rem;box-shadow:0 12px 40px #00000040}.login-card img{width:64px;margin-bottom:1rem}.login-card h1{color:var(--ils-green);margin-bottom:.3rem;font-size:1.3rem}.login-card p{color:var(--text-muted);margin:.5rem 0 1.5rem;font-size:.9rem}.card{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:1.2rem;padding:1.2rem}.account-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.account-card{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:1rem 1.1rem;text-decoration:none;display:block}.account-card:hover{border-color:var(--ils-green)}.account-card .code{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem}.account-card .name{margin:.15rem 0 .6rem;font-family:Poppins,sans-serif;font-weight:600}.progress-bar{background:#eee;border-radius:4px;height:8px;margin:.4rem 0;overflow:hidden}.progress-bar>div{background:var(--ils-green);height:100%}.progress-bar>div.over{background:var(--danger)}.stat-row{color:var(--text-muted);justify-content:space-between;margin-top:.3rem;font-size:.85rem;display:flex}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .6rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}tr.flagged{opacity:.55}tr.po-committed{background:#fffaf0}tr.variance-warning{background:#fff9e6}tr.variance-over{background:#fdecea}tr.variance-over td{color:var(--danger);font-weight:600}.section-heading{margin-bottom:.7rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600}.alerts-card{border-left:4px solid var(--ils-gold)}.alert-list{flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.alert-item.over{color:var(--danger)}.alert-item.warning{color:#8a6d00}.unusual-amount{color:#8a6d00;cursor:help;margin-right:.25rem}.badge{background:var(--ils-green-light);color:var(--ils-green);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.pending{color:#8a6d00;background:#fdf3d7}.error-banner{color:var(--danger);background:#fdecea;border:1px solid #f5c2be;border-radius:8px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:.8rem;display:flex}.form-row label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:10px;width:100%;max-width:640px;padding:1.5rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}@media (width<=768px){.app-shell{display:block}.mobile-topbar{z-index:40;background:var(--ils-green);padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top));align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.mobile-topbar img{object-fit:contain;background:#fff;border-radius:6px;width:28px;height:28px}.mobile-topbar .title{color:var(--ils-gold);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700}.mobile-menu-btn{color:#fff;background:0 0;border:none;min-width:40px;min-height:40px;padding:.2rem .5rem;font-size:1.4rem}.sidebar-scrim{z-index:90;background:#0006;display:block;position:fixed;inset:0}.sidebar{z-index:95;width:78vw;max-width:280px;padding-top:calc(1.2rem + env(safe-area-inset-top));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.main-content{max-width:100%;padding:1rem}.page-header h1{font-size:1.4rem}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}thead,tbody,tr{table-layout:auto;width:100%;display:table}.card{padding:1rem}.form-row{gap:.5rem}.form-row label{flex:45%}.login-card{max-width:100%;padding:2rem 1.4rem 1.6rem}.modal{padding:1.1rem}.account-grid{grid-template-columns:1fr}}