:root{
  --el-color-primary:#9e733c;
  --el-color-primary-light-3:#b99566;
  --el-color-primary-light-5:#cdb08b;
  --el-color-primary-light-7:#e0cdb3;
  --el-color-primary-light-8:#eadccc;
  --el-color-primary-light-9:#f5eee5;
  --el-color-primary-dark-2:#7f5928;
  --el-border-radius-base:9px;
  --el-border-color:#ded6cc;
  --el-fill-color-light:#f7f3ed;
  --el-bg-color-page:#f7f5f1;
  --orange-gold:#9e733c;
  --orange-gold-dark:#7f5928;
  --orange-ink:#29241e;
  --orange-muted:#81766a;
  --orange-line:#e5ddd2;
  --orange-canvas:#f7f5f1;
  --orange-card:#fff;
}
html,body,#app{min-height:100%;background:var(--orange-canvas);color:var(--orange-ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
#app .admin-shell{min-height:100vh;background:var(--orange-canvas)}
#app .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:10030!important;width:232px!important;height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;border-right:1px solid var(--orange-line)!important;box-shadow:4px 0 18px rgba(61,45,27,.035);scrollbar-width:thin;scrollbar-color:#d5c5b1 transparent}
#app .admin-sidebar::-webkit-scrollbar{width:5px}#app .admin-sidebar::-webkit-scrollbar-thumb{border-radius:8px;background:#d5c5b1}#app .admin-sidebar::-webkit-scrollbar-track{background:transparent}
#app .admin-shell>.el-container{min-width:0!important;margin-left:232px!important}
#app .brand-block{position:sticky!important;top:0!important;z-index:2!important;height:68px!important;padding:12px 16px!important;border-bottom:1px solid #eee8df;gap:11px!important;background:#fff!important}
#app .brand-mark{width:38px!important;height:38px!important;border-radius:10px!important;background:#172132!important;color:#e4c596!important;box-shadow:0 5px 15px rgba(23,33,50,.18)}
#app .brand-title{color:#27231e!important;font-weight:800!important;letter-spacing:.3px}
#app .brand-subtitle{color:#9a8f83!important;font-size:11px!important}
#app .admin-menu{padding:8px 10px!important;border-right:0!important;background:#fff!important}
#app .admin-menu .el-menu-item{height:41px!important;line-height:41px!important;margin:1px 0!important;border-radius:9px!important;color:#514a42!important;font-weight:500!important;transition:.18s!important}
#app .admin-menu .el-menu-item:hover{background:#f7f2ea!important;color:var(--orange-gold-dark)!important}
#app .admin-menu .el-menu-item.is-active{background:#efe5d7!important;color:var(--orange-gold-dark)!important;font-weight:700!important}
#app .admin-menu .el-menu-item.is-active::after{content:"";position:absolute;right:9px;width:4px;height:18px;border-radius:5px;background:var(--orange-gold)}
#app .admin-header{position:sticky!important;top:0!important;z-index:10020!important;height:56px!important;padding:0 24px!important;border-bottom:1px solid var(--orange-line)!important;background:rgba(255,255,255,.97)!important;box-shadow:0 2px 12px rgba(62,45,27,.025);backdrop-filter:blur(10px)}
#app .admin-header>div:first-child{color:#2d2822!important;font-size:17px!important;font-weight:800!important}
#app .admin-main{padding:28px 30px 42px!important;background:var(--orange-canvas)!important}
#app .page{max-width:1500px;margin:0 auto!important;color:var(--orange-ink)}
#app .page-header{align-items:flex-start!important;margin-bottom:22px!important}
#app .page-header>div:first-child::before{content:"ORANGE ELITE · 门店经营中台";display:block;margin-bottom:5px;color:var(--orange-gold);font-size:11px;font-weight:800;letter-spacing:1.8px}
#app .page-header h1{margin:0 0 7px!important;color:var(--orange-ink)!important;font-size:27px!important;line-height:1.25!important;letter-spacing:-.3px}
#app .page-header p{margin:0!important;color:var(--orange-muted)!important;line-height:1.65!important}
#app .page-header__actions{gap:9px!important;flex-wrap:wrap!important}
#app .panel,#app .metric,#app [class*="card"]:not(.el-card__body){border:1px solid var(--orange-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(78,58,35,.045)!important}
#app .panel{padding:18px!important}
#app .metric-grid{gap:14px!important;margin-bottom:18px!important}
#app .metric{padding:17px 19px!important}
#app .metric span{color:#8b8177!important;font-size:12px!important}
#app .metric strong{color:var(--orange-ink)!important;font-size:24px!important}
#app .panel-title{margin:0 0 14px!important;color:#3a332c!important;font-size:16px!important}
.el-button{min-height:36px;border-radius:9px!important;font-weight:600!important;transition:.18s!important}
.el-button:hover{transform:translateY(-1px)}
.el-button--primary{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important;box-shadow:0 6px 15px rgba(126,88,40,.15)!important}
.el-button--primary:hover{border-color:var(--orange-gold-dark)!important;background:var(--orange-gold-dark)!important}
.el-button:not(.el-button--primary){border-color:#d9cdbd!important;color:#534b43!important;background:#fff!important}
.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-input-number,.el-date-editor{border-radius:9px!important;background:#fbfaf8!important;box-shadow:0 0 0 1px #ded6cc inset!important}
.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--orange-gold) inset,0 0 0 3px rgba(158,115,60,.10)!important}
.el-table{--el-table-border-color:#eee8df;--el-table-header-bg-color:#faf7f2;--el-table-row-hover-bg-color:#fcfaf7;border-radius:10px!important;color:#443d36!important}
.el-table th.el-table__cell{height:48px;background:#faf7f2!important;color:#81766a!important;font-size:12px!important;font-weight:700!important}
.el-table td.el-table__cell{padding:12px 0!important;border-bottom-color:#f0ebe5!important}
.el-table::before{display:none!important}
.el-tag{border-radius:16px!important;border-color:#e4d7c7!important;background:#f5eee5!important;color:#795d38!important}
.el-switch.is-checked .el-switch__core{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important}
.el-dialog,.el-drawer{border-radius:16px!important;background:#fff!important;box-shadow:0 28px 80px rgba(28,21,14,.26)!important}
.el-dialog__header,.el-drawer__header{padding:20px 22px!important;border-bottom:1px solid #eee7dd!important;color:var(--orange-ink)!important;font-weight:800!important}
.el-dialog__body,.el-drawer__body{padding:20px 22px!important}.el-dialog__footer{padding:15px 22px!important;border-top:1px solid #eee7dd!important}
.el-overlay{background:rgba(29,25,21,.50)!important;backdrop-filter:blur(2px)}
.el-loading-mask{background:rgba(247,245,241,.76)!important}.el-loading-spinner .circular{color:var(--orange-gold)!important}.el-loading-spinner .path{stroke:var(--orange-gold)!important}
.el-message-box{border-radius:14px!important;border-color:var(--orange-line)!important}
.el-pagination.is-background .el-pager li.is-active{background:var(--orange-gold)!important}

/* Custom business modules are aligned to the same 232px sidebar and 56px header. */
.member-admin,.marketing-admin,.coach-admin,.order-admin{left:232px!important;top:56px!important;padding:28px 30px 42px!important;background:var(--orange-canvas)!important;color:var(--orange-ink)!important}
.member-admin .ma-head,.marketing-admin .mk-head,.coach-admin .ca-head,.order-admin .oa-head{max-width:1500px;margin:0 auto 22px!important;align-items:flex-start!important}
.member-admin h1,.marketing-admin h1,.coach-admin h1,.order-admin h1{margin:0!important;color:var(--orange-ink)!important;font-size:27px!important}
.member-admin h1::before,.marketing-admin h1::before,.coach-admin h1::before,.order-admin h1::before{content:"ORANGE ELITE · 门店经营中台";display:block;margin-bottom:5px;color:var(--orange-gold);font-size:11px;font-weight:800;letter-spacing:1.8px}
.member-admin .ma-panel,.marketing-admin .mk-card,.coach-admin .ca-card,.order-admin .oa-card{max-width:1500px;margin-left:auto;margin-right:auto;padding:18px!important;border:1px solid var(--orange-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(78,58,35,.045)!important}
.member-admin button,.member-admin input,.member-admin select,.marketing-admin button,.marketing-admin input,.marketing-admin select,.coach-admin button,.coach-admin input,.coach-admin select,.order-admin button,.order-admin input{min-height:36px!important;border:1px solid #d9cdbd!important;border-radius:9px!important;background:#fff!important;color:#514a42!important}
.member-admin button.primary,.marketing-admin button.primary,.coach-admin button.primary,.order-admin button.primary{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important;color:#fff!important;box-shadow:0 6px 15px rgba(126,88,40,.15)!important}
.member-admin th,.marketing-admin th,.coach-admin th,.order-admin th{background:#faf7f2!important;color:#786e64!important;font-size:12px!important}
.member-admin th,.member-admin td,.marketing-admin th,.marketing-admin td,.coach-admin th,.coach-admin td,.order-admin th,.order-admin td{border-bottom-color:#f0ebe5!important}
.member-admin .ma-tabs{max-width:1500px;margin:0 auto 14px!important}.member-admin .ma-link,.coach-schedule-link{color:var(--orange-gold)!important}
.member-admin table{min-width:900px!important}.member-admin th,.member-admin td{padding:10px 7px!important;font-size:12px!important}.member-admin .ma-table{scrollbar-width:thin;scrollbar-color:#d5c5b1 transparent}
.member-admin .ma-mask,.coach-schedule-mask{background:rgba(29,25,21,.50)!important;backdrop-filter:blur(2px)}
.member-admin .ma-dialog,.coach-schedule-drawer{border-left:1px solid var(--orange-line);background:#fff!important;box-shadow:-18px 0 55px rgba(28,21,14,.18)}
.order-admin .oa-tag{background:#f3ede4!important;color:#7d633e!important}.order-admin .oa-status{color:#9e733c!important}.order-admin .oa-desc{color:var(--orange-muted)!important}

/* Marketing keeps its category rail, but removes the old blue template and heavy nested scrollbar. */
.marketing-admin{padding:0!important;background:var(--orange-canvas)!important}
.marketing-nav{width:200px!important;flex:0 0 200px!important;padding:20px 12px!important;border-right:1px solid var(--orange-line)!important;background:#fff!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#d5c5b1 transparent}
.marketing-nav::-webkit-scrollbar{width:4px}.marketing-nav::-webkit-scrollbar-thumb{border-radius:8px;background:#d5c5b1}.marketing-nav h2{margin:0 10px 12px!important;color:var(--orange-ink)!important;font-size:20px!important}
.marketing-nav button{height:37px!important;min-height:37px!important;margin:1px 0!important;padding:0 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#5e554c!important;box-shadow:none!important}
.marketing-nav button:hover{background:#f7f2ea!important;color:var(--orange-gold-dark)!important}.marketing-nav button.active{background:#efe5d7!important;color:var(--orange-gold-dark)!important;font-weight:700!important}.marketing-nav button.disabled{color:#b5ada4!important;background:transparent!important}
.marketing-main{padding:28px 24px 42px!important;background:var(--orange-canvas)!important}.marketing-main h1{margin:0 0 6px!important;color:var(--orange-ink)!important;font-size:27px!important}.marketing-main h1::before{content:"ORANGE ELITE · 门店经营中台";display:block;margin-bottom:5px;color:var(--orange-gold);font-size:11px;font-weight:800;letter-spacing:1.8px}.marketing-desc{color:var(--orange-muted)!important}.marketing-card{padding:18px!important;border:1px solid var(--orange-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(78,58,35,.045)!important}.marketing-toolbar input,.marketing-toolbar select,.marketing-toolbar button{border-color:#d9cdbd!important;border-radius:9px!important}.marketing-toolbar button.primary{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important}.marketing-table th{background:#faf7f2!important;color:#786e64!important}.marketing-table th,.marketing-table td{border-bottom-color:#f0ebe5!important}

/* Store settings uses a secondary rail but shares the same design language. */
.ss-settings-rail{left:232px!important;top:56px!important;width:200px!important;padding:20px 12px!important;border-right:1px solid var(--orange-line)!important;background:#fff!important;box-shadow:4px 0 18px rgba(61,45,27,.035)!important}
.ss-settings-rail a{border-radius:9px!important;color:#635a51!important}.ss-settings-rail a:hover,.ss-settings-rail a.active{background:#efe5d7!important;color:var(--orange-gold-dark)!important}
.store-settings-overlay{left:432px!important;top:56px!important;padding:28px 30px 42px!important;background:var(--orange-canvas)!important;color:var(--orange-ink)!important}
.store-settings-overlay .ss-head,.store-settings-overlay .ss-card{max-width:1385px;margin-left:auto;margin-right:auto}
.store-settings-overlay .ss-head h1::before{content:"ORANGE ELITE · 系统设置";display:block;margin-bottom:5px;color:var(--orange-gold);font-size:11px;font-weight:800;letter-spacing:1.8px}
.store-settings-overlay .ss-card{border:1px solid var(--orange-line)!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(78,58,35,.045)!important}
.store-settings-overlay input,.store-settings-overlay textarea,.store-settings-overlay select{border-color:#ded6cc!important;border-radius:9px!important;background:#fbfaf8!important}
.store-settings-overlay button.primary,.store-settings-overlay #ssV2Save{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important;color:#fff!important}
.store-settings-overlay .ss-v2-payment input[type=checkbox]:checked{background:var(--orange-gold)!important}
.store-settings-overlay .ss-v2-upload button{border-color:var(--orange-gold)!important;background:var(--orange-gold)!important;color:#fff!important;box-shadow:0 6px 15px rgba(126,88,40,.15)!important}.store-settings-overlay input[type=radio]{accent-color:var(--orange-gold)!important}

/* Keep the two purpose-built full experiences intact. */
html.frontdesk-route #app{display:none!important}
#frontdeskV3,#productAdminPro{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
#productAdminPro{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#d5c5b1 transparent}
#productAdminPro .pap-table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d5c5b1 transparent}

@media(max-width:1000px){#app .admin-main{padding:22px 18px 34px!important}.member-admin,.marketing-admin,.coach-admin,.order-admin{padding:22px 18px 34px!important}.ss-settings-rail{display:none!important}.store-settings-overlay,#productAdminPro{left:232px!important}}