:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172338;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1180px;margin:auto;padding:24px 16px 70px}header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}h1{font-size:clamp(24px,4vw,34px);margin:0}p{color:#66758b;margin:6px 0 0}.pill{background:#e3ecff;color:#234fa2;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:750}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.stat{background:white;border:1px solid #e2e8f0;border-radius:15px;padding:18px}.stat b{display:block;font-size:32px}.stat span{font-size:13px;color:#68778d}.red b{color:#c62b39}.orange b{color:#b76b06}.green b{color:#168050}.panel{background:white;border:1px solid #e0e6ee;border-radius:17px;padding:18px;margin:15px 0;box-shadow:0 3px 18px #182e4b08}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}input,select,button{font:inherit;border-radius:9px;padding:11px 12px;border:1px solid #cfd8e4;background:white;color:#24334a}input{min-width:0;flex:1}button{cursor:pointer;font-weight:650}button:hover{filter:brightness(.96)}button.primary{background:#235fdd;color:white;border-color:#235fdd}button.ghost{background:#f1f5fa}button.danger{color:#bc2736}.muted{font-size:12px;color:#708098}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input{min-width:190px}.toolbar select{min-width:155px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:730px}th{text-align:left;color:#68788e;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:12px 9px;border-bottom:1px solid #e2e8f0}td{padding:10px 9px;border-bottom:1px solid #edf0f5}td:first-child{font-weight:650}td select{width:100%;min-width:145px}tr:last-child td{border-bottom:0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.tablewrap tbody tr.missing td{background:#fce7e9;color:#842330}.tablewrap tbody tr.low td{background:#fff0d7;color:#794b00}.tablewrap tbody tr.stocked td{background:#def5e9;color:#115b3e}.tablewrap tbody tr td{border-bottom:3px solid white}.tablewrap tbody tr td:first-child{border-radius:9px 0 0 9px}.tablewrap tbody tr td:last-child{border-radius:0 9px 9px 0}.tablewrap tbody tr select{background:rgba(255,255,255,.85);color:#172338}.missing{background:#fce7e9;color:#a92735;border-color:#f5bfc5}.low{background:#fff0d7;color:#8c5700;border-color:#f6d394}.stocked{background:#def5e9;color:#126f47;border-color:#afe0c5}.actions{display:flex;gap:7px;flex-wrap:wrap}.empty{text-align:center;padding:35px;color:#66758b}.notice{font-size:12px;color:#64748b;margin-top:12px}.footer{margin-top:22px;color:#758398;font-size:12px}#toast{position:fixed;bottom:18px;right:18px;background:#17365d;color:white;padding:12px 16px;border-radius:10px;display:none;box-shadow:0 8px 25px #0002}label{font-size:13px;color:#56657a;font-weight:600}.add{display:flex;gap:9px;margin-top:10px}#newName{flex:1}@media(max-width:650px){.wrap{padding:16px 12px 60px}.stats{gap:7px}.stat{padding:12px}.stat b{font-size:26px}.panel{padding:13px}.toolbar input{flex-basis:100%}.add{flex-wrap:wrap}.add button{width:100%}}

.mail-preview{margin-top:15px;border:1px solid #dbe3ef;border-radius:12px;padding:16px;background:#fff;display:none}.mail-preview h3{margin:0 0 8px}.mail-preview table{min-width:0;border-collapse:collapse}.mail-preview th,.mail-preview td{padding:10px;border:1px solid #d8dee7;font-size:13px}.mail-preview .missing td{background:#fce7e9;color:#842330}.mail-preview .low td{background:#fff0d7;color:#794b00}.mail-preview .stocked td{background:#def5e9;color:#115b3e}.mail-preview .row{margin:12px 0}.mail-preview .muted{line-height:1.5}

#reportOverlay{display:none;position:fixed;inset:0;background:#0e1b2cbb;z-index:30;overflow:auto;padding:20px}#reportOverlay .dialog{background:white;max-width:820px;margin:18px auto;padding:22px;border-radius:18px}#reportOverlay img{display:block;width:100%;height:auto;border:1px solid #dde3ec;border-radius:8px;margin:15px 0}#reportOverlay .buttons{display:flex;gap:10px;flex-wrap:wrap}#reportOverlay .buttons button{flex:1;min-width:180px}

[hidden]{display:none!important}h2{font-size:18px;margin:0 0 10px}#loginForm{margin-top:14px}#cloudControls{margin-top:14px}label input{display:block;width:100%}button:disabled{opacity:.5;cursor:wait}