html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{color:#182c2b;background:#f4f6f6;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#1d4541;background:#fff;border:1px solid #cddbd8;border-radius:9px;padding:10px 14px;font-weight:700}button:hover{background:#eaf2f0}.primary{color:#fff;background:#08756d;border-color:#08756d}.primary:hover{background:#065e58}.shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#102b29;flex-direction:column;flex-shrink:0;width:240px;padding:30px 18px;display:flex}.brand{letter-spacing:-1px;font-size:23px;font-weight:900}.brand span{color:#62d5c4}.sideCaption{color:#8eb6af;letter-spacing:2px;margin-top:8px;margin-bottom:45px;font-size:10px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#c5d7d3;text-align:left;background:0 0;border:0;padding:13px 15px}.sidebar nav button.active{color:#fff;background:#1c4540}.logout{color:#b7cdc8;text-align:left;background:0 0;border:0;margin-top:auto}.main{flex:1;min-width:0;max-width:1800px;margin:auto;padding:36px 42px}header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.overline{color:#0a746d;letter-spacing:2px;font-size:11px;font-weight:800}h1{margin:6px 0 0;font-size:32px}h2{margin:0 0 4px;font-size:19px}p{color:#71817e;margin:4px 0 0}.headerActions{gap:9px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.stats>div{background:#fff;border:1px solid #e1e8e6;border-radius:14px;padding:20px}.stats span{color:#71817e;font-size:13px;display:block}.stats strong{margin-top:8px;font-size:31px;display:block}.panel{background:#fff;border:1px solid #e1e8e6;border-radius:14px;margin-bottom:20px;overflow:hidden}.panel>h2,.panel>p,.panelHeader{padding:22px 24px 0}.panel>p{padding-top:0}.filters{gap:14px;padding:22px 24px;display:flex}.filters label,.formGrid label,.loginCard label{color:#526763;gap:7px;font-size:12px;font-weight:700;display:grid}.filters input,.filters select,.formGrid input,.formGrid select,.loginCard input{color:#18332f;background:#fff;border:1px solid #cfdbd8;border-radius:8px;min-width:0;padding:11px 12px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6b7f7b;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:#f8faf9;padding:14px 20px;font-size:10px}td{vertical-align:middle;white-space:nowrap;border-top:1px solid #edf1f0;padding:15px 20px}td strong{display:block}td small{color:#84918e;margin-top:4px;display:block}.kind,.status{border-radius:6px;padding:5px 8px;font-size:11px;display:inline-block}.kind.in,.good{color:#08734b;background:#dff4eb}.kind.out{color:#4264a5;background:#e7edfb}.warn{color:#a56300;background:#fff0d7}.actions{gap:5px;display:flex}.actions button{padding:7px 9px;font-size:11px}.empty{text-align:center;color:#82918d;padding:35px}.formPanel{padding:0 0 24px}.formGrid{grid-template-columns:repeat(3,minmax(140px,1fr));align-items:end;gap:18px;padding:24px;display:grid}.formGrid .primary{height:42px}.error{color:#aa4333;background:#fff0eb;border:1px solid #f5c8bc;border-radius:8px;margin:16px 0;padding:12px 15px}.loginPage{background:linear-gradient(135deg,#e7f1ef,#f7f8f6);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:18px;gap:17px;width:min(430px,100% - 32px);padding:36px;display:grid;box-shadow:0 20px 70px #123c3420}.loginCard h1{font-size:28px}.loginCard p{margin-top:-12px}.loginCard .brand{color:#102b29}.loginCard button{margin-top:6px}.modal{background:#0d201dd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalCard{background:#fff;border-radius:12px;justify-items:end;gap:10px;max-height:95vh;padding:12px;display:grid}.modalCard img{object-fit:contain;max-width:min(500px,85vw);max-height:80vh}@media (width<=900px){.sidebar{width:180px}.main{padding:24px}.formGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.shell{display:block}.sidebar{width:100%;padding:16px}.sideCaption{display:none}.sidebar nav{margin-top:12px;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.logout{display:none}.main{padding:18px}header{display:block}.headerActions{margin-top:16px}.stats{gap:7px}.stats>div{padding:13px}.stats strong{font-size:22px}.filters{display:grid}.formGrid{grid-template-columns:1fr}}
