:root{font-family:Arial,Helvetica,sans-serif;color:#192e45;background:#f2f5f8;font-size:16px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{height:80px;background:#172d47;color:white;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{font-size:16px;font-weight:400;letter-spacing:0;margin-left:20px;opacity:.75;border-left:1px solid #718195;padding-left:20px}#identity{display:flex;gap:16px;align-items:center;font-size:14px}header button{color:white!important}main{max-width:1220px;padding:32px 24px;margin:auto}h1,h2,p{margin-top:0}h1{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin-bottom:0}h2{font-size:19px;font-weight:600}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#61768d;margin-bottom:8px}.heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading{margin-bottom:28px}.section-title h2{margin:0}.columns{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(350px,1.3fr);gap:24px}.card{background:white;border:1px solid #dce3eb;border-radius:12px;padding:26px;box-shadow:0 4px 18px #243a5105}.registration{border-top:4px solid #087e83}.registration h2{margin-bottom:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}input,select,button{font:inherit}input:not([type=radio]),select{width:100%;min-height:46px;border:1px solid #b8c5d1;border-radius:6px;padding:10px 12px;background:white;color:#192e45}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid #75c7cf;outline-offset:2px}.type{border:0;display:flex;gap:12px;padding:0;margin:0 0 22px}.type legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.type label{flex:1;border:1px solid #b8c5d1;border-radius:6px;padding:10px;cursor:pointer;text-align:center;font-size:16px}.type label:has(input:checked){background:#e6f4f2;border-color:#087e83;color:#076166}.type input{accent-color:#087e83}.hint,.optional{font-size:14px;color:#64748b}.hint{margin:6px 0 18px}.optional{font-weight:400}#reason,#destination{margin-bottom:18px}button{min-height:44px;border-radius:6px;padding:10px 16px;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}.primary{background:#087e83;color:white;width:100%;margin-top:4px}.primary:hover{background:#07666a}.quiet{background:transparent;color:#244d72}.quiet:hover{background:#142c4410}.danger{background:#fff0ee;color:#a02b23;border:1px solid #e4b9b4}.stock-row{padding:20px 0;border-bottom:1px solid #e5eaf0;display:flex;justify-content:space-between;align-items:center;gap:16px}.stock-row:last-child{border-bottom:0}.stock-name{font-weight:600;font-size:16px}.stock-id{color:#708195;font-size:13px;margin-top:4px}.stock-number{font-size:26px;font-weight:600;line-height:1.2;text-align:right;white-space:nowrap}.stock-unit{display:block;color:#708195;font-size:14px;font-weight:400;margin-top:4px}.history{margin-top:24px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}th{text-align:left;color:#64748b;font-size:13px;font-weight:600;border-bottom:1px solid #cdd7e2;padding:10px}td{padding:14px 10px;border-bottom:1px solid #e9edf2}th:first-child,td:first-child{padding-left:0}td:nth-child(4){white-space:nowrap}#message:not(:empty){border-left:3px solid #087e83;background:#e6f4f2;padding:12px 16px}#message.error{border-color:#bb392b;background:#fff0ee}#demo-banner{padding:12px 16px;background:#fff0bf;color:#604b00;border-radius:6px;font-size:14px;margin-bottom:24px}#pending{color:#a02b23;font-size:14px;margin:12px 0 0}.login{max-width:450px;margin:8vh auto;background:white;border-radius:12px;padding:40px;border-top:4px solid #087e83}.login h1{font-size:44px;margin-bottom:24px}.login>p:not(.eyebrow){color:#64748b}#setup{font-size:14px;margin:16px 0 0}details{margin:24px 0;max-width:600px;font-size:14px;color:#64748b}summary{cursor:pointer;color:#244d72;padding:10px 0}details p{margin-top:12px}dialog{border:1px solid #cdd7e2;border-radius:12px;padding:28px;max-width:460px;width:calc(100% - 32px);color:#192e45}dialog::backdrop{background:#10263a88}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}footer{max-width:1220px;margin:auto;padding:12px 24px 28px;color:#79889a;font-size:13px}@media(max-width:760px){header{height:auto;min-height:72px;padding:16px 20px;flex-wrap:wrap;gap:10px}.brand span{margin-left:10px;padding-left:10px}main{padding:24px 16px}h1{font-size:25px}.columns{grid-template-columns:1fr}.card{padding:20px}.heading{align-items:flex-start;gap:8px}#identity{width:100%;justify-content:space-between}.login{margin:20px auto;padding:28px}.stock-number{font-size:24px}.heading button{font-size:14px}.section-title .hint{margin:0}.history{padding:20px 16px}.actions{flex-wrap:wrap}}