@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,system-ui,sans-serif;color:#172b27;background:#f3f6f4;font-synthesis:none;--green: #0b5c4e;--green-2: #147665;--gold: #d3a052;--ink: #172b27;--muted: #778783;--line: #dfe8e5;--paper: #fff;--shadow: 0 16px 46px rgba(22, 53, 46, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#f3f6f4}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:252px;padding:29px 22px 20px;display:flex;flex-direction:column;color:#e9f2ef;background:radial-gradient(circle at 20% 10%,#187564 0,transparent 32%),linear-gradient(155deg,#0f5147,#082f2b 78%)}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 31px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark,.login-brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#d7a75b;color:#173d36;font-weight:800}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:.13em}.brand small,.brand span{margin-top:3px;color:#9fc1b9;font-size:11px;letter-spacing:.14em}.side-nav{display:grid;gap:7px;padding:25px 0}.side-nav a{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;color:#aac8c1;font-size:14px;transition:.2s}.side-nav a:hover,.side-nav a.active{color:#fff;background:#ffffff1a}.side-nav a.active{box-shadow:inset 3px 0 #dfad5f}.nav-icon{width:20px;color:#e2b66f;font-size:18px;text-align:center}.rule-mini{margin-top:auto;padding:16px;border:1px solid rgba(226,182,111,.25);border-radius:14px;background:#0000001f;display:grid;gap:7px}.rule-mini span{font-size:11px;color:#9fc1b9}.rule-mini strong{color:#e5b86f;font-size:14px}.rule-mini small{color:#8fb1aa;line-height:1.6}.sidebar-user{margin-top:15px;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:11px 8px;color:#fff;cursor:pointer;text-align:left}.avatar{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#dceae6;color:var(--green);font-weight:700}.sidebar-user>span:last-child{display:flex;flex-direction:column}.sidebar-user small{color:#8fb1aa;margin-top:2px}.main-area{min-height:100vh;margin-left:252px}.topbar{height:94px;padding:20px clamp(24px,3vw,48px);display:flex;align-items:center;justify-content:space-between;background:#ffffffe0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-actions{display:flex;align-items:center;gap:9px}.mobile-account-button{display:none}.topbar p{margin:0 0 5px;color:#8ca09b;font-size:9px;letter-spacing:.18em}.topbar h1{margin:0;font-size:23px}.notice-button{position:relative;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.notice-button>span{color:var(--green);font-size:22px}.notice-button b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;color:#fff;background:#d37a5c;display:grid;place-items:center;font-size:10px}.page-content{padding:33px clamp(22px,3vw,48px) 48px}.mobile-nav{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h2{margin:4px 0 7px;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}.page-heading>div>p:last-child{margin:0;color:var(--muted)}.eyebrow{margin:0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.19em}.month-picker{display:grid;gap:6px;min-width:170px}.month-picker span,.form-grid label span{color:#788985;font-size:11px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;outline:none;background:#fff;padding:10px 12px;color:var(--ink);transition:.2s}input:focus,select:focus,textarea:focus{border-color:#6eaa9e;box-shadow:0 0 0 3px #0b5c4e17}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{position:relative;min-height:143px;padding:23px;border:1px solid #e4ebe8;border-radius:15px;background:#fff;box-shadow:0 8px 30px #213f380a;overflow:hidden;display:flex;flex-direction:column}.metric-card>span{color:#72827e;font-size:12px}.metric-card>strong{margin:17px 0 7px;font-size:clamp(22px,2.3vw,31px);letter-spacing:-.04em}.metric-card>small{color:#a0ada9;font-size:9px;letter-spacing:.08em}.metric-card.featured{color:#fff;border-color:transparent;background:linear-gradient(145deg,#116757,#0a453d)}.metric-card.featured>span,.metric-card.featured>small{color:#b7d3cd}.metric-card.featured>i{position:absolute;right:20px;bottom:14px;color:#e7bd79;font-size:30px;font-style:normal}.metric-dot{position:absolute;right:18px;top:18px;width:8px;height:8px;border-radius:50%}.metric-dot.green{background:#2a9e84;box-shadow:0 0 0 6px #e7f5f1}.metric-dot.gold{background:#d4a052;box-shadow:0 0 0 6px #fbf3e7}.metric-dot.ink{background:#425b55;box-shadow:0 0 0 6px #edf1f0}.metric-card.compact{grid-column:span 2;min-height:91px;flex-direction:row;align-items:center;justify-content:space-between}.metric-card.compact>strong{margin:0}.metric-card em{font-size:13px;font-style:normal;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:18px;margin-top:18px}.panel{border:1px solid #e2eae7;border-radius:15px;background:#fff;box-shadow:0 9px 34px #1f3e370b}.chart-panel,.ranking-panel{padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title small{color:#9aa9a5;font-size:9px;letter-spacing:.16em}.panel-title h3{margin:5px 0 0;font-size:17px}.panel-title a{color:var(--green);font-size:12px;font-weight:600}.live-chip{padding:7px 10px;border-radius:20px;background:#edf7f4;color:#408376;font-size:10px}.live-chip i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#3ca58e}.trend-chart{height:300px;margin-top:12px}.ranking-panel{min-width:0}.rank-row{width:100%;border:0;border-top:1px solid #edf1f0;background:transparent;padding:15px 3px;display:grid;grid-template-columns:25px 38px minmax(80px,1fr) auto;align-items:center;gap:9px;cursor:pointer;text-align:left}.rank-row:first-of-type{margin-top:12px}.rank-row:hover{background:#f8faf9}.rank-index{color:#a5b1ae;font-size:10px}.rank-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e6f1ee;color:var(--green);font-weight:700}.rank-name,.rank-value{min-width:0;display:flex;flex-direction:column}.rank-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-name small,.rank-value small{margin-top:3px;color:#95a29f;font-size:10px}.rank-value{text-align:right}.rank-value strong{font-size:13px}.rules-strip{margin-top:18px;padding:23px;border-radius:15px;color:#fff;background:linear-gradient(110deg,#172b27,#294c44);display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:16px}.rules-intro small{color:#dcb16d;font-size:9px;letter-spacing:.17em}.rules-intro h3{margin:7px 0}.rules-intro p{margin:0;color:#9db1ac;font-size:11px}.rule-item{position:relative;padding:4px 0 4px 17px;border-left:1px solid rgba(255,255,255,.12);display:flex;gap:12px;align-items:center}.rule-item>b{color:#d9ab62;font-size:10px}.rule-item>span{display:flex;flex-direction:column;gap:5px}.rule-item small{color:#9eb2ad;font-size:10px}.rule-item em{position:absolute;right:5px;top:4px;color:#ddb875;font-size:10px;font-style:normal}.heading-actions{display:flex;gap:9px}.primary-button,.secondary-button{border-radius:9px;padding:10px 16px;cursor:pointer;font-weight:600}.primary-button{border:1px solid var(--green);color:#fff;background:var(--green)}.primary-button:hover{background:#084a3f}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.filter-bar{margin-bottom:14px;display:flex;align-items:center;gap:10px}.filter-bar select,.filter-bar input[type=month]{width:auto;min-width:145px}.search-box{position:relative;width:min(390px,100%)}.search-box span{position:absolute;left:13px;top:9px;color:#879793}.search-box input{padding-left:36px}.result-count{margin-left:auto;color:#889793;font-size:12px}.table-panel{overflow:hidden}.desktop-table-wrap{overflow-x:auto}.data-table{width:100%;min-width:900px;border-collapse:collapse}.data-table th{padding:13px 17px;background:#f7f9f8;color:#869590;font-size:10px;letter-spacing:.05em;font-weight:500;text-align:left;white-space:nowrap}.data-table td{padding:15px 17px;border-top:1px solid #edf1ef;font-size:12px;vertical-align:middle}.data-table td>small{display:block;margin-top:4px;color:#9aa6a3}.data-table tr.muted{opacity:.52}.person-cell{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.person-cell>span:last-child{display:flex;flex-direction:column;gap:4px}.person-cell small{color:#98a6a2;font-size:10px}.positive,.reward-value{color:#15816c}.level-chip,.status-chip,.type-chip,.exclude-chip{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;white-space:nowrap}.level-chip{color:#667571;background:#edf2f0}.level-1{color:#84652f;background:#fbf2df}.level-2{color:#327361;background:#e6f4ef}.level-3{color:#fff;background:#153e36}.type-chip.personal{color:#15705e;background:#e4f3ef}.type-chip.assist{color:#936729;background:#faf0de}.status-0{color:#9b6b27;background:#fff3dc}.status-1{color:#176e5d;background:#e7f4f0}.status-2{color:#9b5145;background:#f8e8e5}.row-actions{display:flex;gap:4px}.row-actions button{border:0;background:transparent;color:var(--green);cursor:pointer;font-size:11px}.row-actions .danger{color:#bd6458}.subordinate-button{border:1px solid #cfe2dd;border-radius:7px;padding:6px 9px;color:var(--green);background:#f1f8f6;cursor:pointer;font-size:10px;white-space:nowrap}.subordinate-button:hover{border-color:#8fbbb1;background:#e6f3ef}.subordinate-button span{display:inline-grid;min-width:17px;height:17px;margin-left:3px;padding:0 4px;place-items:center;border-radius:9px;color:#fff;background:var(--green);font-size:9px}.pagination{padding:14px 17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px}.pagination span{color:var(--muted);font-size:11px}.pagination button,.segmented button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 11px;cursor:pointer;font-size:11px}.pagination button:disabled{opacity:.4;cursor:default}.mobile-card-list{display:none}.account-panel{overflow:hidden}.account-table{min-width:820px}.account-identity,.account-identity>span:last-child{display:flex;align-items:center;gap:10px}.account-identity>span:last-child{align-items:flex-start;flex-direction:column;gap:3px}.account-identity small{color:var(--gold);font-size:9px}.account-edit-button{padding:6px 10px;border:1px solid #cfe2dd;border-radius:7px;color:var(--green);background:#f1f8f6;cursor:pointer;font-size:10px}.account-tip{margin:17px 0 0;padding:10px 12px;border-radius:8px;color:#8a682f;background:#fbf2df;font-size:10px;line-height:1.6}.account-form input:disabled,.account-form select:disabled{color:#84938f;background:#f1f4f3;cursor:not-allowed}.role-chip{display:inline-block;padding:5px 9px;border-radius:20px;color:#47786d;background:#e8f3f0;font-size:10px;white-space:nowrap}.role-chip.admin{color:#86642d;background:#fbf0dc}.permission-text{display:inline-block;max-width:210px;color:#657872;font-size:11px;line-height:1.6}.permission-picker{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;display:flex;flex-wrap:wrap;gap:16px}.permission-picker legend{padding:0 5px;color:#788985;font-size:11px}.permission-picker label{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:7px}.permission-picker input{width:16px;height:16px;margin:0;accent-color:var(--green)}.access-denied{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.access-denied>span{color:#c3d1cd;font-size:48px}.access-denied h2{margin:12px 0 5px}.access-denied p{color:var(--muted)}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;color:#9aa8a4}.empty-state span{font-size:30px}.empty-state p{margin:0}.empty-state.small{min-height:100px}.detail-toolbar{margin-bottom:17px;display:flex;align-items:flex-end;justify-content:space-between}.back-button{border:0;background:transparent;color:var(--green);cursor:pointer;padding:8px 0}.profile-hero{padding:27px 30px;border-radius:17px;color:#fff;background:radial-gradient(circle at 85% 25%,rgba(226,182,111,.2),transparent 25%),linear-gradient(120deg,#0d5549,#173d36);display:flex;align-items:center;justify-content:space-between}.profile-main{display:flex;align-items:center;gap:16px}.profile-avatar{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:#ffffff21;color:#edc583;font-size:25px;font-weight:700}.profile-main p{margin:0;color:#9fc5bd;font-size:9px;letter-spacing:.15em}.profile-main h2{margin:6px 0 5px;font-size:25px}.profile-main span{color:#b1cbc5;font-size:12px}.profile-level{min-width:150px;padding-left:25px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}.profile-level small{color:#a5c4bd}.profile-level strong{margin:7px 0;color:#edc27d;font-size:23px}.detail-metrics{margin:15px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-metrics article{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:6px}.detail-metrics article.accent{border:0;color:#fff;background:#c58e3e}.detail-metrics small,.detail-metrics span{color:#82918d;font-size:10px}.detail-metrics .accent small,.detail-metrics .accent span{color:#fff3dc}.detail-metrics strong{font-size:19px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:15px}.branch-panel,.reward-breakdown{padding:22px}.branch-list{margin-top:11px}.branch-row{display:grid;grid-template-columns:38px minmax(100px,1fr) auto auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf1ef}.branch-name,.branch-sale{display:flex;flex-direction:column;gap:4px}.branch-name small,.branch-sale small{color:#97a5a1;font-size:10px}.branch-sale{text-align:right}.exclude-chip{color:#9a5f52;background:#f7e9e6}.exclude-chip.included{color:#247261;background:#e7f4f0}.reward-ring{width:166px;height:166px;margin:22px auto;border-radius:50%;background:conic-gradient(#0c6555 0 65%,#d5a45b 65% 88%,#edf1ef 88%);display:grid;place-items:center}.reward-ring:before{content:"";grid-area:1 / 1;width:125px;height:125px;border-radius:50%;background:#fff}.reward-ring div{z-index:1;grid-area:1 / 1;display:flex;flex-direction:column;text-align:center}.reward-ring strong{font-size:18px}.reward-ring small{margin-top:5px;color:#8a9995}.reward-lines p{display:flex;justify-content:space-between;padding:9px 0;margin:0;border-top:1px solid #edf1ef;font-size:11px}.reward-lines i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.reward-lines i.green{background:#0c6555}.reward-lines i.gold{background:#d5a45b}.reward-lines i.gray{background:#b6c0bd}.detail-orders{margin-top:15px;padding-top:21px}.detail-orders>.panel-title{padding:0 21px 15px}.segmented{padding:3px;border-radius:9px;background:#f1f4f3;display:flex}.segmented button{border:0;background:transparent}.segmented button.active{color:var(--green);background:#fff;box-shadow:0 2px 7px #0000000f}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:50;background:#081e1a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notice-drawer{position:absolute;right:0;top:0;bottom:0;width:min(430px,92vw);padding:27px;background:#fff;box-shadow:-15px 0 50px #08241f26;overflow-y:auto}.drawer-title,.modal-title{display:flex;align-items:center;justify-content:space-between}.drawer-title small,.modal-title small{color:var(--gold);font-size:9px;letter-spacing:.18em}.drawer-title h2,.modal-title h3{margin:5px 0 0}.drawer-title button,.modal-title button{border:0;background:transparent;color:#81918d;font-size:25px;cursor:pointer}.notice-item{position:relative;width:100%;margin-top:12px;padding:16px 22px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:1fr 15px;gap:10px;text-align:left;cursor:pointer}.notice-item.unread{background:#f2f8f6;border-color:#cfe2dd}.notice-item>i{position:absolute;left:9px;top:21px;width:6px;height:6px;border-radius:50%;background:transparent}.notice-item.unread>i{background:#16806c}.notice-item p{margin:6px 0;color:#697b76;font-size:11px;line-height:1.6}.notice-item small{color:#a0ada9}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.modal-backdrop{display:grid;place-items:center;padding:20px}.form-modal{width:min(590px,100%);max-height:92vh;overflow-y:auto;padding:27px;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.subordinate-modal{width:min(720px,100%);height:min(720px,88vh);overflow:hidden;padding:27px;border-radius:16px;background:#f8faf9;box-shadow:var(--shadow);display:flex;flex-direction:column}.tree-person-info,.tree-member-count{display:flex;flex-direction:column}.team-tree,.team-tree-children{margin:0;padding:0;list-style:none}.tree-search{position:relative;display:block;margin-top:22px}.tree-search>span{position:absolute;z-index:1;left:13px;top:9px;color:#879793}.tree-search input{padding-left:36px}.team-tree-scroll{flex:1;height:420px;min-height:0;margin-top:8px;padding-right:5px;overflow-y:auto;scrollbar-gutter:stable}.team-tree{margin-top:5px}.team-tree-node{position:relative}.team-tree-children{position:relative;margin-left:27px;padding-left:25px}.team-tree-children:before{content:"";position:absolute;left:0;top:0;bottom:24px;width:1px;background:#bfd3ce}.team-tree-children>.team-tree-node:before{content:"";position:absolute;left:-25px;top:28px;width:25px;height:1px;background:#bfd3ce}.team-tree-person{position:relative;min-height:58px;margin:8px 0;padding:10px 12px;display:grid;grid-template-columns:25px auto 36px minmax(150px,1fr) auto auto;align-items:center;gap:10px;border:1px solid #e0e9e6;border-radius:11px;background:#fff}.tree-toggle{width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid #c9dcd7;border-radius:6px;color:var(--green);background:#eef7f4;cursor:pointer;font-size:15px;line-height:1}.tree-toggle:hover{border-color:#81b3a8;background:#e3f1ed}.tree-toggle-placeholder{width:24px}.tree-depth{padding:4px 7px;border-radius:6px;color:#8a6a36;background:#fbf1df;font-size:9px;white-space:nowrap}.tree-person-info{gap:3px;min-width:0}.tree-person-info small{overflow:hidden;color:#91a09c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tree-member-count{align-items:flex-end;gap:2px;min-width:42px}.tree-member-count b{color:var(--green)}.tree-member-count small{color:#97a5a1;font-size:9px}.tree-loading,.tree-empty{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8a9995}.tree-loading i{width:25px;height:25px;margin-bottom:13px;border:2px solid #d5e3df;border-top-color:var(--green);border-radius:50%;animation:tree-spin .7s linear infinite}.tree-loading span,.tree-empty p{font-size:11px}.tree-empty>span{color:#c3d1cd;font-size:31px}@keyframes tree-spin{to{transform:rotate(360deg)}}.form-grid{margin-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px}.form-grid .span-2{grid-column:span 2}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:9px}.logout-confirm-modal{position:relative;width:min(410px,100%);padding:34px 34px 30px;overflow:hidden;border:1px solid rgba(13,92,80,.1);border-radius:20px;background:radial-gradient(circle at 50% -30%,rgba(213,164,91,.16),transparent 48%),#fff;box-shadow:0 28px 80px #072a2333;text-align:center}.logout-confirm-modal:before{content:"";position:absolute;top:0;left:50%;width:78px;height:3px;border-radius:0 0 4px 4px;background:var(--gold);transform:translate(-50%)}.logout-confirm-icon{width:58px;height:58px;margin:0 auto 18px;border:1px solid #cfe2dd;border-radius:18px;color:#fff;background:linear-gradient(145deg,#167264,#0b5146);box-shadow:0 10px 24px #0d5c5033;display:grid;place-items:center;font-size:24px}.logout-confirm-modal>small{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.2em}.logout-confirm-modal h3{margin:9px 0 8px;color:#17342e;font-size:22px}.logout-confirm-modal p{margin:0 auto;max-width:300px;color:#82918d;font-size:11px;line-height:1.7}.logout-confirm-actions{margin-top:26px;display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.logout-confirm-actions button{min-height:43px;border-radius:10px;cursor:pointer}.logout-confirm-button{padding:10px 14px;border:0;color:#fff;background:var(--green);box-shadow:0 8px 18px #0d5c502b;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600}.logout-confirm-button:hover{background:#0a5146;transform:translateY(-1px)}.logout-confirm-button span{color:#e8bd75;font-size:16px}.toast-message{position:fixed;z-index:100;top:25px;left:50%;transform:translate(-50%);padding:11px 18px;border-radius:9px;color:#fff;background:#164f44;box-shadow:var(--shadow);font-size:13px}.toast-message.error{background:#a55348}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(410px,1.05fr) minmax(430px,.95fr);background:#f7f8f6}.login-story{position:relative;padding:clamp(32px,6vw,75px);color:#fff;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(42,139,119,.65),transparent 29%),radial-gradient(circle at 82% 75%,rgba(217,166,83,.15),transparent 25%),linear-gradient(145deg,#0f5449,#092e2b);display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:"";position:absolute;width:520px;height:520px;right:-230px;bottom:-180px;border:1px solid rgba(232,190,122,.18);border-radius:50%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.login-brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.13em}.story-copy{position:relative;z-index:1}.story-copy>p{color:#a3c5be;font-size:10px;letter-spacing:.22em}.story-copy h1{margin:19px 0 45px;font-size:clamp(38px,4vw,62px);line-height:1.24;letter-spacing:-.06em}.story-copy h1 em{color:#e4b96f;font-style:normal}.story-rule{display:flex;gap:clamp(18px,4vw,54px)}.story-rule div{display:flex;flex-direction:column;gap:6px}.story-rule b{color:#e4b96f;font-size:26px}.story-rule span{color:#9fc0b9;font-size:11px}.login-story>small{position:relative;z-index:1;color:#759c93;font-size:9px;letter-spacing:.22em}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(415px,100%);padding:45px;border:1px solid #e6ece9;border-radius:19px;background:#fff;box-shadow:0 24px 70px #1c3a3314}.login-card h2{margin:8px 0 9px;font-size:30px}.subline{margin:0 0 31px;color:#879591;font-size:12px}.login-card label{display:grid;gap:8px;margin-top:17px}.login-card label span{color:#687a75;font-size:11px;font-weight:600}.login-card input{padding:12px 13px}.login-submit{width:100%;margin-top:24px;display:flex;justify-content:space-between}.login-submit:disabled{opacity:.65}.form-error{padding:9px 11px;color:#a94d43;background:#fbefed;border-radius:7px;font-size:11px}.demo-account{margin-top:17px;padding-top:16px;border-top:1px solid #edf1ef;color:#85938f;font-size:10px;display:flex;align-items:center;gap:7px}.demo-account i{width:6px;height:6px;border-radius:50%;background:#28a087}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dashboard-skeleton i{min-height:145px;border-radius:15px;background:linear-gradient(90deg,#e8eeeb,#f7f9f8,#e8eeeb);background-size:200% 100%;animation:skeleton 1.2s infinite}@keyframes skeleton{to{background-position:-200% 0}}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.rules-strip{grid-template-columns:repeat(3,1fr)}.rules-intro{grid-column:1 / -1}.detail-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:70px}.topbar{height:76px;padding:13px 18px}.topbar h1{font-size:19px}.mobile-account-button{width:38px;height:38px;border:0;border-radius:12px;color:#fff;background:var(--green);cursor:pointer;place-items:center;font-weight:700}.mobile-account-button{display:grid}.page-content{padding:23px 15px 30px}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffff5;display:grid}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a9995}.mobile-nav a.active{color:var(--green)}.mobile-nav a span{font-size:18px}.mobile-nav small{font-size:10px}.login-page{display:block}.login-story{min-height:300px;padding:28px 24px}.story-copy h1{margin:20px 0 25px;font-size:36px}.login-story>small{display:none}.login-panel{margin-top:-35px;position:relative;z-index:2;padding:0 15px 30px}.login-card{padding:29px 23px}.detail-grid{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.page-heading{align-items:stretch;flex-direction:column}.page-heading.inline{flex-direction:column}.month-picker{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:124px;padding:17px}.metric-card.featured{grid-column:span 2}.metric-card.compact{grid-column:span 1;min-height:100px;flex-direction:column;align-items:flex-start;justify-content:flex-start}.metric-card.compact>strong{margin-top:13px}.metric-card>strong{font-size:20px}.chart-panel,.ranking-panel{padding:17px}.trend-chart{height:240px}.rules-strip{padding:19px;grid-template-columns:1fr}.rule-item{min-height:54px}.heading-actions{width:100%}.heading-actions button{flex:1}.filter-bar{flex-wrap:wrap}.filter-bar .search-box{width:100%}.filter-bar select,.filter-bar input[type=month]{min-width:0;flex:1}.result-count{width:100%}.desktop-table-wrap{display:none}.mobile-card-list{display:grid;gap:10px;padding:10px}.account-mobile-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.account-mobile-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.account-mobile-head>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.account-mobile-head small,.account-mobile-card p{color:var(--muted);font-size:10px}.account-mobile-card p{padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-mobile-card>button{width:100%}.person-mobile-card,.order-mobile-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.person-mobile-head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.person-mobile-head>div{display:flex;flex-direction:column;gap:4px}.person-mobile-head small{color:var(--muted);font-size:10px}.mobile-stats{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mobile-stats span{display:flex;flex-direction:column;gap:5px}.mobile-stats small{color:var(--muted);font-size:9px}.mobile-stats b{font-size:11px}.mobile-subordinate-button{width:100%;margin-top:12px;padding:9px;border:1px solid #cfe2dd;border-radius:8px;color:var(--green);background:#f1f8f6}.order-mobile-card>div{display:flex;justify-content:space-between}.order-mobile-card>strong{display:block;margin:13px 0 5px}.order-mobile-card>small{color:var(--muted)}.order-mobile-card p{margin:13px 0 0;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}.order-mobile-card p b{color:var(--green)}.profile-hero{padding:20px;align-items:flex-start;flex-direction:column;gap:20px}.detail-toolbar{align-items:center;gap:12px}.detail-toolbar .back-button{flex:0 0 auto;white-space:nowrap}.detail-toolbar .month-picker{min-width:0}.profile-level{width:100%;padding:15px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.profile-avatar{width:50px;height:50px;border-radius:14px}.detail-metrics{gap:8px}.detail-metrics article{padding:14px}.detail-metrics article.accent{grid-column:span 2}.branch-row{grid-template-columns:36px 1fr auto}.branch-sale{grid-column:2;text-align:left}.exclude-chip{grid-row:1;grid-column:3}.detail-orders .panel-title{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.detail-order-cards{padding-top:0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.subordinate-modal{height:min(680px,88vh);padding:20px 16px}.team-tree-children{margin-left:12px;padding-left:14px}.team-tree-children>.team-tree-node:before{left:-14px;width:14px}.team-tree-person{grid-template-columns:24px auto 34px minmax(0,1fr) auto;gap:8px}.tree-member-count{display:none}.team-tree-person .status-chip{grid-column:5}}