:root{--plum:#71367d;--plum-dark:#50285a;--lav:#f4edf5;--rose:#d69db5;--ink:#312c33;--muted:#938b94;--line:#eee9ed;--paper:#fff;--bg:#faf8fa;--green:#4d9675;--gold:#bc9150;--shadow:0 8px 30px #49354b0a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:25px 17px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;padding:0 10px 31px}.brand-mark{width:43px;height:43px;border:1.5px solid var(--plum);border-radius:50%;display:grid;place-items:center;color:var(--plum);font:700 13px Manrope;letter-spacing:-1px}.brand-mark span,.mobile-brand span{color:var(--rose)}.brand b{display:block;font:800 15px Manrope;letter-spacing:-.7px}.brand b span{color:var(--plum)}.brand small{display:block;color:#a79da8;font-size:8px;letter-spacing:2px;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.4px;color:#b1aab3;font-weight:700;padding:0 11px 12px}.nav-item{border:0;background:none;width:100%;height:43px;border-radius:10px;text-align:left;padding:0 12px;color:#817985;display:flex;align-items:center;gap:12px;margin:2px 0;font-weight:600;font-size:12px}.nav-item i{width:19px;font-style:normal;font-size:17px;text-align:center;color:#a795aa}.nav-item:hover{background:#faf7fb;color:var(--plum)}.nav-item.active{background:#f3eaf4;color:var(--plum);font-weight:700}.nav-item.active i{color:var(--plum)}.nav-count{margin-left:auto;font-size:10px;color:#9f93a0}.side-bottom{margin-top:auto}.side-note{background:linear-gradient(145deg,#f6eef6,#fbf7f8);border-radius:13px;padding:15px;margin:12px 2px 17px}.sparkle{color:#b07b9d;font-size:16px}.side-note b{display:block;font:700 11px Manrope;margin-top:8px}.side-note p{font-size:10px;line-height:1.5;color:#928794;margin:5px 0 0}.profile{display:flex;align-items:center;gap:10px;padding:13px 7px 1px;border-top:1px solid var(--line)}.profile b{font-size:11px}.profile small{display:block;color:#a39aa4;font-size:10px;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:10px}.plum{background:#f0e5f1;color:var(--plum)}.online{width:7px;height:7px;border-radius:50%;background:#68ad83;margin-left:auto;border:1px solid #fff;box-shadow:0 0 0 2px #e4f2e8}main{margin-left:238px;min-height:100vh}.topbar{height:67px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.crumb{font-size:11px;color:#a49ba5}.crumb span{padding:0 9px;color:#d3cbd3}.crumb b{font-weight:600;color:#504851}.top-right{display:flex;align-items:center;gap:18px}.today{font-size:10px;color:#a198a2}.icon-btn{border:0;background:transparent;font-size:17px;color:#998da0;position:relative}.icon-btn i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d27f9f;right:0;top:1px}.avatar.small{width:30px;height:30px}.mobile-brand{display:none}.page{max-width:1440px;padding:30px 35px 55px;margin:auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:9px;color:#a68ca8;letter-spacing:1.55px;font-weight:700}.heading h1{font:700 24px Manrope;letter-spacing:-.8px;margin:6px 0 5px}.heading p{color:#9a919b;margin:0;font-size:11px}.actions{display:flex;gap:8px}.btn{border-radius:8px;border:1px solid var(--line);background:white;color:#6b616d;padding:10px 14px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:#d4c1d7;color:var(--plum)}.btn.primary{background:var(--plum);color:white;border-color:var(--plum);box-shadow:0 5px 12px #71367d24}.btn.primary:hover{background:var(--plum-dark)}.btn.soft{background:#f7f0f7;color:var(--plum);border-color:#f7f0f7}.btn.sm{padding:7px 10px;font-size:10px}.period-tools{display:flex;align-items:center;gap:7px}.period-tools select{min-width:125px}.select,.field input,.field select,.field textarea,input.control,select.control{border:1px solid #eae5eb;background:#fff;border-radius:8px;padding:10px 11px;color:#514851;outline:0;font-size:11px}.select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#bd9abe;box-shadow:0 0 0 3px #f6eff6}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat-card,.panel{background:white;border:1px solid #f0ecf0;border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:16px 17px;min-height:119px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#968b98;font-size:10px;font-weight:600}.stat-icon{width:28px;height:28px;border-radius:8px;background:#f5edf6;color:#87558c;display:grid;place-items:center;font-size:14px}.stat-value{font:700 22px Manrope;letter-spacing:-.8px;margin-top:13px}.stat-foot{font-size:9px;color:#aaa1aa;margin-top:3px}.trend{color:var(--green);font-weight:700}.layout-2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:14px;margin-bottom:14px}.layout-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:17px 18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h3{font:700 12px Manrope;margin:0}.panel-head p{font-size:9px;color:#a79eaa;margin:4px 0 0}.legend{font-size:9px;color:#958b97;display:flex;gap:12px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--plum);margin-right:5px}.legend span:nth-child(2):before{background:#dfb4c7}.chart{height:195px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart .gridline{stroke:#f0ebf0;stroke-width:1}.chart .axis{fill:#b0a7b1;font:9px 'DM Sans'}.chart .area{fill:url(#areaFill)}.chart .line{fill:none;stroke:var(--plum);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart .line2{fill:none;stroke:#d7a8bd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bar-chart{height:195px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:0 10px 20px;border-bottom:1px solid #eee9ed}.bar-group{height:100%;display:flex;align-items:flex-end;gap:4px;position:relative;flex:1;justify-content:center}.bar{width:min(22px,35%);border-radius:5px 5px 1px 1px;background:#ead9eb;min-height:5px}.bar:nth-child(2){background:#9a6ba0}.bar-label{position:absolute;bottom:-17px;font-size:8px;color:#a79da8}.rank-list{display:flex;flex-direction:column;gap:13px}.rank-row{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center}.rank-no{font:700 10px Manrope;color:#beafbf}.rank-meta b{font-size:10px;display:block}.rank-meta small{font-size:9px;color:#a99fab;display:block;margin-top:3px}.rank-amount{text-align:right;font-size:10px;font-weight:700}.rank-amount small{display:block;font-size:8px;color:#aa9faa;font-weight:400;margin-top:3px}.client-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f2e9f1;color:#885e89;font-size:9px;font-weight:700}.rank-row .client-avatar{grid-column:1}.rank-row .rank-no{display:none}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.table-toolbar h3{font:700 12px Manrope;margin:0}.search{border:1px solid #eee8ef;padding:8px 10px;border-radius:8px;min-width:200px;font-size:10px;outline:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#fcfbfc;color:#a399a5;font-size:9px;letter-spacing:.35px;font-weight:700;padding:11px 17px}td{padding:12px 17px;border-top:1px solid #f4f0f4;font-size:10px;color:#655c66}td b{font-size:10px;color:#433a45}.sub{display:block;color:#a69ca7;font-size:9px;margin-top:3px}.pill{padding:5px 8px;border-radius:20px;background:#f3edf5;color:#825789;font-size:9px;font-weight:600}.pill.promo{background:#f9f0e4;color:#a2783d}.pill.active{background:#eaf4ed;color:#578568}.more{border:0;background:none;color:#978e98;font-size:17px}.empty{padding:36px;text-align:center;color:#a79eaa;font-size:11px}.filters{display:flex;gap:8px}.table-toolbar .filters select{min-width:125px}.client-name{display:flex;align-items:center;gap:9px}.client-name .client-avatar{flex:none}.progress-line{height:5px;width:80px;background:#f0eaf0;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:6px}.progress-line i{display:block;height:100%;background:#a376a8;border-radius:4px}.commission-box{display:flex;justify-content:space-between;align-items:center;background:#f8f3f8;border-radius:9px;padding:12px 14px;margin-top:14px}.commission-box small{display:block;color:#968a98;font-size:9px}.commission-box strong{font:700 17px Manrope;color:var(--plum);display:block;margin-top:4px}.rule-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.rule-row input{width:75px}.rule-row span{font-size:10px;color:#817783}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-card{border:1px solid #eee8ef;border-radius:10px;padding:13px;display:flex;gap:10px;align-items:flex-start}.service-check{width:16px;height:16px;accent-color:var(--plum);margin:1px 0 0}.service-card b{font-size:10px;display:block;line-height:1.4}.service-card small{display:block;color:#a59ba6;font-size:9px;margin-top:4px}.service-price{margin-left:auto;width:90px}.service-price input{width:100%;font-size:10px;border:1px solid #efe9ef;border-radius:6px;padding:7px}.sale-total{background:#f8f3f8;border-radius:11px;padding:15px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}.sale-total small{font-size:9px;color:#998e9c;letter-spacing:.5px}.sale-total strong{font:700 22px Manrope;color:var(--plum)}.sale-count{font-size:9px;color:#998e9c}.tabs{display:flex;gap:4px;background:#f7f4f7;padding:4px;border-radius:9px}.tabs button{border:0;background:transparent;padding:7px 11px;color:#958b97;border-radius:6px;font-size:10px}.tabs button.active{background:#fff;color:var(--plum);box-shadow:0 2px 8px #3421360b;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:#918692;font-weight:600}.field input,.field select,.field textarea{width:100%}.field textarea{resize:vertical;min-height:58px}.form-section-title{font:700 11px Manrope;margin:17px 0 10px;color:#5c515d}.modal-backdrop{position:fixed;inset:0;background:#21182370;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:white;width:min(700px,100%);max-height:90vh;overflow:auto;border-radius:15px;box-shadow:0 22px 80px #20132335}.modal-head{padding:19px 22px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{font:700 16px Manrope;margin:0}.modal-head p{margin:4px 0 0;color:#a097a1;font-size:10px}.modal-close{border:0;background:none;font-size:19px;color:#968d98}.modal-body{padding:18px 22px}.modal-foot{padding:13px 22px 19px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:22px;right:24px;background:#392e3b;color:white;padding:11px 16px;border-radius:9px;font-size:11px;box-shadow:0 8px 30px #2222;opacity:0;transform:translateY(9px);transition:.2s;z-index:30;pointer-events:none}.toast.show{opacity:1;transform:none}.select-inline{border:1px solid #eee8ef;border-radius:7px;padding:7px;font-size:10px;color:#655c66;background:white}.subtle{color:#a79da8}.client-detail-head{display:flex;gap:13px;align-items:center;padding:12px 0 17px}.client-detail-head .client-avatar{width:45px;height:45px;font-size:12px}.client-detail-head h3{font:700 16px Manrope;margin:0}.client-detail-head p{font-size:10px;color:#9c929d;margin:4px 0 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-stat{background:#faf8fa;border-radius:8px;padding:10px}.detail-stat small{display:block;color:#a398a4;font-size:8px}.detail-stat b{display:block;font:700 13px Manrope;margin-top:5px}.wide-panel{margin-top:14px}.badge{display:inline-flex;padding:4px 7px;border-radius:6px;background:#f8f3f8;color:#8b668e;font-size:9px}
@media(max-width:1100px){.sidebar{width:205px}main{margin-left:205px}.page{padding:25px 22px}.cards{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:66px;padding:15px 8px}.brand{padding:0 4px 25px;justify-content:center}.brand>span:nth-child(2),.nav-label,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-item i{font-size:17px}.nav-item.active{font-size:0}.nav-count{display:none}.side-bottom .side-note,.profile>div:not(.avatar),.online{display:none}.profile{justify-content:center;padding-top:12px}.profile .avatar{flex:none}main{margin-left:66px}.topbar{height:58px;padding:0 16px}.mobile-brand{display:block;font:700 13px Manrope;color:var(--plum)}.mobile-brand b{color:#433b45;font-size:11px}.crumb{display:none}.top-right{gap:10px}.today{display:none}.page{padding:22px 14px 40px}.heading{align-items:flex-start;gap:12px;flex-direction:column}.heading h1{font-size:21px}.actions{width:100%}.layout-2,.layout-equal{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.cards{gap:9px}.stat-card{padding:13px;min-height:105px}.stat-value{font-size:18px}.stat-top{font-size:9px}.stat-icon{width:25px;height:25px}.panel{padding:14px}.table-toolbar{padding:12px;gap:8px;align-items:flex-start;flex-direction:column}.table-toolbar .search{width:100%}.filters{width:100%;flex-wrap:wrap}.filters select{flex:1;min-width:0!important}th,td{padding:10px 12px}.period-tools{width:100%}.period-tools select{flex:1}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-body{padding:15px}.modal-head,.modal-foot{padding-left:16px;padding-right:16px}}
.bar-label-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:4px 0 7px}.bar-label-row strong{font-size:10px;color:var(--plum)}.meter-track{width:100%;height:6px;background:#f1edf1;border-radius:6px;overflow:hidden}.meter-track i{height:100%;display:block;border-radius:6px;background:linear-gradient(90deg,#b08ab4,#71367d)}.mix-layout{display:flex;align-items:center;gap:24px;min-height:165px}.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;flex:none;position:relative}.donut:after{content:'';position:absolute;inset:24px;border-radius:50%;background:white}.donut>div{z-index:1;text-align:center}.donut b{display:block;font:700 20px Manrope}.donut small{display:block;color:#a69da7;font-size:9px}.mix-legend{display:flex;flex-direction:column;gap:11px;flex:1}.mix-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:9px;color:#837985}.mix-legend i{width:7px;height:7px;border-radius:50%}.mix-legend b{font-size:10px;color:#544a56}
@media(max-width:760px){.brand>span:nth-child(2){display:none}.brand{width:100%;overflow:hidden}.sidebar{overflow:hidden}.page{max-width:100%;width:100%}.mix-layout{gap:14px}.donut{width:115px;height:115px}.donut:after{inset:20px}.mix-legend{min-width:0}.mix-legend>div{grid-template-columns:8px minmax(0,1fr) auto}.mix-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.layout-2>* ,.layout-equal>* ,.panel,.stat-card{min-width:0}.chart{width:100%;min-width:0;overflow:hidden}.chart svg{display:block;max-width:100%;overflow:hidden}.bar-chart{min-width:0;max-width:100%;overflow:hidden}.advisor-chip{background:var(--advisor-tint);color:var(--advisor-color)}.advisor-label{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:var(--advisor-tint);color:var(--advisor-color);font-weight:700;font-size:9px}.advisor-label i,.advisor-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.bar-label-row b{display:flex;align-items:center;gap:7px}
@media(max-width:760px){html,body{width:100%;max-width:100%;overflow-x:hidden}.app{width:100%;min-width:0;overflow-x:clip}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);display:block;overflow:hidden;border-right:0;border-top:1px solid var(--line);box-shadow:0 -5px 20px #49354b0a}.brand,.nav-label,.side-bottom{display:none}#nav{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;align-items:center}.nav-item,.nav-item.active{height:54px;margin:0;padding:4px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;line-height:1.1;white-space:nowrap}.nav-item i{width:auto;font-size:15px;line-height:1}.nav-item.active i{color:var(--plum)}.nav-count{display:none}main{width:100%;max-width:100%;margin:0;min-width:0}.topbar{width:100%;padding:0 15px}.page{width:100%;max-width:100%;min-width:0;margin:0;padding:20px 14px calc(88px + env(safe-area-inset-bottom))}.heading{width:100%;min-width:0}.heading h1{font-size:20px;line-height:1.25}.heading p{line-height:1.45}.period-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}.period-tools>.subtle{grid-column:1/-1}.period-tools select{min-width:0;width:100%}.period-tools .btn{justify-content:center;white-space:nowrap;padding:10px 11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:12px 11px;min-width:0;overflow:hidden}.stat-value{font-size:clamp(16px,5vw,19px);overflow-wrap:anywhere}.stat-foot{line-height:1.45}.layout-2,.layout-equal{grid-template-columns:minmax(0,1fr);gap:10px}.panel{width:100%;padding:13px;overflow:hidden}.panel-head{gap:8px}.panel-head h3{font-size:11px}.panel-head p{line-height:1.4}.panel-head .btn{flex:none}.chart{height:170px}.bar-chart{height:170px;gap:2px;padding-left:2px;padding-right:2px}.bar-group{min-width:0;gap:2px}.bar{width:min(9px,38%);border-radius:3px 3px 0 0}.bar-label{font-size:7px}.mix-layout{gap:12px;min-height:135px}.donut{width:105px;height:105px}.donut:after{inset:18px}.mix-legend{gap:8px}.mix-legend>div{font-size:8px;gap:5px}.mix-legend b{font-size:9px}.table-panel{overflow:hidden}.table-toolbar{min-width:0}.table-toolbar>div,.table-toolbar .filters{width:100%;min-width:0}.table-toolbar .filters{display:grid;grid-template-columns:1fr 1fr}.table-toolbar .filters>*{min-width:0;width:100%}.table-wrap{width:100%;max-width:100%;overflow:visible}table,tbody{display:block;width:100%;min-width:0;white-space:normal}thead{display:none}tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;width:100%;margin:0 0 9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}tbody td{display:block;min-width:0;padding:5px 2px;border:0;white-space:normal;overflow-wrap:anywhere;font-size:10px}tbody td:before{content:attr(data-label);display:block;color:#a399a5;font-size:8px;letter-spacing:.3px;font-weight:700;margin-bottom:4px}tbody td:first-child{grid-column:1/-1}tbody td:last-child:not(:first-child){align-self:center}.table-wrap .empty{padding:18px 6px}.client-name{min-width:0;white-space:normal}.client-name span{min-width:0}.client-name b{overflow-wrap:anywhere}.client-name .client-avatar{width:26px;height:26px}.search{min-width:0;width:100%}.actions{flex-wrap:wrap}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);width:100%;border-radius:13px}.modal-body{padding:13px}.modal-foot{padding:11px 13px 14px}.field-grid{grid-template-columns:minmax(0,1fr)}.field.full{grid-column:auto}.service-grid{grid-template-columns:minmax(0,1fr)}.service-card{min-width:0}.service-card>span{min-width:0}.service-price{flex:none;width:74px}.client-detail-head{flex-wrap:wrap}.client-detail-head p{line-height:1.5}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-stat{padding:8px 6px}.detail-stat b{font-size:11px}.rule-row{flex-wrap:wrap;gap:6px}.rule-row input{width:58px}.toast{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}}
@media(max-width:370px){.cards{grid-template-columns:minmax(0,1fr)}.period-tools .btn{font-size:10px;padding-inline:8px}.mix-layout{gap:8px}.donut{width:90px;height:90px}.donut:after{inset:16px}.top-right{gap:7px}.detail-stats{grid-template-columns:1fr}.service-card{gap:7px}}
button{touch-action:manipulation;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}button:focus-visible{outline:3px solid #d9c1df;outline-offset:2px}.btn:hover,.period-button:hover,.tabs button:hover,.nav-item:hover,.icon-btn:hover,.more:hover{transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.985)!important;box-shadow:0 1px 2px #39243d20!important}.period-control{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.period-caption{font-size:9px;color:#998e9b;font-weight:700;letter-spacing:.25px}.period-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:#eee7f0;box-shadow:inset 0 2px 5px #4b354e18}.period-button{position:relative;border:1px solid transparent;border-radius:8px;background:transparent;color:#786d7c;padding:8px 12px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 2px 0 transparent}.period-button:hover{background:#f8f4f8;color:var(--plum)}.period-button.selected{background:var(--plum);border-color:#602e6b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 0 var(--plum-dark),0 7px 13px #542c5d30}.period-button.selected:hover{background:#7b4187;transform:translateY(-3px)}.period-button[aria-pressed="true"]{color:#fff}
@media(max-width:760px){.period-tools{display:flex;flex-direction:column;align-items:stretch}.period-control{width:100%;gap:6px}.period-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}.period-button{padding:9px 2px;font-size:9px;min-width:0}.period-button.selected{transform:translateY(-1px);box-shadow:0 3px 0 var(--plum-dark),0 5px 9px #542c5d25}.period-button.selected:hover{transform:translateY(-2px)}.period-tools .btn{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}
.period-switch.compact{gap:3px}.period-switch.compact .period-button{padding:7px 10px;font-size:9px}.panel-head .filters{align-items:center}.period-switch.compact .period-button.selected{transform:translateY(-1px)}@media(max-width:760px){.panel-head{align-items:flex-start;flex-wrap:wrap}.panel-head .filters{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}.period-switch.compact{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.period-switch.compact .period-button{padding:8px 2px;font-size:8px}.panel-head .filters .select{width:100%;min-width:0}}
.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card{display:block;min-width:0}.package-heading{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.package-heading>span{min-width:0}.package-heading b{overflow-wrap:anywhere}.package-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.package-config[hidden]{display:none}.package-config label,.service-admin-setting{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#918692;font-weight:700;min-width:0}.package-config input,.package-config select,.service-admin-setting input,.service-admin-setting select{width:100%;min-width:0;border:1px solid #eae5eb;background:#fff;border-radius:7px;padding:8px 7px;color:#514851;font-size:10px}.advisor-picker{margin-top:7px}.advisor-choices{display:flex;flex-wrap:wrap;gap:7px}.advisor-choice{border:1px solid #eae5eb;border-radius:9px;background:#fff;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#635967;font-size:10px;font-weight:600}.advisor-choice span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--advisor-tint);color:var(--advisor-color);font-size:8px;font-weight:800}.advisor-choice:hover{border-color:var(--advisor-color);color:var(--advisor-color)}.advisor-choice.selected{border-color:var(--advisor-color);background:var(--advisor-tint);color:var(--advisor-color);box-shadow:0 3px 0 color-mix(in srgb,var(--advisor-color) 65%,white);transform:translateY(-2px)}.client-search-box{position:relative}.client-search-box>input[type=text],.client-search-box>input:not([type]){width:100%;border:1px solid #eae5eb;background:white;border-radius:8px;padding:10px 11px;outline:0;font-size:11px}.client-search-results{position:relative;z-index:2;max-height:180px;overflow:auto;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:white}.client-result{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-bottom:1px solid #f2eef2;background:#fff;text-align:left}.client-result:last-child{border-bottom:0}.client-result:hover{background:#faf6fb}.client-result>span:last-child{min-width:0}.client-result b,.client-selected b{display:block;font-size:10px}.client-result small,.client-selected small{display:block;font-size:9px;color:#978d99;margin-top:3px;overflow-wrap:anywhere}.search-empty{padding:12px;color:#9a909b;font-size:10px}.client-selected{display:flex;align-items:center;gap:9px;margin:8px 0;padding:9px 10px;border:1px solid #e7dbe9;border-radius:9px;background:#faf6fb}.client-selected[hidden]{display:none}.client-selected>span:nth-child(2){min-width:0;flex:1}.duplicate-list{display:grid;gap:7px}.duplicate-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.duplicate-option:has(input:checked){border-color:var(--plum);background:#faf5fb}.duplicate-option span{min-width:0}.duplicate-option b,.merge-field>b{display:block;font-size:10px}.duplicate-option small{display:block;color:#958b97;font-size:9px;margin-top:3px}.merge-field{padding:9px 0;border-bottom:1px solid var(--line)}.merge-field>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.merge-field label{font-size:9px;color:#7d727f;overflow-wrap:anywhere}.client-package-list{display:grid;gap:9px}.client-package{border:1px solid var(--line);border-radius:10px;padding:12px}.package-top,.visit-progress-label,.package-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.package-top b{font:700 11px Manrope}.package-top small{display:block;font-size:8px;color:#9c929e;margin-top:4px}.package-top strong{font:700 11px Manrope;color:var(--plum)}.visit-progress{margin-top:12px}.visit-progress-label{font-size:9px;color:#89808b}.visit-progress-label b{color:#514751}.progress-track{height:7px;border-radius:6px;background:#f0ebf1;overflow:hidden;margin:6px 0}.progress-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#55a58e,#26765f)}.visit-progress>small{font-size:8px;color:#948a96}.package-actions{justify-content:flex-end;margin-top:10px}.service-admin-card{align-items:center;flex-wrap:wrap}.service-info{flex:1 1 120px;min-width:80px}.service-info b{font-size:10px;display:block}.service-admin-setting{flex:1 1 78px}.client-filter:hover{border-color:#b897be}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
@media(max-width:760px){.package-grid{grid-template-columns:minmax(0,1fr)}.package-config{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.package-config input,.package-config select{padding:8px 4px;font-size:9px}.advisor-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-choice{min-width:0;justify-content:flex-start;padding:7px}.client-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.client-filter{padding:8px 3px}.duplicate-option{min-width:0}.merge-field>div{grid-template-columns:1fr}.client-package{padding:10px}.service-admin-card{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-info{grid-column:1/-1}.service-admin-setting{min-width:0}.service-admin-card .more{justify-self:end;grid-column:1/-1}}
.client-filters{display:flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:#eee7f0;box-shadow:inset 0 2px 5px #4b354e18}.client-filter{position:relative;border:1px solid transparent;border-radius:8px;background:transparent;color:#786d7c;padding:8px 11px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 2px 0 transparent;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.client-filter:hover{background:#f8f4f8;color:var(--plum);transform:translateY(-1px)}.client-filter.selected{background:var(--plum);border-color:#602e6b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 0 var(--plum-dark),0 7px 13px #542c5d30}.client-filter:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 2px #39243d20}
.chart{overflow:hidden;border-radius:8px}.chart svg{overflow:hidden;max-width:100%}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:#fbf7fb}.row-hint{font-size:9px;color:var(--plum);font-weight:700;white-space:nowrap}.commission-period-control{margin:0 0 15px}.commission-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.commission-team-panel,.advisor-performance-panel{padding:0 17px 10px}.commission-team-panel .panel-head,.advisor-performance-panel .panel-head{padding:15px 0 10px;margin:0}.commission-team-head,.commission-team-row,.advisor-performance-head,.advisor-performance-row{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(90px,.8fr)) minmax(130px,1fr);gap:10px;align-items:center}.commission-team-head,.advisor-performance-head{padding:10px 12px;color:#a399a5;background:#fcfbfc;font-size:8px;font-weight:800;letter-spacing:.35px}.commission-team-row,.advisor-performance-row{width:100%;padding:12px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;color:#655c66;font-size:10px;transition:background .15s ease,transform .15s ease}.commission-team-row:hover,.advisor-performance-row:hover{background:#faf6fb;transform:translateX(2px)}.commission-team-row strong,.advisor-performance-row strong{text-align:right;color:var(--plum);font:700 14px Manrope;white-space:nowrap}.advisor-name{display:flex;align-items:center;gap:8px;color:#433a45}.advisor-name i{width:10px;height:10px;flex:none;border-radius:50%;background:var(--advisor-color)}.commission-footnote{margin:10px 2px}.commission-detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.commission-detail-summary span{display:flex;flex-direction:column;padding:12px;border-radius:9px;background:#f8f3f8;color:#958a98;font-size:9px}.commission-detail-summary strong{color:var(--plum);font:700 16px Manrope;margin-top:5px}.commission-lines{display:grid;gap:5px;max-height:48vh;overflow:auto}.commission-line{display:flex;justify-content:space-between;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line)}.commission-line>div:first-child{min-width:0}.commission-line b,.commission-line small{display:block}.commission-line b{font-size:10px}.commission-line small{font-size:9px;color:#998e9b;margin-top:4px;overflow-wrap:anywhere}.commission-line-amount{text-align:right;white-space:nowrap}.commission-line.paid{opacity:.55}.paid-notice{padding:10px 12px;border-radius:8px;background:#f4f0f5;color:#766b79;font-size:10px;margin:10px 0}.payout-preview{margin-top:15px;padding:12px;background:#faf7fb;border:1px solid var(--line);border-radius:9px;min-height:74px}.payout-total{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7d727f;font-size:10px}.payout-total strong{font:700 19px Manrope;color:var(--plum)}.birthday-panel{margin:14px 0}.birthday-list{display:flex;flex-wrap:wrap;gap:8px}.birthday-item{display:flex;align-items:center;gap:8px;border:1px solid #f0e5ef;background:#fdfafd;border-radius:9px;padding:9px 11px}.birthday-item b{font-size:10px}.birthday-item small{color:#968b98;font-size:9px}.birthday-icon{font-size:15px}.birthday-empty{font-size:10px;color:#a59ba6;padding:7px 0}.payment-history-panel{margin-top:14px}.archived-panel{margin-top:14px;padding:15px 18px}.archived-client{padding:8px 0;border-top:1px solid var(--line)}.advisor-card{min-width:0}.advisor-card-head{display:flex;align-items:center;gap:10px}.advisor-card-head .rank-meta{min-width:0;flex:1}.advisor-card-actions{display:flex;gap:7px;margin-top:11px}.advisor-card-actions .btn{flex:1;justify-content:center}.voided{margin-left:5px;background:#f8e9e9;color:#a14c4c}.edit-sale-service{display:block;min-width:0}.edit-sale-service .package-config{display:grid}
@media(max-width:760px){.commission-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.commission-summary-cards .stat-card{min-width:0;padding:10px}.commission-summary-cards .stat-value{font-size:16px;overflow-wrap:anywhere}.commission-team-panel,.advisor-performance-panel{padding:0 10px 8px;overflow:hidden}.commission-team-head,.advisor-performance-head{display:none}.commission-team-row,.advisor-performance-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px 8px}.commission-team-row .advisor-name,.advisor-performance-row .advisor-name{grid-column:1}.commission-team-row>span:nth-of-type(1),.advisor-performance-row>span:nth-of-type(1){grid-column:1;grid-row:2;color:#786e7b}.commission-team-row>span:nth-of-type(2),.advisor-performance-row>span:nth-of-type(2){grid-column:1;grid-row:3;color:#968c98}.commission-team-row>span:nth-of-type(3),.advisor-performance-row>span:nth-of-type(3){grid-column:2;grid-row:2;text-align:right}.commission-team-row strong,.advisor-performance-row strong{grid-column:2;grid-row:1/4;font-size:14px}.commission-detail-summary{grid-template-columns:1fr 1fr}.commission-line{align-items:flex-start}.commission-line-amount{white-space:normal;min-width:86px}.commission-period-control .period-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,360px)}.birthday-item{flex-wrap:wrap}.advisor-card-actions{flex-wrap:wrap}.edit-sale-service .package-config{grid-template-columns:repeat(3,minmax(0,1fr))}}

.dashboard-mix{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:14px}

.sales-period-selector{display:flex;align-items:end;gap:12px;margin-bottom:13px;flex-wrap:wrap}.sales-period-selector .period-control{display:flex;flex-direction:column;gap:5px}.sales-period-selector .year-control{margin-left:auto}.sales-period-selector .year-switch{display:flex;flex-wrap:wrap}.sales-period-selector .period-button{min-width:54px}
@media(max-width:760px){.sales-period-selector{display:grid;grid-template-columns:1fr;gap:8px}.sales-period-selector .year-control{margin-left:0}.sales-period-selector .period-switch{width:100%}.sales-period-selector .year-switch{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));width:100%}}

.promotion-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:30vh;overflow:auto}.promotion-service-list .duplicate-option{padding:8px}.promotion-list{margin-bottom:13px}
@media(max-width:760px){.promotion-service-list{grid-template-columns:minmax(0,1fr)}}

/* Compact, scannable service catalog and promotion editor. */
.page:has(.service-admin-card)>.heading{margin-bottom:16px}
.page:has(.service-admin-card)>.panel{padding:13px 15px;margin-bottom:10px!important}
.page:has(.service-admin-card)>.panel .panel-head{margin-bottom:9px}
.page:has(.service-admin-card)>.panel .service-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px}
.service-admin-card{display:grid;grid-template-columns:minmax(115px,1.3fr) repeat(3,minmax(88px,.8fr)) 22px;gap:9px;padding:9px 10px;align-items:center}
.service-info{min-width:0}.service-info b{font-size:10px;line-height:1.25}.service-info small{font-size:8px;margin-top:2px}
.service-admin-setting{gap:3px;font-size:8px}.service-admin-setting input,.service-admin-setting select{padding:7px 6px;font-size:10px}
.service-admin-card .more{padding:0 3px}
.modal:has(.promotion-service-list){width:min(760px,100%);max-height:min(84vh,760px);overflow:hidden;display:flex;flex-direction:column}
.modal:has(.promotion-service-list) .modal-head{padding:14px 18px 11px;flex:none}
.modal:has(.promotion-service-list) .modal-head p{max-width:620px;line-height:1.4}
.modal:has(.promotion-service-list) .modal-body{padding:12px 18px;overflow-y:auto}
.modal:has(.promotion-service-list) .field-grid{gap:9px}
.promotion-service-list{max-height:clamp(120px,25vh,210px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.promotion-service-list .duplicate-option{min-height:52px;padding:7px 9px;align-items:center}
.promotion-service-list .duplicate-option b{font-size:9px;line-height:1.25}.promotion-service-list .duplicate-option small{font-size:8px;margin-top:2px}
.modal:has(.promotion-service-list) .field{gap:4px}.modal:has(.promotion-service-list) .field input,.modal:has(.promotion-service-list) .field select{padding:8px 10px}
.modal:has(.promotion-service-list) .form-section-title{margin:12px 0 6px}
.modal:has(.promotion-service-list) .rank-row{padding:7px 0!important;gap:8px}
.modal:has(.promotion-service-list) .modal-foot{padding:10px 18px 13px;flex:none}
@media(max-width:900px){.page:has(.service-admin-card)>.panel .service-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.service-admin-card{grid-template-columns:minmax(95px,1fr) repeat(3,minmax(68px,.8fr)) 20px;gap:7px}}
@media(max-width:760px){.page:has(.service-admin-card)>.panel{padding:11px;margin-bottom:9px!important}.page:has(.service-admin-card)>.panel .service-grid{grid-template-columns:minmax(0,1fr);gap:6px}.service-admin-card{grid-template-columns:minmax(0,1fr) repeat(3,minmax(62px,.8fr)) 18px;gap:6px;padding:8px}.service-info{grid-column:auto}.service-admin-setting{min-width:0}.service-admin-card .more{grid-column:auto}.modal:has(.promotion-service-list){width:100%;max-height:calc(100dvh - 20px)}.modal:has(.promotion-service-list) .modal-head{padding:12px 14px 9px}.modal:has(.promotion-service-list) .modal-body{padding:10px 14px}.promotion-service-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:24vh}.modal:has(.promotion-service-list) .modal-foot{padding:9px 14px 11px}}
@media(max-width:390px){.service-admin-card{grid-template-columns:minmax(0,1fr) repeat(2,minmax(60px,.8fr)) 18px}.service-admin-card .service-admin-setting:nth-of-type(3){grid-column:2}.service-admin-card .service-admin-setting:nth-of-type(4){grid-column:3}.service-admin-card .more{grid-column:4;grid-row:1}.promotion-service-list{grid-template-columns:minmax(0,1fr)}}

/* Categorized, compact service selectors inspired by the supplied reference. */
.category-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start;max-height:min(52vh,420px);overflow:auto;padding:1px 3px 2px 1px}
.picker-category{min-width:0;border:1px solid #eee7ef;border-radius:10px;background:#fff;overflow:hidden}
.picker-category h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:8px 10px;background:linear-gradient(100deg,#f5edf6,#fbf6f8);color:var(--plum-dark);font:700 10px Manrope;letter-spacing:.15px}
.picker-category h4 span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#fff;color:var(--plum);font:700 8px 'DM Sans',sans-serif}
.picker-options{padding:3px 9px}
.picker-option{position:relative;display:block;min-width:0;border-bottom:1px dotted #ded5df}
.picker-option:last-child{border-bottom:0}
.picker-choice{display:flex;align-items:center;gap:7px;min-height:31px;padding:5px 2px;cursor:pointer}
.picker-choice input{position:absolute;width:1px;height:1px;opacity:0}
.picker-mark{width:14px;height:14px;flex:none;border:1.5px solid #cbb8cf;border-radius:4px;background:#fff;display:grid;place-items:center;transition:background .15s,border-color .15s}
.picker-choice input:checked+.picker-mark{background:var(--plum);border-color:var(--plum)}
.picker-choice input:checked+.picker-mark:after{content:'✓';color:#fff;font-size:10px;font-weight:800;line-height:1}
.picker-choice input:focus-visible+.picker-mark{outline:3px solid #eaddec;outline-offset:2px}
.picker-choice:has(input:checked){background:#fcf8fc}
.picker-name{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:5px}
.picker-name b{font-size:9px;line-height:1.25;color:#514751;overflow-wrap:anywhere}
.picker-name small{font-size:8px;color:#a26736;white-space:nowrap}
.picker-price{flex:none;color:#6d4a73;font-size:9px;font-weight:700;white-space:nowrap}
.package-option .package-config{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 7px 23px;padding:7px;border:1px solid #f0e8f1;border-radius:7px;background:#fcfafc}
.package-option .package-config label{font-size:8px}.package-option .package-config input,.package-option .package-config select{padding:6px 5px;font-size:9px}
.promotion-service-list.category-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:clamp(140px,30vh,240px)}
.promotion-service-list .picker-category h4{padding:6px 9px}.promotion-service-list .picker-options{padding:2px 8px}.promotion-service-list .picker-choice{min-height:29px}
@media(max-width:760px){.category-picker{grid-template-columns:1fr;gap:7px;max-height:44vh}.promotion-service-list.category-picker{grid-template-columns:repeat(2,minmax(0,1fr));max-height:27vh}.picker-category h4{padding:7px 9px}.picker-options{padding:2px 8px}}
@media(max-width:430px){.promotion-service-list.category-picker{grid-template-columns:1fr;max-height:26vh}.package-option .package-config{margin-left:20px}}

/* Readability pass: one full-width band per category, with breathing room per item. */
.category-picker{grid-template-columns:minmax(0,1fr);gap:9px;max-height:min(54vh,460px);padding:2px 4px 4px 1px}
.picker-category{width:100%;overflow:visible}
.picker-category h4{min-height:35px;padding:8px 12px;font-size:11px;line-height:1.3}
.picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;padding:4px 12px}
.picker-option{min-width:0;overflow:visible}
.picker-choice{min-height:39px;padding:7px 4px;gap:9px;line-height:1.35}
.picker-mark{width:16px;height:16px;border-radius:4px}
.picker-name{gap:7px}
.picker-name b{font-size:10px;line-height:1.35}
.picker-name small,.picker-price{font-size:9px;line-height:1.3}
.package-option .package-config{margin:0 0 8px 28px;padding:8px;gap:8px}
.package-option .package-config label{font-size:9px;line-height:1.3}
.package-option .package-config input,.package-option .package-config select{min-height:34px;padding:7px;font-size:10px}
.promotion-service-list.category-picker{grid-template-columns:minmax(0,1fr);max-height:clamp(150px,31vh,250px)}
.promotion-service-list .picker-category h4{min-height:32px;padding:7px 11px}
.promotion-service-list .picker-options{grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 11px}
.promotion-service-list .picker-choice{min-height:37px}
@media(max-width:760px){.category-picker{grid-template-columns:minmax(0,1fr);max-height:48vh;gap:8px}.picker-options,.promotion-service-list .picker-options{grid-template-columns:minmax(0,1fr);column-gap:0;padding:3px 10px}.picker-category h4{min-height:34px;padding:8px 10px}.picker-choice{min-height:40px;padding:7px 3px}.picker-name b{font-size:10px}.promotion-service-list.category-picker{grid-template-columns:minmax(0,1fr);max-height:28vh}}
@media(max-width:430px){.category-picker{max-height:45vh}.package-option .package-config{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:24px;padding:6px;gap:5px}.package-option .package-config input,.package-option .package-config select{font-size:9px;padding:6px 4px}}

.commission-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.commission-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-due{display:block;margin-top:4px;color:#74637a;font-size:9px;font-weight:600;white-space:normal}
@media(max-width:760px){.commission-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-due{font-size:8px}}

.inline-client-fields[hidden]{display:none}

/* Historial de ventas: usa todo el ancho disponible sin desplazamiento horizontal. */
.sales-history-table{table-layout:fixed;white-space:normal}
.sales-history-table th,.sales-history-table td{padding:9px 8px;overflow-wrap:anywhere}
.sales-history-table th:nth-child(1){width:19%}
.sales-history-table th:nth-child(2){width:24%}
.sales-history-table th:nth-child(3){width:11%}
.sales-history-table th:nth-child(4){width:15%}
.sales-history-table th:nth-child(5){width:12%}
.sales-history-table th:nth-child(6){width:14%}
.sales-history-table th:nth-child(7){width:5%}
.sales-history-table td:nth-child(2) b{display:block;line-height:1.35}
.sales-history-table td:nth-child(2) .sub{white-space:normal;line-height:1.3}
.sales-history-table .client-name{gap:6px}
.sales-history-table .client-name .client-avatar{width:27px;height:27px}
.sales-history-table .row-hint{white-space:normal;font-size:9px}
.table-panel:has(.sales-history-table) .table-wrap{overflow:hidden}
@media(max-width:1100px) and (min-width:761px){.sales-history-table th,.sales-history-table td{padding:8px 5px;font-size:9px}.sales-history-table th:nth-child(1){width:19%}.sales-history-table th:nth-child(2){width:25%}.sales-history-table th:nth-child(3){width:10%}.sales-history-table th:nth-child(4){width:15%}.sales-history-table th:nth-child(5){width:11%}.sales-history-table th:nth-child(6){width:15%}.sales-history-table th:nth-child(7){width:5%}.sales-history-table .client-name .client-avatar{display:none}}
.birthday-item.birthday-today{border-color:#e7bfd1;background:linear-gradient(135deg,#fff6fa,#f8eff9);box-shadow:0 4px 14px #71367d12}
.birthday-today .birthday-icon{font-size:19px;animation:birthday-pop 1.8s ease-in-out infinite}
.birthday-today small{color:#8b4c77;font-weight:700}
@keyframes birthday-pop{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.birthday-today .birthday-icon{animation:none}}

.birthday-name-mark{display:inline-grid;place-items:center;margin-left:5px;font-size:.95em;line-height:1;vertical-align:baseline;filter:drop-shadow(0 1px 2px #c67aa555)}

.commission-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px;margin:0 0 5px;border-bottom:1px solid var(--line);font-size:10px;color:#776c7a}
.commission-selection-toolbar label{display:flex;align-items:center;gap:7px;font-weight:700;cursor:pointer}
.commission-selection-toolbar input,.commission-select{width:15px;height:15px;accent-color:var(--plum);flex:none}
.commission-line{align-items:center}
.commission-line-meta{flex:1;min-width:0}
.commission-selection-actions{display:flex;gap:8px;margin-top:10px}
.commission-selection-actions .btn{flex:1;min-width:0}
@media(max-width:420px){.commission-selection-actions{flex-direction:column}.commission-selection-toolbar{align-items:flex-start;flex-direction:column}}

.sales-chart-svg{display:block;width:100%;height:auto;max-height:250px;overflow:visible}.chart-axis-label{fill:#776d79;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:500}

.commission-pay-actions{display:flex;gap:9px;align-items:center}.commission-action-pay,.commission-action-revert{min-height:42px;padding:11px 17px;font-weight:800;letter-spacing:.01em;box-shadow:0 5px 14px #35263b20}.commission-action-pay{background:linear-gradient(145deg,#7b3b86,#572663)!important;border:1px solid #572663!important;color:#fff!important}.commission-action-revert{background:linear-gradient(145deg,#fff,#fff5f4)!important;border:1px solid #c53d47!important;color:#a42632!important}.commission-action-revert:hover:not(:disabled){background:#c53d47!important;color:#fff!important}.commission-action-pay:disabled,.commission-action-revert:disabled{opacity:.42;filter:grayscale(.65);box-shadow:none;cursor:not-allowed}.commission-selection-actions{gap:10px}.commission-selection-actions .btn{min-height:44px}
@media(max-width:760px){.commission-pay-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.8fr)}.commission-pay-actions .btn{justify-content:center;padding:10px 8px;line-height:1.2}.actions{width:100%;flex-wrap:wrap}}

.service-category-editor{display:flex;flex-direction:column;gap:3px;margin-top:5px;color:#978b99;font-size:8px;font-weight:700}.service-category-editor input{width:100%;min-width:0;padding:6px 7px;border:1px solid #e8e0e9;border-radius:6px;background:#fff;color:#514751;font:500 9px 'DM Sans',sans-serif}.service-category-editor input:focus{outline:0;border-color:#b68abd;box-shadow:0 0 0 2px #f3eaf4}.service-category-editor input::placeholder{color:#b9afb9;font-style:italic}.service-admin-card .service-info{align-self:center}
.phone-value{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.phone-value>span{color:var(--plum);font-size:1em;line-height:1}.phone-label-icon{display:inline-block;color:var(--plum);margin-right:3px;font-size:1.05em}
.advisor-week-commission{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 11px;border:1px solid #ece4ed;border-radius:9px;background:#fbf9fb;color:#746b77;font-size:10px}.advisor-week-commission strong{font:700 15px Manrope;color:var(--plum);white-space:nowrap}.advisor-week-commission.is-pending{border-color:#e8d8eb;background:#faf4fb}
.advisor-treatment-block{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.advisor-treatment-block>b{display:block;margin-bottom:7px;color:#64596a;font-size:9px;font-weight:700}.advisor-treatment-block>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.advisor-treatment-block>div>span{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px;border-radius:8px;background:#faf8fa}.advisor-treatment-block small{color:#928894;font-size:8px;line-height:1.3}.advisor-treatment-block strong{color:var(--plum);font:700 15px Manrope}.advisor-card .commission-box{margin-top:9px}.advisor-card .commission-box small{line-height:1.4}.advisor-period-note{display:block;margin-top:5px;color:#9b929c;font-size:8px;line-height:1.4}
@media(max-width:760px){.advisor-week-commission{margin-top:9px;padding:8px 9px}.advisor-treatment-block>div{gap:5px}.advisor-treatment-block>div>span{padding:7px}.advisor-treatment-block small{font-size:8px}}
.brand{justify-content:center;padding:0 0 18px}.brand-logo{display:block;width:145px;max-height:188px;object-fit:contain;object-position:center}.mobile-brand{align-items:center;gap:7px}.mobile-brand img{display:block;height:42px;width:auto;max-width:34px;object-fit:contain}.mobile-brand b{font:700 12px Manrope;color:var(--ink)}
@media(max-width:760px){.mobile-brand{display:flex}.mobile-brand img{height:43px;max-width:34px}.mobile-brand b{font-size:11px}}
.sidebar{height:100dvh;overflow:hidden}.sidebar-logout{width:100%;min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border:1px solid #e9dfea;border-radius:9px;background:#fbf8fc;color:#6f3979;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.sidebar-logout:hover{background:#f3eaf4;border-color:#d9c4dd;color:#50285a}.sidebar-logout>span{font-size:17px;line-height:1}.side-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
@media(max-height:660px) and (min-width:761px){.sidebar{padding:10px 14px}.brand{padding-bottom:9px}.brand-logo{width:100px;max-height:130px}.nav-label{padding-bottom:5px}.nav-item{height:35px;margin:1px 0}.side-bottom{padding-top:7px}.sidebar-logout{min-height:36px;padding:7px 10px}}
@media(max-width:760px){.sidebar-logout{display:none}}
.logout-screen{position:fixed;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:15px;padding:24px;background:#faf8fa;text-align:center}.logout-screen img{width:130px;max-height:170px;object-fit:contain}.logout-screen h1{margin:0;color:#453b47;font:700 20px Manrope}.logout-screen p{max-width:360px;margin:0;color:#867b89;font-size:11px;line-height:1.55}.logout-screen button{margin-top:5px}
.dashboard-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 14px}.dash-chart-card{min-width:0;overflow:hidden;padding:14px 16px}.dash-chart-card .panel-head{margin-bottom:8px}.dash-chart-card .panel-head p{font-size:11px}.dash-pie-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr);align-items:center;gap:12px;min-height:180px}.pie-3d-stage{height:165px;display:grid;place-items:center;perspective:500px}.pie-3d{position:relative;width:150px;height:130px;border-radius:50%;isolation:isolate}.pie-3d:before,.pie-3d:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pie);transform:rotateX(54deg)}.pie-3d:before{filter:brightness(.55);transform:translateY(16px) rotateX(54deg)}.pie-3d:after{filter:saturate(1.08);box-shadow:0 4px 8px #39243d20}.dash-chart-legend{display:grid;gap:6px;align-content:center}.dash-chart-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:6px;font-size:10px}.dash-chart-legend>div>i,.dash-advisor-label>i{width:9px;height:9px;border-radius:50%;background:var(--legend-color);display:inline-block}.dash-chart-legend>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-chart-legend>div b{font-size:10px}.dash-chart-legend>div small{color:var(--muted);min-width:36px;text-align:right}.dash-client-chart-legend{display:flex;gap:14px;margin:0 0 8px;font-size:10px;color:var(--muted)}.dash-client-chart-legend span{display:flex;align-items:center;gap:5px}.dash-client-chart-legend i{width:8px;height:8px;border-radius:50%;background:#71367d}.dash-client-chart-legend .existing-key{background:#b3a4b8}.dash-client-chart{display:grid;gap:9px}.dash-client-row{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(150px,1.3fr);align-items:center;gap:8px}.dash-advisor-label{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-client-bars{display:grid;gap:4px}.dash-client-bars>span{display:grid;grid-template-columns:auto 18px minmax(36px,1fr);align-items:center;gap:5px;color:var(--muted);font-size:9px}.dash-client-bars>span b{text-align:right;color:var(--ink);font-size:10px}.dash-client-bars>span>i,.dash-money-track,.dash-split-row>i{height:7px;background:#f0edf1;border-radius:9px;overflow:hidden;display:block}.dash-client-bars em,.dash-money-track>i,.dash-split-row em{height:100%;display:block;background:var(--bar-color);border-radius:inherit;min-width:0}.dash-client-bars .existing-bar{opacity:.48}.dash-money-chart{display:grid;gap:9px}.dash-money-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(45px,1.4fr) auto 38px;align-items:center;gap:8px}.dash-money-row strong{font-size:10px;white-space:nowrap}.dash-money-row small{color:var(--muted);text-align:right;font-size:9px}.dash-split-chart{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 2px}.dash-split-row{display:grid;gap:8px;align-content:center}.dash-split-row>div{display:flex;justify-content:space-between;align-items:baseline;gap:7px}.dash-split-row>div b{font-size:11px}.dash-split-row>div strong{font-size:13px;white-space:nowrap}.dash-split-row small{font-size:10px;color:var(--muted)}.dash-chart-empty{min-height:145px;display:grid;place-items:center;color:var(--muted);font-size:12px}.dashboard-year-control .year-switch{display:flex;flex-wrap:wrap}.client-select-cell{width:30px;text-align:center}.client-select-cell input{width:16px;height:16px;accent-color:var(--plum);cursor:pointer}.client-row-actions{display:flex;justify-content:flex-end;gap:4px}.client-delete-icon{width:30px;height:30px;padding:0;border:1px solid #eddde0;border-radius:9px;background:#fff;color:#a33e4b;cursor:pointer;font-size:14px}.client-bulk-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.client-bulk-toolbar .btn:disabled{opacity:.45;cursor:not-allowed}.client-delete-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.75fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.client-delete-choice:last-child{border-bottom:0}.client-delete-choice b{font-size:12px}.client-delete-choice small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.client-delete-choice select{width:100%;min-width:0}.@media(max-width:900px){.dashboard-chart-grid{grid-template-columns:1fr}.dash-chart-card{padding:12px}.dash-chart-empty{min-height:90px}}@media(max-width:600px){.dash-pie-layout{grid-template-columns:130px minmax(0,1fr);gap:6px;min-height:150px}.pie-3d-stage{height:140px}.pie-3d{width:118px;height:105px}.dash-chart-legend>div{font-size:9px;gap:4px}.dash-client-row{grid-template-columns:1fr;gap:4px}.dash-client-bars{padding-left:6px}.dash-money-row{grid-template-columns:minmax(80px,1fr) minmax(30px,.8fr) auto 34px;gap:5px}.dash-money-row strong{font-size:9px}.dash-split-chart{grid-template-columns:1fr;gap:12px}.client-delete-choice{grid-template-columns:1fr;gap:6px}.client-bulk-toolbar{width:100%}}

/* Gráfica de clientas por asesora: barras apiladas al 100% */
.dash-stack-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 10px;color:var(--muted);font-size:10px}
.dash-stack-legend span{display:flex;align-items:center;gap:5px}
.dash-stack-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;background:#71367d;flex:none}
.dash-stack-legend .dash-stack-existing-key{background:#d28a32}
.dash-100-chart{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px;height:224px}
.dash-100-axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 29px;text-align:right;color:var(--muted);font-size:9px}
.dash-100-plot{position:relative;min-width:0;height:100%;padding:0 8px 28px}
.dash-100-grid{position:absolute;left:8px;right:8px;top:0;bottom:28px;background:linear-gradient(to bottom,#ddd5df 1px,transparent 1px);background-size:100% 25%}
.dash-100-columns{position:relative;z-index:1;height:calc(100% - 28px);display:flex;align-items:stretch;justify-content:space-around;gap:8px}
.dash-100-column{height:100%;min-width:0;max-width:66px;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.dash-100-stack{height:100%;width:min(56px,80%);display:flex;flex-direction:column-reverse;justify-content:flex-end;overflow:hidden;border:1px solid #77657b;border-radius:4px 4px 0 0;background:#f6f2f7}
.dash-stack-new,.dash-stack-existing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:white;font-size:9px;line-height:1.1;font-weight:700;min-height:0}
.dash-stack-new{background:#71367d}
.dash-stack-existing{background:#d28a32}
.dash-100-name{width:100%;height:28px;padding:4px 2px 0;text-align:center;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:600px){.dash-100-chart{height:200px;grid-template-columns:34px minmax(0,1fr)}.dash-100-columns{gap:4px}.dash-100-column{max-width:50px}.dash-100-name{font-size:8px}}