:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#20262a;background:#f3f5f5;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;z-index:20;display:flex;flex-direction:column;padding:26px 16px 18px;color:#eef2ef;background:#151a1e;border-right:1px solid #293034}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 27px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #d4a541;color:#171a1b;background:#d4a541;font:700 20px Georgia,serif}.brand div{display:grid;gap:2px}.brand strong{font-size:19px}.brand small{color:#929b9f;font-size:12px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;color:#aeb6b9;text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{color:#fff;background:#20272b}.sidebar nav a.active{color:#f2c96f;background:#242a2d;border-left-color:#d4a541}.logout{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px;color:#b8c0c3;background:transparent;border:0;border-top:1px solid #30373a}.main-area{grid-column:2;min-width:0}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;border-bottom:1px solid #dde1e1}.topbar h1{margin:3px 0 0;font-size:23px}.eyebrow{color:#a37822;font-size:10px;font-weight:800;letter-spacing:1.5px}.page-content{padding:28px 34px 50px}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;color:#596267;background:#fff;border:1px solid #d9dede;border-radius:6px}.icon-button svg{width:18px}.icon-button:disabled{cursor:not-allowed;opacity:.4}.menu-button,.close-menu{display:none}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{min-height:132px;display:flex;align-items:flex-start;gap:15px;padding:22px;background:#fff;border:1px solid #e0e4e4;border-radius:7px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:6px}.stat-icon.gold{color:#7e5b14;background:#f6e5b7}.stat-icon.teal{color:#12685e;background:#cfebe6}.stat-icon.red{color:#a53838;background:#f6d8d6}.stat-icon.blue{color:#285e83;background:#dbe9f3}.stat-card div:last-child{display:grid;gap:5px}.stat-card span,.stat-card small{color:#7f898d;font-size:12px}.stat-card strong{font-size:25px}.section-band{margin-top:22px;padding:24px;background:#fff;border-top:3px solid #d4a541}.section-band h2{margin:3px 0 20px;font-size:19px}.attention-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e1e4e4}.attention-list div{display:grid;gap:6px;padding:18px 20px;border-right:1px solid #e1e4e4}.attention-list div:last-child{border:0}.attention-list strong{font-size:24px}.attention-list span{color:#737d81;font-size:13px}.data-view,.settings-list{background:#fff;border:1px solid #e0e4e4}.table-tools{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #e2e5e5}.search-box{display:flex;align-items:center;width:min(440px,100%);border:1px solid #cfd5d5;border-radius:5px;overflow:hidden}.search-box svg{margin-left:12px;color:#8a9497}.search-box input{min-width:0;flex:1;height:40px;padding:0 10px;border:0;outline:0}.search-box button{align-self:stretch;padding:0 18px;border:0;color:#fff;background:#2b5c58}select{height:42px;padding:0 35px 0 12px;color:#343a3d;background:#fff;border:1px solid #cfd5d5;border-radius:5px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:44px;padding:0 14px;color:#6d777b;background:#f4f6f6;text-align:left;font-size:12px;font-weight:700}td{height:54px;max-width:300px;padding:9px 14px;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #edf0f0;font-size:13px}.empty-state{padding:58px 20px;color:#8b9497;text-align:center}.pagination{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;color:#737d81;border-top:1px solid #e2e5e5;font-size:13px}.pagination div{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;color:#596267;background:#eef1f1;border-radius:3px;font-size:12px}.status-1,.status-paid,.status-3{color:#14675d;background:#d7eee9}.status-0,.status-5,.status-expired{color:#a13939;background:#f5dedd}.status-pending{color:#8b6414;background:#f8e9bd}.row-actions{display:flex;gap:7px}.approve{color:#14675d;border-color:#b8ddd5}.reject{color:#a13939;border-color:#e9c2c0}.settings-list{position:relative}.setting-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) 42px;align-items:center;gap:20px;min-height:78px;padding:13px 18px;border-bottom:1px solid #e8ebeb}.setting-row:last-of-type{border:0}.setting-row label{display:grid;gap:4px}.setting-row small{color:#8a9497}.setting-row input{height:42px;padding:0 12px;border:1px solid #cfd5d5;border-radius:5px;outline:0}.setting-row input:focus{border-color:#b68a30;box-shadow:0 0 0 2px #f5e5bd}.save{color:#7e5b14;border-color:#dfc27c}.message{padding:11px 13px;font-size:13px}.message.error{color:#a33131;background:#f8e1df;border:1px solid #edc2bf}.toast{position:fixed;right:28px;bottom:28px;z-index:50;padding:13px 18px;color:#fff;background:#202629;border-radius:5px;box-shadow:0 10px 35px #151a1e33}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#101517a8}.product-control-dialog{width:min(920px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #d9dede;border-radius:7px;box-shadow:0 24px 80px #0e151855}.dialog-header{position:sticky;top:0;z-index:2;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:#fff;border-bottom:1px solid #e0e4e4}.dialog-header h2{margin:4px 0 0;font-size:21px}.dialog-header h2 small{margin-left:8px;color:#7d878a;font-size:13px;font-weight:600}.sandbox-notice{display:grid;gap:5px;margin:20px 22px 0;padding:13px 15px;color:#875827;background:#fff4dc;border-left:4px solid #d39a32;font-size:13px}.sandbox-notice.enabled{color:#17665d;background:#e4f4f0;border-left-color:#278174}.sandbox-notice strong{font-size:14px}.sandbox-notice span{line-height:1.55}.control-section{margin-top:24px;padding:0 22px 22px;border-bottom:1px solid #e8ebeb}.control-heading{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.control-heading h3{margin:0 0 5px;font-size:17px}.control-heading p{margin:0;color:#7b8589;font-size:12px;line-height:1.5}.secondary-button,.primary-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:5px;font-weight:700}.secondary-button{color:#4a5458;background:#fff;border:1px solid #cfd5d5}.primary-action{color:#fff;background:#23665e;border:1px solid #23665e}.secondary-button svg,.primary-action svg{width:17px}.primary-action:disabled{cursor:not-allowed;opacity:.6}.control-grid{display:grid;align-items:center;gap:8px;margin-top:8px}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr)) 42px}.time-grid{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(235px,1.35fr) 42px}.control-labels{margin-top:0;color:#697377;font-size:12px;font-weight:700}.control-grid input,.control-grid select{width:100%;height:42px;padding:0 11px;color:#2e3538;background:#fff;border:1px solid #cfd5d5;border-radius:5px;outline:0}.control-grid input:focus,.control-grid select:focus{border-color:#a97c29;box-shadow:0 0 0 2px #f5e5bd}.inline-empty{padding:25px 14px;color:#879094;background:#f6f7f7;text-align:center;font-size:13px}.dialog-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;background:#fff;border-top:1px solid #dfe3e3}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,45%) 1fr;background:#f1f3f2}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:50px max(45px,11vw);background:#fff}.login-brand{position:absolute;top:32px;left:max(45px,11vw);padding:0;color:#222729}.login-copy h1{margin:6px 0 10px;font-size:32px}.login-copy p{margin:0 0 30px;color:#788185}.login-panel form{display:grid;gap:18px}.login-panel label{display:grid;gap:7px;font-size:13px;font-weight:700}.field{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #cbd1d1;border-radius:5px}.field svg{color:#849094}.field input{min-width:0;flex:1;border:0;outline:0}.primary-button{min-height:49px;color:#fff;background:#23665e;border:0;border-radius:5px;font-weight:800}.primary-button:disabled{opacity:.6}.login-aside{display:flex;align-items:flex-end;padding:70px;color:#eef2ef;background:#182426;border-left:10px solid #d4a541}.login-aside div{max-width:540px}.login-aside span{color:#e1bd6b;font-weight:800;letter-spacing:3px}.login-aside h2{margin:13px 0;font-size:clamp(32px,4vw,56px);line-height:1.12}.login-aside p{max-width:430px;color:#aebcba;line-height:1.8}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.main-area{min-height:100vh}.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-mask{position:fixed;inset:0;z-index:19;border:0;background:#10141699}.close-menu{display:grid;position:absolute;top:21px;right:12px;color:#dbe0e0;background:transparent;border-color:#414a4e}.menu-button{display:grid}.topbar{height:72px;padding:0 16px}.topbar h1{font-size:20px}.page-content{padding:18px 14px 36px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:108px}.attention-list{grid-template-columns:1fr}.attention-list div{border-right:0;border-bottom:1px solid #e1e4e4}.table-tools{align-items:stretch;flex-direction:column}.search-box{width:100%}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody{display:grid;gap:10px;padding:12px}tr{padding:8px 12px;border:1px solid #e0e4e4;border-radius:5px}td{height:auto;min-height:38px;max-width:none;display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;white-space:normal;overflow-wrap:anywhere;padding:8px 0;border-top:1px solid #edf0f0}td:first-child{border-top:0}td:before{content:attr(data-label);color:#7d878a;font-size:12px}.setting-row{grid-template-columns:1fr 42px;gap:10px}.setting-row label{grid-column:1 / -1}.login-page{display:block}.login-panel{min-height:100vh;padding:100px 24px 40px}.login-brand{top:26px;left:24px}.login-aside{display:none}.dialog-backdrop{align-items:end;padding:0}.product-control-dialog{max-height:92vh;border-radius:7px 7px 0 0}.dialog-header{padding:14px 16px}.sandbox-notice{margin:14px 14px 0}.control-section{padding:0 14px 18px}.control-heading{align-items:stretch;flex-direction:column}.control-heading .secondary-button{align-self:flex-start}.control-labels{display:none}.rule-grid,.time-grid{grid-template-columns:1fr 1fr 42px;padding:10px;background:#f7f8f8;border:1px solid #e1e5e5;border-radius:5px}.rule-grid input:nth-child(3),.time-grid select{grid-column:1 / 3}.rule-grid .icon-button,.time-grid .icon-button{grid-column:3;grid-row:1}.dialog-footer{padding:13px 14px}.dialog-footer button{flex:1}}