:root{font-family:system-ui,'Microsoft YaHei',sans-serif;color:#13363a;background:#f3f6f4;font-size:17px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#123034;color:#dbe9e4;padding:32px 22px;display:flex;flex-direction:column;gap:24px}a{color:inherit}.brand{font-size:27px;font-weight:800;text-decoration:none;letter-spacing:2px}.brand small{display:block;font-size:11px;letter-spacing:4px;margin-top:8px}nav{display:grid;gap:10px}nav button{text-align:left;background:transparent;color:inherit;border-color:#42605f}nav button[aria-current=page]{background:#cce4d5;color:#123034}aside>a:last-child{margin-top:auto;font-size:15px}main{padding:0 40px 50px;min-width:0}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5e0da}header div{display:flex;gap:12px}h1{font-size:32px;margin:24px 0 12px}p{line-height:1.7}button,select,input{font:inherit;border:1px solid #bccdc5;border-radius:7px;padding:10px 14px;background:white;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:#145a51;color:white}label{display:grid;gap:8px;margin:16px 0}label.check{display:flex;align-items:center}input[type=checkbox]{width:20px;height:20px}form{max-width:480px;padding:25px;background:white;border:1px solid #d9e4df;border-radius:12px}#message{min-height:28px;color:#a34d22}table{border-collapse:collapse;width:100%;background:white;margin:25px 0}th,td{padding:16px;text-align:left;border-bottom:1px solid #dce5e0;overflow-wrap:anywhere}th{font-size:15px;color:#62766d}.table-wrap{overflow-x:auto}.muted{color:#657c73;font-size:15px}.pager{display:flex;align-items:center;gap:16px}.card{padding:22px;background:white;border:1px solid #dce5e0;border-radius:10px;margin:18px 0}details{margin:24px 0}summary{cursor:pointer;font-weight:600}#mode{font-size:14px;color:#a8c7bb}@media(max-width:760px){body{grid-template-columns:1fr}aside{padding:18px}nav{display:flex;flex-wrap:wrap}main{padding:0 18px 30px}header{height:auto;min-height:85px;gap:12px;flex-wrap:wrap}.brand small,aside>a:last-child{display:none}h1{font-size:26px}th,td{padding:12px}}

body.product-open{height:100vh;overflow:hidden}body.product-open main{padding:0;display:flex;flex-direction:column;height:100vh}body.product-open header{padding:0 24px;flex:none}body.product-open #message{margin:0;padding:0 24px;min-height:0}body.product-open #content{flex:1;min-height:0;position:relative}.managed-product-frame{border:0;width:100%;height:100%;display:block}.product-menu{display:grid;gap:8px;margin-top:20px;overflow:auto}.product-menu strong{padding:8px}.product-menu button{font-size:17px}body.product-open aside{min-height:0;overflow:auto}

.stock-confirmation{max-width:540px;width:calc(100% - 40px);max-height:85vh;overflow:auto;border:1px solid #507477;border-radius:14px;padding:28px;background:#f6faf8;color:#143336}.stock-confirmation::backdrop{background:#071c2480}.stock-confirmation-actions{display:flex;gap:12px;margin:24px 0}.stock-confirmation p{overflow-wrap:anywhere}.stock-confirmation button{min-height:44px}

.device-admin dl{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:8px 16px}.device-admin dt{font-weight:600}.device-admin dd{margin:0;overflow-wrap:anywhere}.device-admin pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:14px}.device-admin textarea{font:inherit;min-height:100px;width:100%;border:1px solid #bccdc5;border-radius:7px;padding:10px}.device-admin input,.device-admin select{min-width:0;width:100%}.device-admin input[type=checkbox]{width:20px;flex:none}.device-admin button{margin:4px 8px 4px 0}