:root{--bg-dark:#171411;--bg-darker:#110f0d;--bg-soft:#fcf8f1;--panel:#ffffffed;--panel-strong:#fffffffa;--gold-1:#ffd98f;--gold-2:#ebb85c;--gold-3:#c88f31;--rose-2:#b97890;--green-2:#69be76;--text:#35291f;--sub:#9f9281;--line:#d8c4a56b;--line-strong:#ece0d0eb;--shadow-lg:0 28px 70px #3d2c151f;--shadow-md:0 18px 36px #47341c1a;--shadow-sm:0 10px 18px #4c3a2314;--radius-xl:13.824px;--radius-lg:10.368px;--radius-md:8.64px;--radius-sm:6.912px}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{background:var(--bg-soft);overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell-stage{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.shell-screen{background:var(--bg-soft);width:100%;max-width:none;height:100%;min-height:100%;box-shadow:none;border:none;border-radius:0;margin:0 auto;position:relative;overflow:hidden}.shell-screen:before,.shell-screen:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.shell-screen:before{background:radial-gradient(circle,#ffd58757,#0000 70%);width:280px;height:280px;top:-70px;right:-80px}.shell-screen:after{background:radial-gradient(circle,#fff3dcf2,#0000 68%);width:240px;height:240px;bottom:-110px;left:-90px}.app-shell{z-index:1;grid-template-columns:270px 1fr;min-width:0;height:100%;min-height:100%;display:grid;position:relative;overflow:hidden}.mobile-nav-backdrop,.mobile-nav-trigger{display:none}.shell-side{background:linear-gradient(#fff8ee 0%,#fffdfa 100%);border-right:1px solid #e9decde0;flex-direction:column;gap:22px;min-height:0;padding:22px 18px 18px;display:flex;overflow:auto}.shell-brand{gap:6px;padding:2px 4px 0;display:grid}.shell-brand-mark{color:#7b5a2c;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:700}.shell-brand strong{color:#3f2f22;font-size:18px;line-height:1.3}.menu{flex:auto;align-content:start;gap:10px;display:grid}.menu-item{color:#927f69;border:1px solid #0000;border-radius:13.824px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.menu-item:hover{color:#4a3a2c;background:#ffffffc2}.menu-item.active{color:#2f251c;box-shadow:var(--shadow-sm);background:#fffffff5;border-color:#e8dbc9eb}.menu-item.disabled{opacity:.5;cursor:not-allowed;text-align:left;appearance:none;background:#ffffff57;border:0;width:100%}.menu-dot{color:#7b5a2c;letter-spacing:.06em;background:#ffffff52;border-radius:10.368px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.menu-item.active .menu-dot{color:#6b4411;background:linear-gradient(135deg,#ffdda5b8,#f0b85cd1)}.sidebar-footer{margin-top:auto;padding-top:12px}.screen-entry{background:#ffffff85;margin-bottom:10px}.shell-main{background:radial-gradient(circle at 100% 0,#ffe1ad2e,#0000 20%),linear-gradient(#fffcf8f0,#fbf7effa);min-width:0;min-height:0;padding:24px 24px 28px;overflow:auto}.topbar,.split,.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-main{align-items:center;gap:12px;min-width:0;display:flex}.crumb{color:#a19484;font-size:13px}.top-actions,.action-row{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.avatar-chip{box-shadow:var(--shadow-sm);background:#fffffff0;border:1px solid #e6dbcdeb;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;display:inline-flex}.avatar-chip span{background:linear-gradient(135deg, var(--gold-1), var(--gold-2));color:#694211;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.avatar-chip small{color:#6d5c49;font-size:13px;font-weight:700}.page-banner{border-radius:var(--radius-xl);color:#563712;background:linear-gradient(135deg,#ffd890eb,#ebb85ceb);padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 34px #dba74e33}.page-banner:after{content:"";background:radial-gradient(circle,#b1782f24,#ffffff1f 58%,#0000 66%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-30px}.page-banner h2{z-index:1;margin:0 0 8px;font-size:28px;position:relative}.page-banner p{z-index:1;color:#563712c2;max-width:760px;margin:0;font-size:14px;line-height:1.65;position:relative}.restriction-banner{border-radius:var(--radius-md);color:#8d6221;box-shadow:var(--shadow-sm);background:#fff2dbeb;border:1px solid #e8b85c52;padding:14px 16px;font-size:13px;font-weight:700}.shell-main>*+*{margin-top:22px}.metric-grid,.cards-3,.cards-2,.card-grid,.detail-grid,.form-grid,.split-panels,.panel-row{gap:24px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-2,.card-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-row{grid-template-columns:1.2fr 1fr}.split-panels{grid-template-columns:1.4fr 1fr}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.panel,.table-panel,.card{background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-md)}.card.soft,.soft-panel,.mini-card,.list-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);background:#fffffff0;border:1px solid #eee4d6e0}.metric-card,.card,.panel,.soft-panel,.mini-card,.list-card{padding:18px}.stat-title,.metric-card span{color:var(--sub);margin-bottom:10px;font-size:13px;display:block}.stat-value,.metric-card strong{color:var(--gold-3);font-size:30px;font-weight:700;line-height:1.1;display:block}.metric-card em,.stat-note,.muted,.card .muted{color:#b79e7b;font-size:12px;font-style:normal;line-height:1.6}.panel{padding:18px}.table-panel{min-width:0;overflow:visible}.table-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.section-title{border-left:4px solid var(--rose-2);margin:0 0 14px;padding-left:10px;font-size:16px;font-weight:700}.filters,.toolbar{flex-wrap:wrap;gap:10px;display:flex}.filters{padding:0 18px 16px}.toolbar{margin-bottom:16px}.filter-chip,.filter,.input,.textarea,.select{box-shadow:var(--shadow-sm);color:#5b4f43;background:#fffffff0;border:1px solid #e6dbcceb;font-size:13px}.filter-chip,.filter{border-radius:10.368px;align-items:center;min-width:132px;min-height:40px;padding:10px 14px;display:inline-flex}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#8f8272;font-size:13px;font-weight:600}.input,.textarea,.select{border-radius:10.368px;outline:none;width:100%;min-height:42px;padding:0 14px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23907B62' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7' d='m3.5 6 4.5 4 4.5-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px 14px;padding-right:42px;line-height:1.4}.select::-ms-expand{display:none}.select:disabled{cursor:not-allowed;color:#a2927e;background-color:#f7f2eaf5}textarea.textarea{resize:vertical;min-height:112px;padding-top:12px}.input:focus,.textarea:focus,.select:focus{border-color:#e8b85cdb;box-shadow:0 0 0 3px #ffd98f40}.button,.btn{letter-spacing:.02em;white-space:nowrap;border:none;border-radius:27.648px;flex:none;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:40px;padding:0 12px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.button:hover,.btn:hover{transform:translateY(-1px)}.button:disabled,.btn:disabled{opacity:.65;cursor:not-allowed}.button.primary,.btn-primary{color:#fff;background:linear-gradient(#7dd87d,#65c86b);box-shadow:0 14px 24px #67c27533}.button.soft,.btn-secondary{color:var(--rose-2);background:#b978901a}.button.gold,.btn-gold{background:linear-gradient(135deg, var(--gold-1), var(--gold-2));color:#5f3e14;box-shadow:0 12px 22px #e9b85c2e}.button.full,.btn.full{width:100%}.platform-modal-mask .action-row,.platform-modal-mask .password-actions,.platform-modal-mask .delete-action-row,.platform-modal-mask .payment-actions,.platform-modal-mask .store-modal-actions,.platform-modal-mask .membership-plan-actions{white-space:normal;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;gap:12px;width:100%;min-width:0;display:grid}.platform-modal-mask .action-row>.button,.platform-modal-mask .action-row>.btn,.platform-modal-mask .password-actions>.button,.platform-modal-mask .password-actions>.btn,.platform-modal-mask .delete-action-row>.button,.platform-modal-mask .delete-action-row>.btn,.platform-modal-mask .payment-actions>.button,.platform-modal-mask .payment-actions>.btn,.platform-modal-mask .store-modal-actions>.button,.platform-modal-mask .store-modal-actions>.btn,.platform-modal-mask .membership-plan-actions>.button,.platform-modal-mask .membership-plan-actions>.btn{white-space:normal;text-align:center;width:100%;min-width:0;max-width:100%}.table .action-row .button,.table .action-row .btn{border-radius:20.736px;justify-content:center;align-items:center;min-height:36px;padding:0 10px}.table-wrap{width:100%;max-width:100%;padding-bottom:8px;display:block;overflow:auto hidden}.table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.table tbody tr>*{vertical-align:middle}.table th,.table td{text-align:left;vertical-align:middle;white-space:nowrap;border-top:1px solid #ede2d4db;padding:14px 18px}.table th.action-col,.table td.action-cell{z-index:2;background:#fffffffa;width:1%;min-width:max-content;position:sticky;right:0;box-shadow:-10px 0 14px #f7efe4fa}.table th.action-col{z-index:3;background:#fffcf7fa}.table td.action-cell .action-row{width:max-content}.table td>div:not(.action-row),.table td>span,.table td>a,.table td .muted{vertical-align:middle;white-space:nowrap;display:inline-block}.table td>div:not(.action-row)+div:not(.action-row),.table td>div:not(.action-row)+span,.table td>span+div:not(.action-row),.table td>span+span,.table td .muted+.muted{margin-left:8px}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;padding:0 18px 18px;display:flex}.pagination-summary{color:var(--sub);white-space:nowrap;font-size:13px}.pagination-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.table th{color:#a09180;background:#fffcf7cc;font-weight:700}.tag{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.table .tag{padding:5px 10px;font-size:11px}.tag.gold,.tag.warn{color:#b77e1f;background:#f5ca762e}.tag.green,.tag.success{color:#4d9e5e;background:#69be7624}.tag.rose{color:#ab6e85;background:#b9789024}.tag.gray{color:#8b7e6d;background:#a1978824}.mini-card{min-height:132px}.mini-card h4,.list-card h4{margin:0 0 8px;font-size:16px}.mini-card p,.list-card p,.soft-panel p,.detail-line{color:var(--sub);margin:0;font-size:12.5px;line-height:1.6}.icon-badge{color:#69410f;background:linear-gradient(135deg,#ffe0add1,#efb85cdb);border-radius:13.824px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:12px;font-weight:700;display:grid}.icon-badge.rose{color:#8e4a63;background:linear-gradient(135deg,#f6e0e8f0,#ce98aae6)}.icon-badge.green{color:#2f7c44;background:linear-gradient(135deg,#e2f8e6f5,#91dd9ce0)}.list-stack{gap:18px;display:grid}.detail-title{margin-bottom:12px;font-size:16px;font-weight:700}.stack-row,.listing-block{border-bottom:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.stack-row:last-child,.listing-block:last-child{border-bottom:none}.empty-state{color:var(--sub);text-align:center;justify-items:center;gap:8px;padding:20px 0;font-size:13px;display:grid}.empty-state:before{content:"○";width:40px;height:40px;color:var(--gold-3);background:#ffffffb3;border:1px solid #d8c4a599;border-radius:50%;place-items:center;font-size:18px;display:grid}.mono{font-family:Consolas,SFMono-Regular,Menlo,monospace}.login-page{background:radial-gradient(circle at 50% 18%,#ffdeaa75,#0000 22%),linear-gradient(#fffdf8 0%,#fbf7ef 54%,#f7f3eb 100%);place-items:center;min-height:100dvh;padding:28px;display:grid}.login-panel{border-radius:var(--radius-xl);width:min(480px,100%);box-shadow:var(--shadow-lg);text-align:center;background:#fffffff0;border:1px solid #eae0d1e0;padding:34px 34px 30px}.login-logo{color:#fff;background:linear-gradient(135deg, var(--gold-1), var(--gold-2));border:2px dashed #ffffffb8;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 18px;font-size:34px;font-weight:700;display:grid;box-shadow:0 18px 34px #d8a14947}.login-panel h2,.login-panel h3{margin:0;font-size:32px}.login-panel p{color:var(--sub);margin:10px 0 0;line-height:1.65}.login-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;background:linear-gradient(#fffffffa,#fffcf6f0);border:1px solid #ece0d0d1;margin-top:28px;overflow:hidden}.login-card-head{text-align:center;color:#ccb58a;border-bottom:1px solid #e8decfdb;padding:16px 20px;font-size:13px;font-weight:700}.login-card-body{padding:22px 22px 18px}.login-note{color:#91857a;border-top:1px dashed #dacebccc;margin-top:14px;padding-top:14px;font-size:12.5px;line-height:1.6}.agree{color:#b1a496;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.radio{border:2px solid #e1dbd2;border-radius:50%;width:16px;height:16px;display:inline-block}.gold-link{color:#c19a56;font-weight:700}@media (width<=1280px){.metric-grid,.card-grid.cols-4,.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-row,.split-panels,.detail-grid,.app-shell{grid-template-columns:1fr}html,body,#app{height:auto;min-height:100%}body{overflow:auto}.shell-stage,.shell-screen{height:auto;min-height:100dvh;overflow:visible}.app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.shell-stage,.login-page{padding:16px}.shell-screen{min-height:auto}.mobile-nav-trigger span{background:#7b5a2c;border-radius:999px;width:18px;height:2px;margin:0 auto;display:block}.mobile-nav-trigger{width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fffffff5;border:1px solid #e6dbcceb;border-radius:12px;flex-direction:column;flex:none;justify-content:center;gap:4px;padding:0;display:inline-flex}.mobile-nav-backdrop{z-index:5;background:#1f17104d;border:0;padding:0;display:block;position:fixed;inset:0}.shell-side{z-index:6;width:min(280px,100vw - 40px);height:100%;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:24px 0 40px #35291f29}.shell-side.open{transform:translate(0)}.shell-main{min-height:100dvh;padding:18px 16px 24px;overflow:visible}.topbar,.split,.row-between{flex-direction:column;align-items:stretch}.topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.topbar-main{flex:auto;align-items:center;width:100%;min-width:0}.top-actions{flex:none;justify-content:flex-end;margin-left:auto}.metric-grid,.cards-3,.cards-2,.card-grid.cols-2,.card-grid.cols-3,.card-grid.cols-4,.form-grid,.detail-grid{grid-template-columns:1fr}.platform-modal-mask .action-row,.platform-modal-mask .password-actions,.platform-modal-mask .delete-action-row,.platform-modal-mask .payment-actions,.platform-modal-mask .store-modal-actions,.platform-modal-mask .membership-plan-actions{grid-template-columns:1fr;grid-auto-flow:row}}