:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#162a42;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}header{background:#153b66;color:white;padding:15px max(16px,calc((100vw - 850px)/2));display:flex;justify-content:space-between;gap:10px;align-items:center}.brand{font-weight:800;font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:2px}.status{font-size:12px;background:#ffffff20;border-radius:20px;padding:7px 10px}main{max-width:850px;margin:18px auto;padding:0 12px}.panel{background:white;border-radius:16px;padding:20px;box-shadow:0 2px 15px #18385a13;margin-bottom:14px}.hidden{display:none!important}h2{margin:0 0 12px}h3{font-size:14px}p{line-height:1.5}.muted{font-size:13px;color:#64748b}label{display:block;font-weight:600;font-size:13px;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;background:white;font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;background:#205c9c;color:white;font-weight:700}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#e7edf4;color:#234465}.danger{background:#b32634}.actions,.flex{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:12px}nav{display:flex;gap:5px;margin-bottom:12px}nav button{flex:1;background:#dbe5ef;color:#345}nav button.active{background:#153b66;color:white}.summary{background:#eaf2fb;text-align:center;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.summary strong{font-size:48px}.summary span{font-size:13px}.cols,.buttonGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cols{text-align:center}.green{color:#147647}.red{color:#b32634}.countButton{min-height:110px;border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:16px}.countButton span{font-size:12px}.countButton.in{background:#e6f6ed;border-color:#86cfa4;color:#17643e}.countButton.out{background:#fce9eb;border-color:#e7a0a9;color:#a82031}.countButton strong{font-size:30px}table{width:100%;border-collapse:collapse;margin:15px 0}th,td{padding:11px 5px;border-bottom:1px solid #e2e8f0;text-align:right}th:first-child,td:first-child{text-align:left}footer{text-align:center;font-size:11px;color:#64748b;padding:15px}@media(max-width:420px){.panel{padding:13px}.countButton{min-height:100px;font-size:13px}header{padding:12px}.brand{font-size:15px}}