:root{--navy:#343774;--navy-dark:#282b5d;--pink:#e889b6;--pink-dark:#bc578e;--bg:#f4f5f9;--sidebar:#f7f8fb;--ink:#242735;--muted:#8b8e9d;--line:#eeeff4;--green:#499b84;--amber:#d39a43;--blue:#687cd2;--shadow:0 2px 5px rgba(34,37,68,.018);--radius:18px}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#edf0f5;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b4b9ea;outline-offset:3px}button{border:0;background:none}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.3}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:16px;font-weight:600}small{font-size:14px;color:var(--muted)}.app-shell{max-width:1920px;margin:auto;display:flex;min-height:100vh;padding:10px 10px 10px 0}.sidebar{width:238px;flex-shrink:0;display:flex;flex-direction:column;padding:17px 17px 12px 19px;position:sticky;top:0;height:calc(100vh - 10px)}.brand{height:58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 13px;margin-bottom:23px;gap:10px}.brand img{width:174px;height:auto}.brand-subtitle{font-size:12px;letter-spacing:2.1px;font-weight:500;color:#818395;margin-left:1px}.sidebar-search{display:flex;align-items:center;gap:9px;background:#e9ecf2a8;border:1px solid #e7e9f0;border-radius:10px;height:39px;padding:0 10px;margin:0 9px 21px;color:#9b9daa}.sidebar-search svg{width:16px}.sidebar-search span{font-size:15px}.sidebar-search kbd{margin-left:auto;font-family:inherit;font-size:13px;background:#fafbfd;border:1px solid #e0e3eb;border-radius:4px;padding:1px 4px}.nav-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#e0e3ec transparent;flex:1}.nav-group{margin-bottom:19px}.group-label{font-size:12px;letter-spacing:1.3px;font-weight:600;text-transform:uppercase;color:#9c9eac;padding:0 13px;margin-bottom:8px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;padding:10px 13px;margin-bottom:3px;border-radius:9px;color:#777b8b;font-size:15px;text-align:left;white-space:nowrap;transition:.18s}.nav-item svg{width:18px;height:18px;color:#9396a5}.nav-item:hover{background:#ffffffa6;color:var(--navy)}.nav-item.active{background:white;box-shadow:0 2px 7px #35387105;color:var(--navy);font-weight:600}.nav-item.active svg{color:var(--navy)}.nav-item.active:before{content:'';position:absolute;left:19px;width:3px;height:17px;border-radius:4px;background:var(--pink)}.nav-count{font-size:13px;margin-left:auto;background:#f0eaf7;color:#72649e;border-radius:5px;padding:1px 6px}.soon-dot{margin-left:auto;background:#e1e3ea;width:5px;height:5px;border-radius:50%}.sidebar-bottom{padding-top:12px}.sidebar-bottom .nav-item{margin-bottom:10px}.sidebar-note{padding:12px;background:linear-gradient(120deg,#e9eaf5,#f4e8f1);border:1px solid #e6e4f0;border-radius:12px;color:var(--navy);font-size:14px;line-height:1.55;position:relative}.sidebar-note>svg{position:absolute;right:12px;top:12px;color:#ad8ab8;width:17px}.sidebar-note strong{display:block;margin-bottom:3px;font-size:14px}.sidebar-note span{color:#9691a7;font-size:13px}.workspace{min-width:0;flex:1;background:var(--bg);border:1px solid #fff;border-radius:20px;box-shadow:0 0 25px #34377403;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #e9ebf1;gap:15px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.workspace-select{height:35px;display:flex;align-items:center;gap:9px;font-size:14px}.workspace-select strong{font-size:15px;font-weight:600;white-space:nowrap}.location-icon{color:#777ab1;display:flex}.separator{height:15px;width:1px;background:#dadde6;margin:0 2px}.workspace-select select{color:#878a99;font-size:14px;background:transparent;border:none;max-width:120px}.header-date{display:flex;gap:8px;align-items:center;color:#858897;font-size:14px;white-space:nowrap}.header-date svg{width:15px;height:15px}.preview-tag{color:#9a7795;font-size:13px;display:flex;gap:5px;align-items:center;background:#f8ecf3;border:1px solid #efdfeb;border-radius:5px;padding:5px 8px;white-space:nowrap}.preview-tag i{width:4px;height:4px;background:var(--pink-dark);border-radius:50%}.icon-button{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#fff;border:1px solid var(--line);color:#848798;flex-shrink:0}.icon-button:hover{background:#f0f0f8;color:var(--navy)}.icon-button svg{width:17px;height:17px}.notification-button{position:relative}.notification-button b{position:absolute;width:5px;height:5px;right:8px;top:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 2px white}.topbar-divider{height:23px;width:1px;background:#e5e7ee}.avatar{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0;background:#efedf8;color:#6e67a1}.avatar-navy{background:#e0e1ed;color:var(--navy)}.avatar-pink{background:#f7e7ef;color:#b87198}.avatar-green{background:#e2eee9;color:#639586}.avatar-amber{background:#f5eadb;color:#ae8b55}.user-avatar{border:3px solid #fff;box-shadow:0 0 0 1px #e0e2eb}.mobile-menu{display:none}main{padding:27px 27px 17px;flex:1;outline:none!important;animation:appear .3s ease}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:13px;font-weight:600;color:#a2a4b0;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:7px}.page-heading p{font-size:15px;color:#9295a4;margin-top:7px;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:500;border:1px solid #e5e7ee;background:white;border-radius:9px;padding:10px 13px;white-space:nowrap;transition:.16s}.button:hover{border-color:#cccee1;box-shadow:0 3px 10px #34377408}.button svg{width:15px;height:15px}.button.primary{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 3px 6px #34377412}.button.primary:hover{background:var(--navy-dark)}.button.pink{background:#f9eaf2;color:#b26391;border-color:#f3dfe9}.button.small{padding:7px 10px;font-size:13px}.segmented{display:inline-flex;align-items:center;background:#edeef4;border-radius:8px;padding:3px;gap:2px}.segmented button{padding:6px 11px;color:#9698a5;font-size:13px;border-radius:6px}.segmented button.selected{background:white;color:#55596d;box-shadow:0 1px 4px #30384a08}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stat-card{padding:19px 20px 15px;overflow:hidden}.stat-label{display:flex;align-items:center;gap:9px;color:#8a8d9c;font-size:14px}.soft-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#eeeeF8;color:#7376ac}.soft-icon svg{width:17px;height:17px}.soft-icon.pink{background:#fcf0f6;color:#d88fb6}.soft-icon.green{background:#eef7f3;color:#72a992}.soft-icon.amber{background:#fcf5eb;color:#c8a46a}.stat-number-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;margin-bottom:17px;gap:8px}.stat-number{font-size:31px;font-weight:550;letter-spacing:-1.3px;line-height:1}.stat-number.money{font-size:27px}.stat-change{font-size:12px;color:#72a08e;display:flex;align-items:center;gap:2px;white-space:nowrap}.stat-change svg{width:11px;height:11px}.stat-change.neutral{color:#bb8d5f}.dot-chart{height:36px;display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end}.dot-column{display:flex;flex-direction:column-reverse;gap:4px}.dot-column i{height:4px;width:4px;background:#f0f1f5;border-radius:50%;display:block}.dot-column i.lit{background:var(--navy);opacity:.7}.dot-chart.pink i.lit{background:var(--pink);opacity:.9}.dot-chart.green i.lit{background:#79af9c}.dot-chart.amber i.lit{background:#ddbb78}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:19px;margin-bottom:19px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 0}.card-description{font-size:13px;color:#a1a3b0;margin-top:5px;line-height:1.6}.text-link{color:#9395aa;font-size:13px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.text-link:hover{color:var(--navy)}.text-link svg{width:12px;height:12px}.chart-card{min-height:292px}.chart-legend{display:flex;gap:15px;padding:18px 22px 0;color:#9a9caa;font-size:12px;flex-wrap:wrap}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--navy);margin-right:5px}.legend-dot.pink{background:var(--pink)}.legend-dot.gray{background:#e9eaf0}.legend-dot.green{background:#7ab09a}.chart-wrapper{position:relative;margin:17px 23px 17px 38px;height:155px;padding-bottom:24px}.chart-grid{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid>div{border-top:1px dashed #eff0f5;height:0;position:relative}.chart-grid small{position:absolute;left:-20px;top:-6px;font-size:11px;color:#babcc6}.chart-bars{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:12px}.chart-bar-container{position:relative;width:26px;height:100%;display:flex;align-items:flex-end;outline:none}.stacked-bar{width:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px 5px 2px 2px;overflow:hidden;min-height:3px;transition:filter .2s}.stacked-bar span{display:block;width:100%;border-bottom:2px solid white;min-height:3px}.bar-navy{background:#6b6f9f}.bar-pink{background:#e9a3c6}.bar-gray{background:#e8eaf1}.chart-bar-container:hover .stacked-bar{filter:brightness(.94)}.chart-bar-container>small{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:12px;color:#a1a3b1;white-space:nowrap}.chart-tooltip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#343754;box-shadow:0 4px 12px #34377418;z-index:3;color:#fff;padding:8px 11px;border-radius:7px;font-size:12px;white-space:nowrap;pointer-events:none}.chart-bar-container:hover .chart-tooltip,.chart-bar-container:focus .chart-tooltip{display:block}.attention-list{padding:10px 21px 13px}.attention-row{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:12px 0;border-bottom:1px solid #f2f3f7}.attention-row:last-child{border-bottom:none}.attention-row .soft-icon{width:30px;height:30px;border-radius:8px}.attention-content{flex:1;min-width:0}.attention-content strong{font-size:14px;font-weight:500;display:block;margin-bottom:4px}.attention-content small{font-size:12px}.attention-row>svg{color:#c7c9d1;width:13px}.badge{display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border-radius:5px;font-size:12px;white-space:nowrap;background:#f0eff9;color:#7d76a5;font-weight:500}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}.badge.green{background:#eef6f1;color:#78a08a}.badge.amber{background:#fcf4e8;color:#c2995d}.badge.pink{background:#fcf0f6;color:#c387a9}.badge.gray{background:#f0f1f5;color:#999caa}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:19px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:12px;letter-spacing:.25px;font-weight:500;color:#a0a3b2;padding:14px 16px;background:#fafbfc;border-bottom:1px solid #f0f1f5}td{font-size:13px;padding:13px 16px;border-bottom:1px solid #f1f2f6;color:#7c7f90}tr:last-child td{border-bottom:0}.compact-table{margin-top:17px}.compact-table th:first-child,.compact-table td:first-child{padding-left:21px}.customer-cell{display:flex;align-items:center;gap:9px;color:#626677;font-size:13px}.customer-cell .avatar{width:28px;height:28px;font-size:11px}.customer-cell strong{font-weight:500;color:#54586c;display:block}.customer-cell small{font-size:11px;display:block;margin-top:3px}.row-click{cursor:pointer}.row-click:hover td{background:#fcfbfe}.time-cell strong{font-size:14px;color:#73778d;font-weight:500}.table-footer{padding:12px 21px;border-top:1px solid #f2f3f7;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a4a6b3}.activities{padding:9px 21px 15px}.activity{display:flex;gap:10px;padding:11px 0}.activity .avatar{width:28px;height:28px;font-size:12px}.activity-text{font-size:13px;color:#858898;line-height:1.6}.activity-text strong{color:#606477;font-weight:500}.activity-text small{display:block;font-size:12px;margin-top:3px}.quiet-banner{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f8f7fc;color:#a09bb6;font-size:12px;border-radius:7px;margin:0 21px 16px}.quiet-banner svg{width:13px;height:13px}.workspace-footer{display:flex;justify-content:space-between;padding:9px 28px 16px;color:#adafbd;font-size:12px}.workspace-footer>span:last-child{display:flex;align-items:center;gap:5px}.footer-dot{padding:0 6px}.status-dot{display:inline-block;width:5px;height:5px;background:#8db4a1;border-radius:50%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e8eaf0;background:#fff;border-radius:8px;padding:8px 11px;min-width:210px}.search-field svg{width:15px;height:15px;color:#a5a8b6}.search-field input{width:100%;border:0;outline:0;background:none;font-size:14px;color:#676b80}.search-field input::placeholder{color:#abadb9}.select-control{border:1px solid #e8eaf0;border-radius:8px;padding:8px 10px;color:#888c9e;background:white;font-size:14px}.order-id{color:#8c88ac;font-size:13px;font-weight:500}.orders-table td{padding:16px}.orders-table th{padding:14px 16px}.empty-state{text-align:center;padding:55px 20px;color:#9a9cad}.empty-state svg{width:34px;height:34px;margin-bottom:13px;color:#bbbace}.empty-state p{margin-top:8px;font-size:15px}.mini-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.mini-stat{display:flex;gap:11px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:13px 19px;min-width:145px}.mini-stat strong{font-size:21px;letter-spacing:-.5px;font-weight:550}.mini-stat span{font-size:13px;color:#9699a9}.inbox-layout{display:grid;grid-template-columns:285px minmax(280px,1fr) 245px;height:calc(100vh - 240px);min-height:560px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow:auto}.inbox-search{padding:16px 13px}.inbox-search .search-field{min-width:0;background:#fafbfc}.inbox-tabs{display:flex;gap:12px;padding:0 17px 13px;border-bottom:1px solid var(--line)}.inbox-tabs button{color:#a1a3b2;font-size:13px;padding:0 0 7px}.inbox-tabs button.selected{color:var(--navy);border-bottom:2px solid var(--pink)}.conversation{display:flex;gap:10px;padding:17px 15px;cursor:pointer;border-bottom:1px solid #f5f5f8;position:relative}.conversation.active{background:#f4f2fa}.conversation.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pink)}.conversation:hover{background:#faf9fd}.conversation-body{min-width:0;flex:1}.conversation-name{display:flex;justify-content:space-between;gap:5px;margin-bottom:5px;align-items:center}.conversation-name strong{font-size:14px;font-weight:550}.conversation-name small{font-size:11px}.conversation-preview{display:flex;align-items:center;gap:5px}.conversation-preview p{color:#a0a2b2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-count{background:var(--navy);color:#fff;border-radius:5px;font-size:11px;padding:2px 4px}.chat-column{display:flex;flex-direction:column;min-width:0;background:#fdfdff;min-height:0}.chat-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid var(--line);background:white;gap:8px}.chat-header-title{display:flex;gap:10px;align-items:center}.chat-header h3{font-size:15px}.chat-header small{font-size:12px;display:flex;gap:5px;align-items:center;margin-top:4px}.chat-messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-date{text-align:center;color:#adafbd;font-size:12px;margin:2px 0 7px}.message{max-width:84%;padding:11px 13px;border-radius:12px 12px 12px 3px;background:#f0f1f6;color:#6d7185;font-size:14px;line-height:1.7;align-self:flex-start}.message.outgoing{align-self:flex-end;background:#eeedf8;color:#616289;border-radius:12px 12px 3px 12px}.message small{display:block;text-align:right;margin-top:5px;font-size:11px;color:#a5a5b9}.bot-notice{text-align:center;padding:8px;font-size:12px;color:#a9a4b9;background:#f8f5fa;border-top:1px solid #f1edf5}.chat-compose{display:flex;gap:9px;padding:14px 16px;background:white;border-top:1px solid var(--line);align-items:center}.chat-compose input{flex:1;min-width:0;border:1px solid #e8e9f1;background:#fcfcfe;border-radius:9px;padding:12px;font-size:14px;outline:none;color:#6d7185}.chat-compose .icon-button{background:var(--navy);color:white;width:37px;height:37px}.chat-profile{border-left:1px solid var(--line);padding:23px 19px;overflow:auto}.profile-center{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.profile-center .avatar{width:51px;height:51px;margin:0 auto 12px;font-size:18px}.profile-center h3{font-size:15px}.profile-center p{font-size:13px;color:#a5a5b3;margin-top:6px}.profile-section{padding:19px 0;border-bottom:1px solid var(--line)}.profile-section h4{margin:0 0 14px;font-size:13px;font-weight:600;color:#9d9fae;letter-spacing:.6px;text-transform:uppercase}.key-value{display:flex;justify-content:space-between;font-size:13px;gap:10px;margin:11px 0;color:#9a9dad}.key-value strong{font-weight:500;color:#73768a}.linked-order{border:1px solid #ecebf2;padding:12px;border-radius:9px;font-size:13px;line-height:1.8;cursor:pointer}.linked-order strong{color:var(--navy);font-weight:500}.linked-order p{color:#9295a7}.note-input{width:100%;min-height:74px;resize:vertical;background:#fdfbfd;border:1px solid #f0eaf1;border-radius:8px;padding:10px;color:#8c8499;font-size:13px;line-height:1.6}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;gap:12px}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav h2{min-width:125px;text-align:center}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#fafbfc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-weekdays span{text-align:center;font-size:13px;color:#9b9eaf;padding:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-day{min-height:112px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:9px;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other{background:#fcfcfe;color:#c9cad4}.day-number{width:23px;height:23px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9699ab;margin-bottom:7px}.today .day-number{background:var(--navy);color:#fff;border-radius:7px}.calendar-event{display:block;text-align:left;width:100%;font-size:11px;background:#eeedf8;border-left:2px solid #8b8bba;color:#74729a;border-radius:4px;padding:5px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.pink{background:#faf0f5;border-color:var(--pink);color:#bb87a4}.calendar-event.green{background:#eef6f2;border-color:#7bb199;color:#6c9d87}.calendar-more{font-size:11px;color:#a8a4b6;padding:3px 1px}.calendar-legend{display:flex;gap:18px;padding:14px 20px;font-size:12px;color:#9c9eaf}.week-grid{display:grid;grid-template-columns:50px repeat(7,minmax(0,1fr));min-width:650px}.week-head{padding:13px 5px;text-align:center;background:#fafbfc;font-size:13px;color:#9699aa;border-bottom:1px solid var(--line)}.week-time{color:#adafbd;font-size:12px;padding:15px 7px;border-bottom:1px solid var(--line)}.week-cell{padding:8px 4px;min-height:67px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.service-card{overflow:hidden}.service-art{height:135px;display:flex;align-items:center;justify-content:center;background:#f2eef7;position:relative}.service-art svg{width:50px;height:50px;stroke-width:1.1;color:#9f91b6}.service-art:before,.service-art:after{content:'';position:absolute;border:1px solid #ffffffa0;width:100px;height:100px;border-radius:50%;transform:translate(65px,-25px)}.service-art:after{width:140px;height:140px;transform:translate(-60px,35px)}.service-art.pink{background:#f9edf4}.service-art.pink svg{color:#c894af}.service-art.green{background:#edf4f1}.service-art.green svg{color:#90ada1}.service-art.blue{background:#edf0f9}.service-art.blue svg{color:#959fc5}.service-body{padding:19px}.service-body p{font-size:13px;color:#a1a3b1;margin-top:7px;line-height:1.7}.service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.service-price{font-size:16px;font-weight:550;color:var(--navy)}.service-price small{font-size:12px;font-weight:400;display:block;margin-bottom:4px;color:#a6a5b4}.coming-soon{min-height:calc(100vh - 250px);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.coming-content{max-width:430px;padding:50px 15px;position:relative}.coming-icon{margin:0 auto 26px;width:85px;height:85px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#eeedf8,#f8e9f2);border:1px solid #e8e3ef;box-shadow:0 10px 30px #34377405}.coming-icon svg{width:34px;height:34px;color:#8f83b0;stroke-width:1.3}.coming-content .eyebrow{color:#c08fad;font-size:12px;letter-spacing:2px}.coming-content h1{font-size:30px;margin:12px 0}.coming-content p{font-size:15px;line-height:1.9;color:#9697ab;margin-bottom:25px}.coming-content .badge{margin-bottom:10px}.coming-features{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:22px 0 30px}.feature-pill{padding:7px 10px;border:1px solid #e8e7f0;border-radius:6px;font-size:13px;color:#a09bae;background:#fcfbfe}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:23px}.settings-card p{font-size:14px;color:#999bad;margin:7px 0 21px;line-height:1.7}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;color:#8b8da1}.field input,.field select,.field textarea{border:1px solid #e6e7f0;border-radius:8px;padding:11px 12px;background:#fefeff;color:#6e7088;font-size:14px;width:100%}.field textarea{min-height:78px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.integration{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.integration:last-child{border:0}.integration>div:nth-child(2){flex:1}.integration strong{font-size:14px;font-weight:500}.integration p{font-size:13px;margin:4px 0 0}.settings-bottom{display:flex;justify-content:flex-end;margin-top:20px}.modal-backdrop{position:fixed;inset:0;background:#26264042;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border:1px solid #fff;border-radius:21px;width:520px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 90px #27274422;animation:appear .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:17px}.modal-body{padding:23px 25px}.modal-subtitle{font-size:14px;color:#9c9eaf;margin-top:5px}.order-customer{display:flex;align-items:center;gap:12px;padding:0 0 21px;margin-bottom:19px;border-bottom:1px solid var(--line)}.order-customer .avatar{width:43px;height:43px;font-size:15px}.order-customer h3{font-size:16px}.order-customer p{font-size:13px;color:#a3a4b4;margin-top:5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-bottom:22px}.detail-grid span{font-size:13px;color:#9d9faf;display:block;margin-bottom:6px}.detail-grid strong{font-size:15px;font-weight:500;color:#72748a}.order-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7f6fb;border-radius:10px;color:#9390a7;font-size:14px;margin-bottom:20px}.order-total strong{font-size:21px;font-weight:550;color:var(--navy)}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.demo-note{color:#b09caf;font-size:13px;line-height:1.6;background:#fbf5f9;border-radius:7px;padding:10px 12px}.popover{position:fixed;top:76px;right:28px;width:330px;background:white;border:1px solid #e8e7f0;border-radius:15px;z-index:40;box-shadow:0 12px 50px #34377414;padding:19px}.popover h3{margin-bottom:13px}.popover .activity{border-bottom:1px solid var(--line)}.popover .activity:last-child{border-bottom:0}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#30324e;border:1px solid #454760;border-radius:11px;padding:13px 19px;color:white;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;gap:9px;max-width:90vw;box-shadow:0 8px 25px #34377420}.toast.show{opacity:1;transform:translate(-50%,0)}.toast svg{width:16px;height:16px;color:#dba5c7;flex-shrink:0}.sidebar-overlay{display:none}.empty-table{padding:40px;text-align:center;font-size:15px;color:#a4a3b6}.view-label{font-size:13px;color:#a4a6b5}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:20px}.payment-summary .stat-card{padding:21px}.payment-summary .stat-number-row{margin-bottom:0}.payment-type{display:flex;align-items:center;gap:6px;font-size:13px;color:#9b98af}.payment-type svg{width:14px;height:14px}.customer-summary{font-size:13px;color:#a4a3b4;margin-bottom:18px}.customer-timeline{border-left:1px solid #e5e3ef;margin-left:7px;padding-left:22px}.customer-timeline>div{position:relative;padding:0 0 22px}.customer-timeline>div:before{content:'';position:absolute;left:-26px;top:3px;width:7px;height:7px;background:#c5bdd6;border-radius:50%;border:2px solid white}.customer-timeline strong{font-size:14px;color:#77728f;font-weight:500}.customer-timeline p{font-size:13px;color:#aba7b8;margin-top:5px}.catalog-notice{display:flex;align-items:center;gap:8px;color:#a19ab1;font-size:13px;padding:14px 17px;background:#faf8fd;border:1px solid #ede8f4;border-radius:9px}.catalog-notice svg{width:15px}.profile-field{font-size:14px;color:#8e89a4;line-height:1.8}.no-wrap{white-space:nowrap}
@media(min-width:1550px){body{font-size:16px}.sidebar{width:258px;padding-left:25px;padding-right:22px}.nav-item{font-size:15px;padding:12px 14px}.nav-item.active:before{left:25px}main{padding:32px}.topbar{padding:0 32px}.stat-card{padding:23px}.stat-label{font-size:15px}.stat-number{font-size:35px}.stat-number.money{font-size:31px}.dot-chart{height:43px;gap:5px}.dot-column{gap:5px}.dot-column i{width:5px;height:5px}.chart-card{min-height:330px}.chart-wrapper{height:181px;margin-top:22px}.attention-row{padding:16px 0}.attention-content strong{font-size:15px}.attention-content small{font-size:13px}.activity{padding:14px 0}.activity-text{font-size:14px}td{padding:16px;font-size:14px}.customer-cell{font-size:14px}.compact-table td{padding-top:17px;padding-bottom:17px}.inbox-layout{height:calc(100vh - 253px)}}
@media(max-width:1250px){.sidebar{width:213px;padding-left:13px;padding-right:12px}.brand img{width:159px}.brand-subtitle{font-size:11px;letter-spacing:3px}.nav-item{gap:9px;padding:10px}.nav-item.active:before{left:13px}.topbar{padding:0 20px}.topbar-left{gap:12px}.header-date{display:none}.topbar-right{gap:10px}main{padding:24px 20px 16px}.stat-card{padding:16px 15px 14px}.stat-label{font-size:13px;gap:7px}.stat-number{font-size:29px}.stat-number.money{font-size:24px}.stat-change{font-size:11px}.soft-icon{width:29px;height:29px}.dashboard-middle,.dashboard-bottom{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.chart-bars{gap:7px}.chart-bar-container{width:23px}.attention-content strong{font-size:13px}.attention-content small{font-size:11px}.badge{font-size:11px}.inbox-layout{grid-template-columns:245px minmax(0,1fr)}.chat-profile{display:none}.page-heading{gap:12px}h1{font-size:25px}.heading-actions{gap:7px}.service-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:100px;padding:6px}}
@media(max-width:1000px){.sidebar{width:191px;padding-left:10px;padding-right:8px}.brand{padding:0 9px}.brand img{width:151px}.nav-item{font-size:14px;padding:10px 9px;gap:9px}.nav-item.active:before{left:10px}.group-label{padding-left:9px}.sidebar-search{margin-left:6px;margin-right:6px}.stats-grid{gap:10px}.stat-card{padding:15px 11px 12px}.stat-label{font-size:12px;gap:6px}.stat-label .soft-icon{width:26px;height:26px}.stat-number{font-size:28px}.stat-number.money{font-size:21px}.stat-number-row{flex-wrap:wrap;gap:7px;margin-top:15px;margin-bottom:12px}.stat-change{font-size:11px}.dot-chart{gap:2px}.dot-column{gap:3px}.dot-column i{width:3px;height:3px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .segmented{display:none}.dashboard-middle,.dashboard-bottom{gap:13px;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}.card-header{padding:17px 17px 0}.card-header h2{font-size:15px}.chart-legend{padding-left:18px;gap:10px;font-size:11px}.attention-list,.activities{padding-left:16px;padding-right:16px}.attention-row{gap:8px}.attention-row>.badge{display:none}.chart-wrapper{margin-left:30px;margin-right:17px}.chart-bar-container{width:20px}.chart-bar-container>small{font-size:11px}.page-heading p{font-size:14px}.preview-tag span{display:none}.help-button{display:none}.workspace-select{gap:6px}.workspace-select strong{font-size:14px}.workspace-select select{max-width:90px;font-size:13px}.activity-text{font-size:12px}.compact-table th:nth-child(3),.compact-table td:nth-child(3){display:none}.settings-layout{grid-template-columns:1fr}.inbox-layout{grid-template-columns:220px minmax(0,1fr)}.chat-header{padding:13px}.chat-header-title{gap:7px}.chat-header .button{font-size:12px;padding:7px}.calendar-event{font-size:11px}.calendar-toolbar{padding:16px}.calendar-nav{gap:5px}.calendar-nav h2{font-size:15px;min-width:110px}}
@media(max-width:760px){.app-shell{padding:0;display:block}.sidebar{position:fixed;top:0;left:0;width:235px;height:100dvh;background:#f3f4f9;z-index:35;transform:translateX(-100%);transition:transform .25s;padding:20px 16px}.sidebar.open{transform:translateX(0)}.sidebar.open~.sidebar-overlay{display:block;position:fixed;inset:0;background:#25283b55;backdrop-filter:blur(2px);z-index:34}.brand{padding-left:12px}.brand img{width:175px}.brand-subtitle{font-size:12px;letter-spacing:3.3px}.nav-item{font-size:15px;padding:11px 12px}.nav-item.active:before{left:16px}.workspace{min-height:100vh;border-radius:0;border:0}.topbar{height:65px;padding:0 16px;gap:8px}.mobile-menu{display:flex;background:transparent;border:0;width:25px}.topbar-left{gap:11px}.workspace-select{gap:7px}.workspace-select strong{font-size:14px}.workspace-select .location-icon{display:none}.workspace-select select{max-width:86px;font-size:13px}.topbar-right{gap:8px}.preview-tag{font-size:11px;padding:4px 6px}.topbar-divider{display:none}.user-avatar{display:none}.notification-button{width:29px;height:29px}main{padding:22px 17px 15px}.page-heading{margin-bottom:21px;align-items:flex-start;gap:10px}.page-heading h1{font-size:24px;letter-spacing:-.8px}.eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:7px}.page-heading p{font-size:13px;max-width:245px;margin-top:6px}.heading-actions .button{font-size:12px;padding:9px}.heading-actions .button.secondary{display:none}.heading-actions .button svg{width:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:15px}.stat-card{padding:16px}.stat-label{font-size:13px;gap:8px}.stat-number-row{flex-wrap:nowrap;margin-top:16px}.stat-number{font-size:29px}.stat-number.money{font-size:25px}.stat-change{font-size:11px}.dot-chart{gap:4px;height:29px}.dot-column{gap:3px}.dot-column i{width:3px;height:3px}.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.card-header{padding:18px 18px 0}.card-header h2{font-size:16px}.card-description{font-size:13px}.chart-card{min-height:275px}.chart-legend{padding:18px 19px 0;font-size:11px;gap:17px}.chart-wrapper{height:147px;margin:21px 24px 17px 38px}.chart-bar-container{width:25px}.chart-bar-container>small{font-size:11px}.attention-list{padding:9px 18px 11px}.attention-row{padding:12px 0}.attention-content strong{font-size:14px}.attention-content small{font-size:12px}.attention-row>.badge{display:inline-flex;font-size:11px}.attention-row>svg{display:none}.activity-text{font-size:14px}.activities{padding:10px 18px}.activity{padding:12px 0}.quiet-banner{font-size:12px}.workspace-footer{padding:5px 18px 20px;font-size:11px;gap:12px}.workspace-footer>span:last-child{display:none}.compact-table th:nth-child(3),.compact-table td:nth-child(3){display:table-cell}.compact-table th,.compact-table td{font-size:12px;padding:12px}.compact-table th:first-child,.compact-table td:first-child{padding-left:18px}.customer-cell{font-size:12px;gap:7px}.customer-cell .avatar{width:26px;height:26px}.table-footer{padding:12px 18px;font-size:11px}.mini-stats{gap:8px;margin-bottom:15px}.mini-stat{min-width:0;flex:1;padding:11px;gap:8px}.mini-stat strong{font-size:20px}.mini-stat span{font-size:11px}.toolbar{padding:13px;gap:10px}.toolbar-left{gap:8px;width:100%}.toolbar .search-field{flex:1;min-width:130px}.toolbar .view-label{display:none}.select-control{font-size:13px;max-width:145px}.orders-table th,.orders-table td{padding:13px 12px}.inbox-layout{grid-template-columns:1fr;height:calc(100dvh - 218px);min-height:480px}.conversation-list{display:none}.chat-column{height:100%;min-height:0}.chat-header{padding:11px 14px}.chat-header-title h3{font-size:14px}.chat-header .button{font-size:12px}.chat-messages{padding:18px 14px}.message{font-size:14px}.inbox-mobile-select{display:block!important;border:1px solid #e8e7ef;border-radius:6px;font-size:13px;background:#faf9fc;padding:5px 7px;color:#7a748d;margin-left:8px;max-width:90px}.calendar-toolbar{flex-wrap:wrap;padding:13px}.calendar-nav{gap:5px}.calendar-nav h2{font-size:15px;min-width:100px}.calendar-toolbar .segmented button{font-size:12px;padding:6px 9px}.calendar-day{min-height:91px;padding:4px}.day-number{font-size:12px;width:21px;height:21px;margin-bottom:4px}.calendar-weekdays span{font-size:12px}.calendar-event{font-size:11px;padding:4px 2px;line-height:1.4;white-space:normal;max-height:27px;overflow:hidden}.calendar-more{font-size:11px}.calendar-legend{gap:10px;font-size:11px;flex-wrap:wrap;padding:12px}.service-grid{gap:12px}.service-art{height:110px}.service-body{padding:14px}.service-body h3{font-size:15px}.service-body p{font-size:12px}.service-bottom{align-items:flex-end;gap:5px}.service-price{font-size:15px}.service-bottom .badge{font-size:11px;padding:3px 5px}.payment-summary{grid-template-columns:1fr;gap:10px}.payment-summary .stat-card{padding:16px;display:flex;align-items:center;justify-content:space-between}.payment-summary .stat-number-row{margin:0}.payment-summary .stat-number{font-size:25px}.payment-summary .stat-change{display:none}.settings-card{padding:19px}.settings-layout{gap:15px}.coming-soon{min-height:calc(100vh - 230px)}.coming-content h1{font-size:28px}.modal-backdrop{padding:12px}.modal{border-radius:17px;max-height:92dvh}.modal-header{padding:18px}.modal-body{padding:20px 18px}.modal-header h2{font-size:18px}.modal-actions .button{font-size:13px}.popover{top:67px;right:12px;width:min(330px,calc(100vw - 24px))}.toast{left:50%;width:max-content;font-size:13px;bottom:18px;max-width:92vw}.catalog-notice{font-size:12px;align-items:flex-start;line-height:1.7}.profile-section{padding:16px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Comfortable dashboard typography and space for longer, readable labels. */
.app-shell{line-height:1.5}
.stat-label{line-height:1.5;min-height:34px}
.stat-number-row{flex-wrap:wrap;row-gap:8px}
.stat-change{white-space:normal;line-height:1.4}
.attention-content strong,.activity-text,.customer-cell{line-height:1.5}
.card-description{line-height:1.6}
.chart-wrapper{padding-bottom:29px}
.chart-grid{bottom:29px}
.chart-bar-container>small{bottom:-24px}
.nav-item{min-height:42px}
.nav-count{line-height:1.5}
.brand-subtitle{font-size:10px;letter-spacing:1.4px}
.message{line-height:1.7}
.chat-compose input,.field input,.field select,.field textarea{font-size:15px}
.service-body .eyebrow{font-size:11px!important;line-height:1.6}
.calendar-event{line-height:1.5}
@media(max-width:1000px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-label{min-height:34px}
  .chart-legend{gap:10px}
  .card-header{align-items:flex-start}
}
@media(max-width:760px){
  .topbar-left{min-width:0;gap:8px}
  .workspace-select{min-width:0;gap:5px}
  .workspace-select strong{font-size:13px}
  .workspace-select select{font-size:13px;max-width:100px}
  .preview-tag{display:none}
  .page-heading{flex-wrap:wrap;gap:14px}
  .page-heading p{max-width:none;font-size:14px}
  .heading-actions{justify-content:flex-start}
  .heading-actions .button{font-size:14px;padding:10px 12px}
  .stat-label{min-height:42px;align-items:flex-start;font-size:13px}
  .stat-number-row{flex-wrap:wrap}
  .stat-change{font-size:12px}
  .stat-number.money{font-size:25px}
  .attention-row{gap:9px;align-items:flex-start}
  .attention-content strong{font-size:14px}
  .attention-content small{font-size:12px;line-height:1.5;display:block}
  .attention-row>.badge{font-size:11px;flex-shrink:0}
  .chat-header{height:auto;min-height:80px;flex-wrap:wrap;gap:9px}
  .chat-header-title{min-width:0;flex:1}
  .chat-header-title h3{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
  .chat-header .button{font-size:13px}
  .chat-header .sync-button{font-size:0}
  .chat-header-title small{font-size:12px}
  .inbox-mobile-select{font-size:13px}
  .chat-compose input,.field input,.field select,.field textarea{font-size:16px}
  .calendar-event{font-size:11px;max-height:34px;overflow:hidden}
  .calendar-toolbar .segmented button{font-size:13px}
  .calendar-nav{flex-wrap:wrap}
  .calendar-nav h2{font-size:15px}
  .calendar-day{min-height:105px}
  .service-bottom{flex-wrap:wrap;gap:10px}
  .service-body h3{font-size:16px}
  .service-body p{font-size:13px}
  .mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mini-stat span{font-size:12px}
  .modal-actions .button{font-size:14px}
  .modal-header h2{font-size:18px}
}

.sidebar-search{width:calc(100% - 18px);text-align:left}.sidebar-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.sidebar-search kbd{white-space:nowrap;flex-shrink:0;font-size:11px}