:root{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:#17292e;background:#f4f7f7;font-size:14px;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #087e76;outline-offset:2px}
.shell{min-height:100vh;display:grid;grid-template-columns:212px minmax(0,1fr);width:100%}.sidebar{min-width:0;background:#173137;color:#e4eeec;display:flex;flex-direction:column;padding:22px 12px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 25px;font-weight:750;font-size:17px}.brand small{display:block;color:#9fc4c0;font-size:11px;font-weight:400;margin-top:2px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:#dcaa60;color:#173137;border-radius:4px;font-size:19px}.sidebar nav{display:grid;gap:3px}.sidebar nav button,.logout button{width:100%;text-align:left;border:0;background:transparent;color:#c7ddda;padding:10px 12px;border-radius:4px}.sidebar nav button:hover,.sidebar nav button.active{background:#275459;color:#fff}.logout{margin-top:auto}.logout button{color:#a9c6c4}.workspace{min-width:0}.topbar{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dbe5e4;background:#fff}.topbar h1{font-size:18px;margin:0;font-weight:700}.topbar span{font-size:12px;color:#34786f;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{max-width:1500px;min-width:0;margin:0 auto;padding:24px 28px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.page-heading h2,.section-title{margin:0;font-size:16px}.section-title{margin:26px 0 10px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar.spread{justify-content:space-between}.toolbar select{min-width:150px}.primary,.secondary,.danger,.text-button{min-height:34px;border-radius:4px;padding:0 13px;font-size:13px;font-weight:650}.primary{border:1px solid #087e76;background:#087e76;color:white}.primary:hover{background:#086c66}.secondary{border:1px solid #c9d8d6;background:white;color:#244a4c}.secondary:hover{background:#ecf4f3}.danger{border:1px solid #e1c2c0;background:#fff;color:#a33734}.text-button{border:0;background:transparent;color:#087e76;padding:0 5px}.text-button:hover{text-decoration:underline}.muted{color:#6d8081}.small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dce8e6;border:1px solid #dce8e6;margin-bottom:25px}.stat{background:white;padding:17px 18px}.stat label{display:block;color:#6d8081;font-size:12px}.stat strong{display:block;font-size:25px;margin-top:7px}.table-wrap{width:100%;overflow:auto;border:1px solid #dbe5e4;background:white}table{width:100%;border-collapse:collapse;min-width:660px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #e6edec;vertical-align:middle}th{background:#edf3f2;color:#5b7072;font-size:12px;font-weight:600;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fbfa}.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.row-actions button{font-size:12px}.status{display:inline-flex;align-items:center;border-radius:3px;padding:3px 7px;font-size:12px;background:#e7f4ef;color:#217b60}.status.warn{background:#fff2df;color:#9b651f}.status.dim{background:#edf1f2;color:#60747a}.form-band{padding:16px;border:1px solid #dbe5e4;background:white;margin:12px 0 18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field label{color:#617579;font-size:12px}.field input,.field select,.field textarea,.toolbar select,.search{width:100%;min-height:34px;border:1px solid #cbd9d8;border-radius:3px;background:#fff;color:#1a3033;padding:6px 9px}.field textarea{min-height:86px;resize:vertical}.field input[type=color]{padding:2px;height:34px}.field input[type=file]{font-size:11px;padding:5px}.field.checkbox{flex-direction:row;align-items:center;padding-top:21px}.field.checkbox input{width:16px;height:16px}.form-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.periods{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thumb{width:42px;height:42px;object-fit:contain;background:#eaf2f1;border-radius:2px;display:block}.placeholder{width:42px;height:42px;background:#eaf2f1;border-radius:2px}.color-chip{display:inline-block;width:13px;height:13px;vertical-align:-2px;border:1px solid #0002;margin-right:6px;border-radius:2px}.empty-state{padding:34px 18px;color:#6b7d80;text-align:center;background:white;border:1px solid #dbe5e4}.message{padding:9px 11px;border-radius:3px;background:#e8f5f0;color:#286b56;margin:10px 0}.message.error{background:#fff0ee;color:#a23a32}.toast{position:fixed;right:18px;bottom:18px;z-index:10;max-width:min(420px,calc(100vw - 36px));padding:11px 15px;background:#193439;color:#fff;border-radius:4px;box-shadow:0 8px 24px #0003}.toast.error{background:#8e302d}dialog{border:1px solid #cbd9d8;border-radius:5px;max-width:min(560px,calc(100vw - 24px));width:100%;padding:20px;background:white;color:#17292e;box-shadow:0 18px 60px #0004}dialog::backdrop{background:#11282cb0}.detail-image{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:14px auto}.detail-list{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;word-break:break-all}.catalog{max-height:320px;overflow:auto}.catalog-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-bottom:1px solid #e4eceb}.catalog-row:last-child{border:0}.catalog-row strong{display:block}.catalog-row small{display:block;color:#6e8081}.login-shell{min-height:100vh;display:grid;place-items:center;background:#eaf0ef}.login-form{width:min(380px,calc(100% - 28px));padding:27px;background:white;border:1px solid #d6e2e0}.login-form h1{margin:0;font-size:23px}.login-form p{margin:5px 0 25px;color:#6b8080}.login-form label{display:block;margin-bottom:6px;color:#647779}.login-form input{width:100%;height:40px;border:1px solid #cbd9d8;padding:7px}.login-form button{width:100%;margin-top:15px;height:39px}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{padding:9px 12px;display:block}.brand{display:none}.sidebar nav{display:flex;overflow:auto;gap:2px}.sidebar nav button{width:auto;flex:none;white-space:nowrap}.logout{display:none}.topbar{height:54px;padding:0 15px}.content{padding:18px 14px 50px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.form-grid.two{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.topbar h1{font-size:16px}}