:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#25382c;background:#f4f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:6px;padding:11px 19px;background:#219447;color:#fff;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#fff;color:#2c7242;border:1px solid #b8cfb5}button.text{background:none;color:#228a43;padding:7px 10px}button.danger{color:#b44736;background:#fff4f1}input,select,textarea{border:1px solid #dce3da;border-radius:6px;padding:12px;background:#fff;color:#293b2d;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #9fcbaa;outline-offset:1px}input[type=number]{max-width:150px}textarea{min-height:100px}label{display:block;color:#62725f;margin:18px 0 8px;font-size:14px}label input,label select,label textarea{margin-top:8px}small{display:block;color:#84907e;font-size:13px;margin-top:6px}h1{font-size:30px;margin:0 0 10px}h2{font-size:21px}p{color:#89947d;line-height:1.65;margin:0 0 20px}.layout{display:flex;min-height:100vh}aside{width:214px;background:#23472f;color:#fff;position:fixed;inset:0 auto 0 0;padding:32px 16px;overflow:auto}aside h2{font-size:28px;margin:6px 16px 10px}aside p{font-size:13px;margin-left:16px;letter-spacing:3px;color:#b8c6b6}nav{margin-top:40px}nav button{display:block;width:100%;text-align:left;margin:7px 0;background:transparent;color:#c7d5c7;padding:15px 20px;font-weight:400}nav button.active{background:#365f3e;box-shadow:inset 4px 0 #2bb35b;color:#fff}.workspace{margin-left:214px;width:calc(100% - 214px)}header{height:76px;background:#fff;border-bottom:1px solid #e4e9df;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#71806e;font-size:14px}main{padding:36px;max-width:1700px;margin:auto}.page-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}.page-heading>div:first-child{flex:1}.page-heading p{font-size:14px;margin:0}.filters{display:flex;gap:14px;margin:24px 0}.filters input{flex:2}.filters select{flex:1}.table-wrap,.form-panel{background:#fff;border:1px solid #e4e9df;border-radius:9px;overflow:auto}table{width:100%;border-collapse:collapse;white-space:normal;font-size:14px}th{text-align:left;background:#f1f4ee;color:#809079;font-weight:500;padding:16px}td{padding:20px 16px;border-bottom:1px solid #e8ece4;line-height:1.65;vertical-align:middle}td small{line-height:1.4}tr:last-child td{border:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:12px;padding:8px 10px}.product-name{display:flex;align-items:center;gap:14px}.product-name img,.product-row img{height:64px;width:64px;border-radius:6px;object-fit:cover}.badge{background:#edf5e8;color:#258f46;padding:3px 8px;display:inline-block}.green{color:#259346;font-weight:600}.summary{background:#eaf3e4;border-radius:8px;padding:20px;margin:20px 0;font-size:14px}.summary span{color:#74846a}.empty{text-align:center;padding:65px 20px;color:#8e9b85}.history{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e2e7db;padding:20px;gap:20px}.form-panel{padding:24px;max-width:1000px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:28px;padding:24px 0 0}.table-wrap .form-footer{padding:20px}.product-row{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #e6ebdf}.product-row>div{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18322455;display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}.modal{background:#fff;border-radius:14px;padding:28px;max-height:90vh;overflow:auto;width:620px;max-width:100%}.modal .page-heading{justify-content:space-between;margin:0}.check{display:flex;align-items:center;gap:8px}.check input{width:18px;margin:0}.image-list{display:flex;gap:10px;flex-wrap:wrap}.image-list>div{width:112px;border:1px solid #e3e9df;padding:6px;border-radius:6px}.image-list img{height:92px;width:98px;object-fit:cover}.image-list button{font-size:12px;padding:6px}.error{background:#ffede6;padding:16px;color:#a53b2b;border-radius:6px}.workspace .error{position:relative;z-index:30;box-shadow:0 2px 15px #0001}.notice{background:#e4f3e5;padding:12px 20px;border-radius:6px;margin-bottom:18px}.notice button{float:right}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#23472f;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:15%;font-size:50px;font-weight:700}.login-brand span{font-size:17px;font-weight:400;color:#c0d2b8;letter-spacing:6px;margin-top:20px}.login form{width:380px;max-width:90%;margin:auto}.login form>button{width:100%;margin-top:22px}pre{max-width:650px;white-space:pre-wrap;font-size:12px}@media(max-width:800px){aside{position:static;width:100%;padding:16px}aside h2{font-size:22px}aside p{display:none}nav{display:flex;overflow:auto;margin:0}nav button{white-space:nowrap;width:auto;padding:9px}.layout{display:block}.workspace{margin:0;width:100%}main{padding:20px 14px}header{height:52px;padding:0 16px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex-basis:40%}.page-heading{flex-wrap:wrap}h1{font-size:24px}.login{display:block}.login-brand{padding:35px;font-size:32px}.login form{padding:32px 0}.fields{grid-template-columns:1fr}td,th{padding:12px;min-width:95px}.overlay{padding:10px}}.global-error{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#ffede6;border:1px solid #eac8ba;color:#a53b2b;padding:14px 22px;border-radius:8px;z-index:100;max-width:90vw;box-shadow:0 6px 24px #0002}
