:root{color:#332617;font-synthesis:none;background:#e7e3dd;font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:2px;outline:3px solid #b8873a59}.site{background:radial-gradient(120% 90% at 50% 0,#f4eddd 0%,#e7ddca 55%,#ddd2bd 100%);min-height:100vh;padding:30px 20px 50px}.brand-header{align-items:flex-end;gap:16px;width:min(1440px,100%);margin:0 auto 18px;display:flex}.brand-name{color:#a8762a;letter-spacing:.06em;font-family:Ma Shan Zheng,STKaiti,serif;font-size:42px;line-height:1}.brand-eyebrow{color:#8a6428;letter-spacing:.22em;font-size:11px}.brand-subtitle{color:#332617;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;font-weight:600}.console{background:#f8f7f4;border:1px solid #d5cec4;border-radius:16px;width:min(1440px,100%);height:930px;margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 45px #4636222e}.sidebar{background:#efece7;border-right:1px solid #d8d3ca;flex-direction:column;flex:none;width:236px;display:flex}.store-brand{border-bottom:1px solid #d8d3ca;align-items:center;gap:11px;padding:20px 20px 16px;display:flex}.store-logo{color:#6f4c1f;background:#dcc28c;border-radius:9px;place-items:center;width:40px;height:40px;font-family:Songti SC,serif;font-size:18px;font-weight:700;display:grid}.store-name{color:#8a6428;font-family:STKaiti,serif;font-size:20px}.store-brand small,.operator small{color:#7c746b;font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:12px;display:flex}.nav-item{color:#403a34;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:42px;padding:10px 13px;transition:background-color .18s,color .18s;display:flex}.nav-item:hover{background:#e9e1d4}.nav-item--active{color:#7a571f;background:#ead9b5;font-weight:500;box-shadow:inset 3px 0 #b8873a}.operator{border-top:1px solid #d8d3ca;align-items:center;gap:10px;padding:14px 16px;font-size:12px;display:flex}.logout{color:#8a6f42;background:0 0;border:0;margin-left:auto;font-size:11px}.operator-avatar{color:#77531d;background:#ead9b5;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Songti SC,serif;display:grid}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{border-bottom:1px solid #d8d3ca;flex:none;align-items:center;gap:16px;height:64px;padding:0 26px;display:flex}.workspace-header h1{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;line-height:1.1}.workspace-header p{color:#7c746b;margin:3px 0 0;font-size:12px}.workspace-spacer{flex:1}.store-switch{color:#554f48;cursor:pointer;background:#fff;border:1px solid #d8d3ca;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:7px 12px;display:flex}.workspace-date{color:#7c746b;border-left:1px solid #d8d3ca;padding-left:16px;font-size:13px}.workspace-content{flex:1;padding:24px 26px 40px;overflow:auto}.period-tabs{justify-content:flex-end;margin-bottom:16px;display:flex}.period-tabs button{cursor:pointer;background:0 0;border:1px solid #d8d3ca;border-right:0;min-width:52px;padding:7px 16px}.period-tabs button:first-child{border-radius:8px 0 0 8px}.period-tabs button:last-child{border-right:1px solid #d8d3ca;border-radius:0 8px 8px 0}.period-tabs .active{color:#78531f;background:#ead9b5}.card{background:#fff;border:1px solid #ded9d0;border-radius:10px;padding:18px;box-shadow:0 2px 7px #3c30220d}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{flex-direction:column;gap:10px;display:flex}.kpi-card>span{color:#7c746b;font-size:12px}.kpi-card strong{font-family:Noto Serif SC,Songti SC,serif;font-size:30px;line-height:1}.kpi-card p{margin:0;font-size:12px;font-weight:500}.kpi-card small{color:#7c746b;font-weight:400}.positive{color:#4b7a3f}.negative{color:#a24a3a}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:16px;margin-top:16px;display:grid}.card-heading{justify-content:space-between;align-items:baseline;display:flex}.card-heading h2{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:17px}.card-heading span{color:#7c746b;font-size:12px}.bar-chart{background:repeating-linear-gradient(#0000 0 43px,#eeeae3 44px);border-bottom:1px solid #d8d3ca;align-items:flex-end;gap:10px;height:210px;padding:18px 8px 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:180px;display:flex}.bar{background:#cfad68;border-radius:3px 3px 0 0;width:46%;min-width:18px;transition:height .2s}.bar-column span{color:#7c746b;white-space:nowrap;font-size:11px}.split-list{flex-direction:column;gap:18px;margin-top:18px;display:flex}.split-list p{justify-content:space-between;margin:0 0 5px;font-size:13px;display:flex}.split-list p span:last-child{color:#655e56}.progress{background:#ede9e2;border-radius:4px;height:8px;overflow:hidden}.progress div{background:#cfad68;border-radius:4px;height:100%}.orders-card{margin-top:16px;padding:18px 0 0;overflow:hidden}.orders-card .card-heading{padding:0 18px 7px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-top:1px solid #e5e1da;padding:12px 16px}th{color:#6f6860;background:#f5f3ef;font-size:12px;font-weight:500}.right{text-align:right}.tag{color:#775b2c;background:#f7f1e5;border:1px solid #d6c8ac;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-flex}.btn{color:#4a2d10;background:#fff;border:1px solid #d8d3ca;border-radius:8px;min-height:38px;padding:8px 15px}.btn-primary{color:#fff;background:#a77830;border-color:#a77830}.btn:disabled{cursor:not-allowed;opacity:.5}.login-page{background:radial-gradient(circle at top,#f8edda,#ddd2bd);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffdf7;border:1px solid #d6cab4;border-radius:16px;flex-direction:column;gap:16px;width:min(420px,100%);padding:36px;display:flex;box-shadow:0 24px 60px #4636222e}.login-card .store-logo{align-self:center;width:52px;height:52px;font-size:24px}.login-card h1,.login-card p{text-align:center;margin:0}.login-card h1{color:#8a6428;font-family:Songti SC,serif}.login-card p{color:#7c746b;margin-bottom:8px}.login-card label,.form-grid label{color:#554f48;flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input,.form-grid input,.form-grid select{color:#332617;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d8d3ca;border-radius:8px;padding:9px 11px}.form-error{color:#8b3d31;background:#f8e7e2;border-radius:8px;padding:10px 12px;font-size:13px}.module-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filter-tabs{border:1px solid #d8d3ca;border-radius:8px;display:flex;overflow:hidden}.filter-tabs button{background:#fff;border:0;border-right:1px solid #d8d3ca;min-height:36px;padding:7px 13px}.filter-tabs button:last-child{border-right:0}.filter-tabs .active{color:#78531f;background:#ead9b5}.toolbar-summary{color:#7c746b;flex:1;font-size:13px}.data-card{padding:0;overflow:hidden}.empty-cell{text-align:center;color:#8a6f42;padding:48px}.text-action{color:#986926;background:0 0;border:0;font-weight:600}.muted{color:#aaa;font-size:12px}.row-actions{gap:8px;display:inline-flex}.text-action.danger{color:#b34f48}.state-card{color:#7c746b;background:#fff;border:1px solid #ded9d0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;display:flex}.state-card--error{color:#8b3d31}.state-card button{background:#fff;border:1px solid #d8d3ca;border-radius:8px;padding:7px 14px}.rule-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.rule-grid article{flex-direction:column;gap:8px;display:flex}.rule-grid strong{color:#8a6428;font-family:Songti SC,serif;font-size:26px}.rule-grid small{color:#7c746b}.campaign-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.campaign-strip article{background:#fbf3df;border:1px solid #d9c596;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.campaign-strip span{color:#7c746b;font-size:12px}.panel-backdrop{z-index:1000;background:#281e146b;justify-content:flex-end;display:flex;position:fixed;inset:0}.action-panel{background:#fffdf7;flex-direction:column;width:min(440px,92vw);height:100%;display:flex;box-shadow:-18px 0 45px #281e1433}.action-panel header{border-bottom:1px solid #e5e1da;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.action-panel h2{margin:0;font-family:Songti SC,serif}.action-panel header button{background:0 0;border:0;width:40px;height:40px;font-size:26px}.form-grid{gap:16px;padding:22px;display:grid;overflow:auto}.action-panel footer{border-top:1px solid #e5e1da;justify-content:flex-end;gap:10px;margin-top:auto;padding:16px 22px;display:flex}.empty-module{color:#8a6f42;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.empty-module h2{color:#4a2d10;margin:14px 0 4px;font-family:Songti SC,serif}.empty-module p{margin:0}.empty-module span{background:#f0e5ce;border-radius:8px;margin-top:18px;padding:8px 12px;font-size:12px}@media (width<=900px){.site{padding:0}.brand-header{display:none}.console{border:0;border-radius:0;height:100vh}.sidebar{width:76px}.store-brand>div:not(.store-logo),.nav-item{font-size:0}.nav-item{justify-content:center}.operator>div:not(.operator-avatar),.logout{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workspace-date{display:none}.rule-grid,.campaign-strip{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
