:root{font-family:Inter,Arial,sans-serif;color:#172b35;background:#f3f6f5;font-synthesis:none}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid #cdd9d7;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#193e40}button:hover{background:#edf5f2}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid #c9d4d2;border-radius:7px;padding:11px;background:white;max-width:100%;color:#183337}input[type=checkbox]{width:18px;height:18px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #87cabe;outline-offset:2px}h1{font-size:32px;letter-spacing:-1px;margin:4px 0 15px}h2{font-size:19px;margin:12px 0}p{line-height:1.6}a{color:#087367;text-decoration:underline}.stockroom header{background:#103d3a;color:white;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;gap:15px}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:24px}.brand span{border:1px solid #65918a;padding:5px 8px;border-radius:5px;font-size:12px}.stockroom header>div:last-child{display:flex;gap:8px}.stockroom nav{padding:12px 24px;background:white;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dce5e1}.stockroom nav button{border:0}.stockroom nav button[aria-current=page],button.primary{background:#116e61;color:white;border-color:#116e61}.stockroom main{max-width:1450px;margin:auto;padding:30px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#5d837b;margin:0}.muted,small{color:#5d7477;font-size:12px}small{display:block}.filters,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.filters>input{flex:1;min-width:160px}.filters>select{max-width:330px}.filters label{font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.cards article,.panel{background:white;border:1px solid #dce5e2;border-radius:12px;padding:22px;box-shadow:0 2px 4px #163c3310}.panel{margin-bottom:22px}.cards article p{font-size:14px;color:#536b6c}.code{font-family:monospace;font-size:12px;color:#63847d}.total{font-size:29px;display:block;margin:12px 0}.total small{display:inline;font-size:14px}.stockline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf2ef;padding-bottom:6px}.stockline button{border:0;text-align:left;padding:0;font-size:12px}.item-photo{width:100%;height:150px;object-fit:contain;margin-bottom:14px}.table-wrap{overflow:auto;background:white;border:1px solid #dce5e2;border-radius:10px;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:14px;border-bottom:1px solid #e7eeea;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#607d77;background:#f8faf9}td{min-width:90px}td .actions{margin:0}.empty{text-align:center;padding:30px;color:#738882}.alert{padding:14px;background:#fff0ed;color:#a02d24;border:1px solid #f0b3a9;border-radius:8px;margin:12px 0}.notice{background:#e4f3ed;color:#165848;padding:10px 15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.danger{color:#b34b22}.f{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px;font-weight:600}.f textarea{min-height:90px}.modal-backdrop{position:fixed;inset:0;background:#102d3388;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:580px;max-width:100%;max-height:90vh;overflow:auto;background:white;border-radius:14px;padding:24px;box-shadow:0 15px 70px #0004}.modal form>.primary{width:100%;margin-top:14px}.role-screen{max-width:760px;margin:10vh auto;padding:30px;text-align:center}.role-screen>svg{margin:auto;color:#146d60}.role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.role-buttons button{flex-direction:column;min-height:185px;background:white;border-radius:16px}.role-buttons strong{font-size:23px}.role-buttons span{font-size:13px}.big-action{min-height:90px;font-size:18px;font-weight:600}.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}video{width:100%;max-width:500px;display:block;margin-top:18px}footer{text-align:center;padding:25px;font-size:12px;color:#6c817d}@media(max-width:650px){.stockroom header{padding:12px;flex-wrap:wrap}.stockroom main{padding:18px 12px}.stockroom nav{padding:8px;flex-wrap:nowrap;overflow:auto}.stockroom nav button{white-space:nowrap;padding:12px}.heading{align-items:flex-start;flex-direction:column;gap:0}.filters{align-items:stretch}.filters>select,.filters>input{max-width:100%;width:100%}.cards{grid-template-columns:1fr}.role-buttons{grid-template-columns:1fr}.role-screen{margin:3vh auto}h1{font-size:28px}.modal{padding:18px}.modal .heading{flex-direction:row}.actions button{min-height:44px}.brand strong{font-size:20px}}