@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#263044;background:#f8f9fc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1120px}button,input{font:inherit}.row-photo,.editor-preview{width:42px;height:42px;object-fit:cover;border-radius:8px;background:#f6f7f9;vertical-align:middle}.editor-preview{width:160px;height:90px;display:block;margin-top:8px}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid #edf0f5;display:flex;flex-direction:column;padding:27px 15px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 30px}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand small{display:block;color:#9ba4b4;font-size:11px;margin-top:4px}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff8a62,#ff5c5d);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700;box-shadow:0 8px 18px #ff735833}.small-mark{width:48px;height:48px;border-radius:16px;font-size:28px}.workspace-card{display:flex;align-items:center;gap:9px;background:#fff7f3;border:1px solid #ffe3d5;border-radius:12px;padding:10px 11px;margin:0 4px 28px}.workspace-card b{font-size:12px}.workspace-card small{display:block;color:#a3a9b5;font-size:10px;margin-top:2px}.workspace-card>span{margin-left:auto;color:#d6a996}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#ff7358;box-shadow:0 0 0 4px #ffe0d5}.menu-label{font-size:10px;text-transform:uppercase;color:#b1b8c4;letter-spacing:1.3px;padding:0 14px;margin:0 0 8px}.menu-item{width:100%;height:43px;border-radius:10px;background:transparent;color:#8c95a5;text-align:left;padding:0 13px;display:flex;align-items:center;gap:12px;font-size:13px;margin:3px 0;transition:.2s}.menu-item:hover{background:#fff7f4;color:#ff7358}.menu-item.active{background:#fff0ea;color:#ff674f;font-weight:600;box-shadow:inset 3px 0 #ff7358}.menu-icon{width:17px;text-align:center;font-size:16px;color:currentColor}.menu-badge{margin-left:auto;background:#ff7358;color:#fff;font-size:10px;font-style:normal;border-radius:8px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;background:#f7f8fb;border-radius:13px;padding:13px 11px;margin:0 4px 13px}.help-card>span{color:#ff8b5e;font-size:20px}.help-card b{display:block;font-size:11px}.help-card small{display:block;color:#a3a9b5;font-size:10px;margin-top:3px}.help-card strong{margin-left:auto;color:#a5adbc}.main-content{margin-left:248px;flex:1;min-height:100vh;padding:0 44px 60px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff1f5}.breadcrumb{display:flex;align-items:center;gap:11px;color:#a2a9b5;font-size:12px}.breadcrumb b{color:#d4d8e0;font-weight:400}.breadcrumb strong{color:#3b4558;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{width:35px;height:35px;border-radius:10px;color:#8e97a8;background:transparent;font-size:20px;position:relative}.icon-button:hover{background:#fff}.notice i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff7358;right:8px;top:7px}.user-chip{display:flex;align-items:center;gap:9px;padding-left:15px;border-left:1px solid #edf0f4}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;color:#a4acba;font-size:10px;margin-top:3px}.user-chip>span{color:#9fa7b4;margin-left:7px}.avatar{width:33px;height:33px;border-radius:11px;background:#ffe3d3;color:#ee7457;display:grid;place-items:center;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:flex-end;padding:37px 0 29px}.page-head h1{font-size:27px;letter-spacing:-.8px;margin:8px 0 6px}.page-head p:not(.eyebrow){margin:0;color:#9ba4b4;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#ff7b5e;font-weight:700;margin:0}.head-actions{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #edf0f5;height:38px;border-radius:10px;padding:0 12px;color:#a7afbd}.search-box input{border:0;outline:0;font-size:12px;width:170px;color:#273245}.primary-button{height:38px;padding:0 17px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#ff8661,#ff635a);box-shadow:0 8px 18px #ff73582b;font-size:12px;font-weight:600}.primary-button:hover{transform:translateY(-1px)}.wide{width:100%;height:46px;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{background:#fff;border:1px solid #eff1f5;border-radius:16px;padding:18px 19px 16px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-25px;top:-35px;opacity:.08}.accent-orange:after{background:#ff7358}.accent-blue:after{background:#5b8def}.accent-purple:after{background:#8b6de8}.accent-green:after{background:#26b9a5}.metric-top{display:flex;justify-content:space-between;color:#9ca5b4;font-size:12px}.metric-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:17px}.accent-orange .metric-icon{color:#ff7358;background:#fff0ea}.accent-blue .metric-icon{color:#5b8def;background:#edf4ff}.accent-purple .metric-icon{color:#8b6de8;background:#f2efff}.accent-green .metric-icon{color:#26b9a5;background:#eafaf6}.metric-card>strong{display:block;font-size:25px;margin:13px 0 10px;letter-spacing:-.5px}.metric-foot{display:flex;gap:7px;align-items:center;color:#adb4c0;font-size:10px}.positive{color:#36b28c;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:15px;margin-top:17px}.panel{background:#fff;border:1px solid #eff1f5;border-radius:16px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.2px}.panel-head p{color:#abb2bf;font-size:11px;margin:6px 0 0}.select-button,.filter-button{background:#f8f9fb;border:1px solid #eef0f4;border-radius:8px;color:#8d96a5;font-size:11px;padding:7px 10px}.panel-more{color:#bbc2cd;letter-spacing:2px}.chart-wrap{height:238px;display:flex;margin:20px 0 0}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#c1c6cf;font-size:10px;padding:2px 12px 25px 0}.bar-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:9px;border-bottom:1px solid #edf0f5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#f0f2f5 55px)}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;gap:7px}.bar{width:20px;min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff9874,#ff6b58)}.bar-column:nth-child(2n) .bar{background:linear-gradient(180deg,#ffbd92,#ff8765)}.bar-column small{position:absolute;bottom:-23px;color:#aeb5c1;font-size:10px}.bar-value{font-size:10px;color:#aab2c0;position:absolute;bottom:calc(0% + 28px);opacity:0}.bar-column:hover .bar-value{opacity:1}.donut-wrap{display:flex;align-items:center;gap:26px;padding:26px 7px 14px}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#5b8def 0,#5b8def 42%,#8b6de8 42%,#8b6de8 73%,#26b9a5 73%,#26b9a5);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:24px}.donut small{display:block;color:#abb2c0;font-size:10px;margin-top:3px}.legend{flex:1}.legend>div{display:flex;align-items:center;gap:8px;margin:17px 0;font-size:11px;color:#8f98a7}.legend i{width:8px;height:8px;border-radius:50%}.legend b{margin-left:auto;color:#3d4859;font-size:12px}.lower-grid{margin-top:15px;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}.text-button{background:transparent;color:#ff7358;font-size:11px}.simple-list{margin-top:16px}.list-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f2f5}.list-row:last-child{border-bottom:0}.row-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto}.row-avatar.orange{background:#fff0e8;color:#ec805f}.row-avatar.purple{background:#f0edff;color:#8d71e3}.row-avatar.green{background:#e8faf6;color:#2ca98d}.row-main{flex:1}.row-main b{display:block;font-size:11px}.row-main small{display:block;color:#abb2bf;font-size:10px;margin-top:4px}.list-row>strong{font-size:12px;margin-right:12px}.status-pill,.role-pill,.type-tag{display:inline-flex;align-items:center;border-radius:6px;font-size:10px;padding:4px 8px;white-space:nowrap}.status-pill.blue{background:#edf4ff;color:#5b8def}.status-pill.green{background:#e8faf5;color:#29a885}.status-pill.orange{background:#fff2e8;color:#e8945c}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.quick-grid button{border:1px solid #f0f1f4;border-radius:12px;background:#fff;text-align:left;padding:12px;transition:.2s}.quick-grid button:hover{border-color:#ffd4c4;transform:translateY(-1px)}.quick-icon,.setting-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;margin-bottom:10px}.quick-icon.blue,.setting-icon.blue{color:#5b8def;background:#edf4ff}.quick-icon.purple,.setting-icon.purple{color:#8b6de8;background:#f2efff}.quick-icon.green{color:#26b9a5;background:#eafaf6}.quick-icon.orange,.setting-icon.orange{color:#ff7358;background:#fff0ea}.quick-grid b{display:block;font-size:11px}.quick-grid small{display:block;color:#aab2bf;font-size:10px;margin-top:4px}.table-panel{padding:0;overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid #eff1f4}.table-summary{font-size:12px;color:#9aa3b1}.table-summary b{color:#273245}.toolbar-actions{display:flex;gap:8px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#a3aab7;font-size:10px;font-weight:500;background:#fbfbfd;padding:13px 21px}td{padding:15px 21px;border-top:1px solid #f2f3f6;color:#6e7889}td b{color:#303b4d;font-weight:600}.table-user{display:flex;align-items:center;gap:9px}.product-thumb{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#dce8ff,#9fbaff)}.role-pill.user{background:#f1f5ff;color:#6c82c6}.role-pill.merchant{background:#fff0e7;color:#e78a57}.status-dot{display:flex;align-items:center;gap:6px;font-size:10px;color:#5c9f86}.status-dot i{width:6px;height:6px;border-radius:50%;background:#3bc092}.status-dot i.off{background:#c3c8d0}.row-action{background:transparent;color:#ff7358;font-size:11px}.type-tag.sport{background:#edf4ff;color:#5b8def}.type-tag.reading{background:#f2efff;color:#8b6de8}.type-tag.walk{background:#eafaf6;color:#26a88f}.points,.price{color:#ff7358;font-weight:600}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:90px 20px}.empty-state>div{font-size:42px;color:#ffb29a}.empty-state h2{font-size:17px;margin:12px 0 7px}.empty-state p{color:#a3abb8;font-size:12px}.settings-grid{display:grid;gap:13px;max-width:760px}.setting-card{display:flex;align-items:center;gap:15px;padding:22px}.setting-card .setting-icon{margin:0;width:42px;height:42px;border-radius:13px;font-size:20px}.setting-card h2{font-size:14px;margin:0}.setting-card p{color:#a4acb8;font-size:11px;margin:6px 0 0}.setting-card .text-button{margin-left:auto}.login-page{min-height:100vh;background:linear-gradient(140deg,#fff8f4,#fbfcff 60%,#f4f7ff);display:grid;place-items:center;position:relative;overflow:hidden}.login-card{width:405px;background:#fff;border:1px solid #f0e9e5;border-radius:22px;box-shadow:0 25px 80px #e5b5a52e;padding:44px 42px 32px;position:relative;z-index:1}.login-card .brand-mark{margin:0 auto 18px}.login-card .eyebrow{text-align:center;font-size:9px}.login-card h1{text-align:center;font-size:24px;margin:14px 0 8px;letter-spacing:-.5px}.login-desc{text-align:center;color:#a0a8b6;font-size:12px;margin:0 0 30px}.login-form label{display:block;color:#7d8797;font-size:11px;margin:15px 0}.login-form input{display:block;width:100%;height:44px;border:1px solid #e9ecf1;border-radius:10px;padding:0 13px;outline:0;margin-top:7px;color:#303a4b;font-size:12px}.login-form input:focus{border-color:#ffad93;box-shadow:0 0 0 3px #fff1eb}.error-text{font-size:11px;color:#e66f5c;margin:9px 0}.login-tip{text-align:center;color:#b4bac5;font-size:10px;margin:20px 0 0}.login-decoration{position:absolute;border-radius:50%;filter:blur(1px)}.decoration-one{width:460px;height:460px;background:#ffe3d6;right:-170px;top:-190px}.decoration-two{width:320px;height:320px;background:#e2eaff;left:-130px;bottom:-140px}@media (max-width:1200px){.main-content{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:220px}.main-content{margin-left:220px}}.subhead{margin:18px 0 8px;color:#263044;font-size:15px}.inline-input{width:220px;height:34px;padding:0 10px;border:1px solid #edf0f5;border-radius:8px}.editor-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1c212d59}.editor-card{width:420px;padding:24px;border-radius:16px;background:#fff}.editor-card h2{margin:0 0 14px;font-size:18px}.editor-card label{display:block;margin-top:12px;color:#667085;font-size:13px}.editor-card input,.editor-card select,.editor-card textarea{width:100%;height:38px;margin-top:6px;padding:0 10px;border:1px solid #edf0f5;border-radius:8px;box-sizing:border-box}.editor-card textarea{height:90px;padding:8px 10px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}