:root{--navy:#17345a;--orange:#ed702e;--muted:#8390a0}*{box-sizing:border-box}body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#25384f;background:#f3f5f8;font-size:14px}button,input,select,textarea{font:inherit}.btn-primary{background:#17345a;border-color:#17345a}.btn-primary:hover,.btn-primary:focus{background:#254e7b;border-color:#254e7b}.btn{border-radius:6px}.btn-link{color:#536b87}.muted{color:#8491a1}.login-card{width:420px;margin:10vh auto;background:white;padding:42px;border-radius:16px;box-shadow:0 18px 70px #21395b12}.login-card img{width:210px}.login-card h1{font-size:25px;font-weight:700;margin-top:30px}.login-card label{display:block;margin:22px 0 0;font-weight:500}.form-control{border-color:#dce2e9;border-radius:6px;box-shadow:none;height:40px}.login-card .btn{margin-top:28px;height:44px}.login-card small{display:block;color:#96a1b0;margin-top:30px;font-size:11px}#login-error{margin-top:15px}header{height:76px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #e7ecf2;position:fixed;left:0;right:0;top:0;z-index:10}.brand{display:flex;align-items:center;gap:20px}.brand img{width:160px}.brand span{border-left:1px solid #dee5ed;padding-left:20px;font-size:17px;font-weight:700}.header-right{display:flex;align-items:center;gap:18px}.header-right select{border:0;background:#f3f6fa;padding:10px;border-radius:6px;color:var(--navy)}.local-tag{font-size:11px;border-radius:4px;background:#fff1df;color:#a46a19;padding:5px 9px}aside{position:fixed;top:76px;bottom:0;left:0;width:218px;background:var(--navy);color:white;padding:27px 16px}.sidebar-label{font-size:11px;letter-spacing:2px;color:#a7bad0;padding:0 16px 20px}nav button{width:100%;text-align:left;border:0;background:none;color:#cbd8e8;padding:14px 16px;border-radius:7px;margin:3px 0}nav button i{width:25px}nav button.active{background:#ffffff18;color:white}nav button.active::after{content:"";float:right;width:5px;height:5px;background:#ff9c64;border-radius:50%;margin-top:7px}.sidebar-foot{position:absolute;bottom:27px;font-size:11px;color:#a2b5cd;line-height:22px;padding:0 16px}main{margin-left:218px;padding:112px 32px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9aa9ba}h1{font-size:25px;font-weight:700;margin:7px 0 10px}h2{font-size:20px;font-weight:700}.panel{border:1px solid #e7ebf1;border-radius:10px;box-shadow:0 3px 10px #17345a03}.panel-heading{background:#fff;border-bottom:1px solid #edf0f4;padding:20px}.panel-body{padding:22px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar .form-control{width:160px}.toolbar input[type=date]{width:150px}.toolbar .push{margin-left:auto}.table{font-size:13px}.table>thead>tr>th{background:#f6f8fb;color:#60758e;border-color:#ebeff4}.table>tbody>tr>td{vertical-align:middle;border-color:#edf0f4}.table .btn{margin:2px;font-size:12px}.thumb{width:54px;height:46px;object-fit:cover;border-radius:6px}.status{display:inline-block;padding:5px 9px;border-radius:4px;background:#edf1f6;color:#5c708a;font-size:12px}.status.SUBMITTED,.status.PENDING{background:#fff1dc;color:#b8781c}.status.ACCEPTED,.status.AVAILABLE{background:#e7f5f0;color:#2c8d69}.status.REJECTED,.status.SOLD_OUT{background:#fceceb;color:#bd5a4b}.metrics{display:flex;gap:16px;margin-bottom:22px}.metric{flex:1;background:#fff;border:1px solid #e7ebf1;border-radius:9px;padding:20px}.metric strong{display:block;font-size:26px;color:var(--navy);margin-top:10px}.metric small{color:#9ba6b5}.alert{border-radius:7px}.modal-content{border-radius:12px;border:0}.modal-header{padding:23px}.modal-body{padding:24px}.modal-footer{padding:18px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.form-grid label{display:block;font-weight:500;font-size:13px}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:7px}.wide{grid-column:1/-1}textarea.form-control{height:90px;resize:vertical}.help{font-size:12px;color:#8a98a9;line-height:21px}.modal-body h3{font-size:15px;margin:25px 0 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f7f9fc;padding:20px;border-radius:8px;margin-bottom:22px}.detail-grid small{display:block;color:#8392a6;font-size:12px;margin-bottom:5px}.timeline{padding-left:22px;line-height:30px;font-size:13px}.code-preview{text-align:center;padding:25px}.code-preview img{width:230px;background:white}.code-preview code{display:block;margin:20px;overflow-wrap:anywhere}.preview-image{max-width:100%;max-height:180px;border-radius:8px}.image-field{display:flex;gap:8px;align-items:center}.image-field input{flex:1;min-width:0}.readonly{background:#f7f9fb;padding:15px;font-size:13px;color:#6c7d93;border-radius:7px}.modal-error{color:#b34f39;margin-top:18px}#notice .alert{margin-bottom:18px}@media(max-width:900px){aside{width:170px}main{margin-left:170px;padding:105px 18px}.brand span{display:none}.header-right{gap:6px}.metrics{flex-wrap:wrap}.metric{min-width:45%}.toolbar input{max-width:130px}}@media(max-width:600px){header{padding:0 14px}.brand img{width:110px}#user-name,.local-tag{display:none}aside{position:static;width:100%;margin-top:76px;padding:8px}nav{display:flex;overflow-x:auto}nav button{min-width:100px;width:auto;padding:12px}nav button i,.sidebar-label,.sidebar-foot{display:none}main{margin:0;padding:24px 12px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.login-card{width:92%;padding:28px}.modal-dialog{margin:12px}.toolbar .push{margin-left:0}.table{min-width:650px}.fixed-table-body{overflow:auto}}
[hidden]{display:none!important}.modal-body{max-height:calc(100vh - 190px);overflow-y:auto}.modal-dialog{margin:30px auto}
.permission-group{border:1px solid #dce2e9;border-radius:8px;padding:12px 16px;margin:12px 0}.permission-group legend{font-size:15px;width:auto;margin:0;padding:0 8px;border:0;color:#17345a}.permission-group label{display:inline-flex;align-items:center;gap:7px;margin:8px 20px 8px 0;font-weight:400}.permission-group input{margin:0}
.home-banner-editor{border:1px solid #e1e7ee;border-radius:10px;padding:18px;background:#fafbfd}.home-banner-preview{display:block;width:100%;max-width:550px;aspect-ratio:2.5;object-fit:cover;border-radius:8px;margin-bottom:14px}.home-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-height:520px;overflow:auto;padding:3px}.home-recommendation{border:1px solid #e1e7ee;border-radius:8px;padding:12px;display:flex;gap:12px;align-items:center}.home-recommendation>label:first-child{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;cursor:pointer}.home-recommendation input[type=checkbox]{width:18px;height:18px;flex:none;margin:0}.home-recommendation img{width:48px;height:48px;object-fit:cover;border-radius:6px}.home-recommendation span{overflow-wrap:anywhere}.home-recommendation small{display:block;color:#ed702e;margin-top:4px}.home-recommendation .recommend-sort{width:64px;flex:none;font-size:12px;margin:0;color:#6c7d93}.recommend-sort input{padding:5px;height:32px}