.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--surface);border-left:1px solid var(--border);padding:32px 22px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .brand{margin:0 12px}.space-label{font-size:10px;color:var(--muted);margin:30px 14px 17px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 15px;min-height:48px;font-size:12px;font-weight:500;color:var(--muted);border-radius:9px}.sidebar nav svg{width:19px;height:19px}.sidebar nav a.active{background:var(--soft);color:var(--primary);font-weight:700}.sidebar nav a:hover{background:var(--bg);color:var(--primary)}.sidebar-bottom{margin-top:auto;padding-top:22px}.sidebar-bottom>a{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding:8px 15px;min-height:40px}.sidebar-bottom svg{width:17px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:20px 0 0;margin-top:17px;border-top:1px solid var(--border)}.sidebar-profile b{display:block;font-size:11px}.sidebar-profile small{color:var(--muted);font-size:9px}.workspace-main{min-width:0}.workspace-top{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 38px;border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.breadcrumb span{color:#bcc4bf}.top-links{display:flex;gap:16px;align-items:center}.top-links .icon-button{width:36px;height:36px;min-width:36px;border:0;background:var(--bg)}.top-links svg{width:18px}.workspace main{padding:32px 38px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:6px}.page-heading h1{font-size:29px}.page-heading p{font-size:12px}.heading-actions{display:flex;gap:10px;flex-shrink:0}.heading-actions .button{font-size:11px;min-height:42px}.workspace-footnote{font-size:9px;color:var(--muted);text-align:center;margin:35px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card p{font-size:11px;color:var(--muted)}.stat-icon{width:38px;height:38px;background:var(--soft);color:var(--primary);display:grid;place-items:center;border-radius:11px;flex-shrink:0}.stat-icon svg{height:20px;width:20px}.stat-card strong{display:block;font-size:28px;letter-spacing:-.5px;line-height:1.8;font-weight:700;font-variant-numeric:tabular-nums}.stat-card small{font-size:9px;color:var(--muted)}.stat-card small em{color:#39794f;font-style:normal;font-weight:600}.dashboard-mid{display:grid;grid-template-columns:1.65fr 1fr;gap:23px;margin-bottom:25px}.chart-panel .panel-title{margin-bottom:12px}.chart-subtitle{font-size:11px;color:var(--muted);margin-bottom:23px}.bar-chart{height:188px;display:flex;gap:16px;justify-content:space-around;align-items:end;direction:ltr;border-bottom:1px solid var(--border);padding:0 10px}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;max-width:48px;position:relative}.bar-column small{font-size:8px;color:var(--muted)}.bar-column .bar{width:100%;min-height:3px;background:var(--soft);border-radius:5px 5px 0 0}.bar-column:nth-last-child(2) .bar{background:var(--primary)}.chart-legend{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:12px}.chart-legend span:first-child{display:flex;gap:7px;align-items:center}.chart-legend i{width:8px;height:8px;background:var(--primary);border-radius:3px}.chart-table{margin-top:15px}.chart-table summary{font-size:10px;color:var(--primary);cursor:pointer;padding:6px;min-height:32px}.alert-list{display:grid;gap:14px}.alert-item{display:flex;gap:12px;align-items:center;background:var(--bg);padding:12px;border-radius:10px}.alert-item>span{height:34px;width:34px;background:#fff1d8;color:#87591a;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.alert-item>span svg{width:18px}.alert-item h3{font-size:11px}.alert-item p{font-size:9px;color:var(--muted)}.alert-item>a{margin-right:auto;min-width:32px;min-height:44px;display:grid;place-items:center;color:var(--primary)}.alert-item>a svg{width:17px}.dashboard-orders .panel-title{margin-bottom:15px}.dashboard-orders{padding-bottom:10px}.table-empty{text-align:center;color:var(--muted);padding:35px!important}.small-text{font-size:11px}.product-table-art{height:46px;width:43px;background:var(--bg);border-radius:6px;display:grid;place-items:center;color:var(--primary)}.product-table-art svg{width:22px}.row-actions{display:flex;gap:7px}.row-actions .icon-button{width:36px;min-width:36px;height:44px;border:0;border-radius:8px;background:var(--bg);color:var(--muted)}.row-actions svg{width:16px}.stock-low{color:#946213;font-weight:700}.stock-ok{color:#39794f}.tabs-inline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs-inline button{padding:9px 14px;border:1px solid var(--border);background:transparent;border-radius:7px;color:var(--muted);font-size:11px;min-height:44px}.tabs-inline button.active{background:var(--primary);border-color:var(--primary);color:#fff}.inventory-info{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #eadaba;background:#fff8e8;color:#7d5d23;border-radius:10px;margin-bottom:20px;font-size:11px}.inventory-info svg{width:20px}.detail-topline{display:flex;align-items:center;gap:20px;margin-bottom:25px;font-size:12px;flex-wrap:wrap}.detail-topline>span:first-child{font:700 19px 'Manrope';color:var(--primary)}.contact-number{font:12px 'Manrope';text-align:right;display:block;margin:14px 0 20px;letter-spacing:1px}#statusForm h2{font-size:18px;margin-bottom:18px}.workspace .split{grid-template-columns:1.5fr 1fr}.workspace .order-summary{height:fit-content}.workspace .data-table th,.workspace .data-table td{padding-inline:12px}.checkbox-label{display:flex;gap:12px;align-items:center;margin:18px 0;font-size:12px}.checkbox-label input{width:18px;height:18px;accent-color:var(--primary)}.coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.coupon-card{position:relative;overflow:hidden}.coupon-card:before{content:'';height:45px;width:45px;position:absolute;left:-23px;top:50%;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.coupon-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.coupon-top>svg{height:30px;width:30px;color:var(--primary)}.coupon-card h2{font:800 22px 'Manrope';margin:25px 0 10px;letter-spacing:2px}.coupon-discount{font-size:12px;color:var(--muted)}.coupon-discount strong{color:var(--primary);font:700 27px 'Manrope';margin-left:8px}.coupon-card .form-actions{border-top:1px dashed var(--border);padding-top:18px;margin-top:25px}.coupon-card .button{font-size:10px;padding:7px 12px}.settings-tabs{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:25px}.settings-tabs span{color:var(--primary);font-size:12px;font-weight:600}.settings-help h2{font-size:18px}.settings-help p{font-size:12px;color:var(--muted);margin:15px 0}.rx-review-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rx-file-preview{background:var(--bg);border:1px dashed var(--border);border-radius:10px;text-align:center;padding:25px}.rx-file-preview>svg{width:50px;height:50px;color:var(--primary)}.rx-file-preview h3{font-size:13px;margin-top:16px;overflow-wrap:anywhere}.rx-file-preview p{font-size:11px;color:var(--muted);margin:10px 0}.customer-summary{display:flex;align-items:center;gap:20px;margin-bottom:25px}.customer-summary .avatar{height:64px;width:64px;font-size:24px}.customer-summary h2{font-size:23px}.customer-summary p{color:var(--muted);font-size:12px}.customer-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.customer-detail-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.customer-detail-card small{color:var(--muted);font-size:11px;display:block}.customer-detail-card b{font-size:18px;display:block;margin-top:10px}
/* Customer workspace */
.account-welcome{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:1.3fr 1fr;min-height:280px;padding:32px 38px;margin-bottom:25px;overflow:hidden;position:relative}.account-welcome h2{font-size:29px;margin:10px 0}.account-welcome p{font-size:12px;color:var(--muted);margin-bottom:19px}.account-welcome .button{font-size:11px}.welcome-art{position:relative;min-height:240px}.welcome-art .product-art{width:180px;height:230px;position:absolute;left:25%;top:10px;background:transparent;z-index:2}.welcome-art .bottle{transform:scale(1.35) rotate(-14deg)}.welcome-art .product-orbit,.welcome-art .product-shadow{display:none}.welcome-art>span{position:absolute;font:800 32px/1.15 'Manrope';color:#17655b25;left:0;top:20px;direction:ltr;letter-spacing:-1px}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.account-stats .stat-card{display:flex;gap:15px;align-items:center}.account-stats .stat-card strong{font-size:25px}.account-stats .stat-card>a{margin-right:auto;display:grid;place-items:center;min-height:44px;min-width:30px;color:var(--primary)}.account-stats .stat-card>a svg{width:17px}.account-shortcuts{margin-top:24px}.shortcut-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:15px}.shortcut-card>span{height:45px;width:45px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:12px;flex-shrink:0}.shortcut-card h3{font-size:12px}.shortcut-card p{font-size:10px;color:var(--muted);margin-top:5px}.shortcut-card>svg{width:18px;margin-right:auto}.address-grid,.rx-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.address-card h2{display:flex;align-items:center;gap:10px;font-size:16px}.address-card h2 svg{width:20px;color:var(--primary)}.address-card p{font-size:13px;color:var(--muted);min-height:50px}.address-card .form-actions{padding-top:17px;border-top:1px solid var(--border)}.address-card .button{font-size:11px;padding:9px 16px}.add-address{background:transparent;border:1px dashed var(--primary);border-radius:var(--radius);padding:40px;color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px}.add-address>svg{width:36px;height:36px}.add-address strong{font-size:15px}.add-address span{font-size:11px;color:var(--muted)}.rx-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.rx-file-icon{background:var(--soft);color:var(--primary);height:50px;width:50px;display:grid;place-items:center;border-radius:12px}.rx-file-icon svg{width:26px}.rx-card h2{font:600 17px 'Manrope',var(--font);direction:ltr;text-align:right;overflow-wrap:anywhere}.rx-card>p{font-size:12px;color:var(--muted);margin:18px 0 25px}.rx-card-foot{padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.rx-card-foot svg{width:16px}.rx-card .note{margin-bottom:22px}.sent-note{margin-bottom:23px}.profile-heading{display:flex;gap:16px;align-items:center;margin-bottom:30px}.large-avatar{height:65px;width:65px;font-size:25px}.profile-heading h2{font-size:20px}.profile-heading p{font-size:11px}.profile-note>svg{height:45px;width:45px;color:var(--primary);margin-bottom:20px}.profile-note h2{font-size:22px}.profile-note>p{font-size:13px;color:var(--muted);margin:16px 0}.profile-note>.text-link{margin-top:15px;font-size:12px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.login-story{background:var(--soft);border-radius:var(--radius);padding:35px;overflow:hidden}.login-story h2{font-size:28px;margin:12px 0}.login-story p{font-size:12px;color:var(--muted)}.login-story .product-art{height:220px;background:transparent}.login-layout form{height:fit-content;padding:35px}.login-layout form>h2{font-size:22px;margin-bottom:10px}.login-layout form>p{font-size:12px;margin-bottom:26px}
/* Preserve the concept's design language within operational screens. */
body[data-brand=pulse] .sidebar{background:#302049;color:#fff;border-color:#302049}body[data-brand=pulse] .sidebar .brand-symbol{background:var(--accent);color:#35205e}body[data-brand=pulse] .space-label,body[data-brand=pulse] .sidebar nav a,body[data-brand=pulse] .sidebar-bottom>a,body[data-brand=pulse] .sidebar-profile small{color:#c9bcde}body[data-brand=pulse] .sidebar nav a.active{background:#ffffff17;color:var(--accent)}body[data-brand=pulse] .sidebar nav a:hover{background:#ffffff0a;color:#fff}body[data-brand=pulse] .sidebar-profile{border-color:#ffffff20}body[data-brand=pulse] .sidebar-profile .avatar{background:#ffffff18;color:var(--accent)}body[data-brand=pulse] .stat-card{border-radius:18px}body[data-brand=pulse] .stat-card:first-child .stat-icon{background:#f8eaba;color:#7e6013}body[data-brand=pulse] .bar-column:nth-last-child(2) .bar{background:var(--primary)}body[data-brand=pulse] .account-welcome{background:#5734bd;color:white;border:0}body[data-brand=pulse] .account-welcome .eyebrow,body[data-brand=pulse] .account-welcome p{color:#dfd4f7}body[data-brand=pulse] .account-welcome .button{background:var(--accent);color:var(--primary-dark)}body[data-brand=pulse] .welcome-art>span{color:#ffffff25}body[data-brand=vita] .workspace-top{background:var(--bg)}body[data-brand=vita] .sidebar{background:#eee7dc}body[data-brand=vita] .sidebar nav a{border-radius:0}body[data-brand=vita] .sidebar nav a.active{background:#ffffff80}body[data-brand=vita] .stat-icon{background:transparent;border:1px solid var(--border);border-radius:0}body[data-brand=vita] .stat-card strong{font-weight:500}body[data-brand=vita] .account-welcome{border:0;background:#e8dfd0}body[data-brand=vita] .account-welcome h2{font-weight:500}body[data-brand=vita] .welcome-art>span{font:italic 36px/1.1 Georgia;color:#65483735}
@media(min-width:1600px){.workspace{grid-template-columns:265px 1fr}.sidebar{padding-inline:28px}.workspace main{padding:40px 48px}}
@media(max-width:1200px){.workspace{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:28px 15px 18px}.sidebar .brand{font-size:25px;margin-inline:8px}.sidebar nav a{font-size:11px;padding-inline:12px;gap:10px}.workspace-top{padding-inline:26px}.workspace main{padding:28px 26px}.stat-card{padding:17px}.stat-card strong{font-size:24px}.stat-card p{font-size:10px}.dashboard-mid{grid-template-columns:1.4fr 1fr;gap:18px}.panel{padding:22px}.account-welcome{padding:27px}.account-welcome h2{font-size:26px}.account-stats .stat-card{gap:10px}.account-stats .stat-icon{height:32px;width:32px}.coupon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 12px}.sidebar .brand{font-size:22px;gap:7px}.sidebar .brand-symbol{width:31px;height:31px}.sidebar .brand small{font-size:6px}.sidebar nav a{font-size:10px;padding:11px 10px}.sidebar nav svg{height:17px;width:17px}.sidebar-bottom>a{font-size:10px;padding-inline:10px}.sidebar-profile{gap:8px}.sidebar-profile b{font-size:10px}.sidebar-profile small{font-size:8px}.workspace main{padding:25px 22px}.workspace-top{padding-inline:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-mid{grid-template-columns:1fr}.workspace .split{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.account-stats .stat-card{display:block;position:relative;padding:16px}.account-stats .stat-icon{margin-bottom:10px}.account-stats .stat-card>a{position:absolute;left:8px;top:12px}.account-stats .stat-card p{font-size:9px}.account-welcome{grid-template-columns:1.4fr 1fr;padding:25px;min-height:270px}.account-welcome h2{font-size:23px}.welcome-art .product-art{left:8%}.welcome-art>span{font-size:24px;left:-15px;top:40px}.two-columns{grid-template-columns:1fr}.address-grid,.rx-card-grid{grid-template-columns:1fr}.page-heading{align-items:start}.page-heading h1{font-size:25px}.heading-actions .button{font-size:10px;padding:9px 12px}.login-layout{grid-template-columns:1fr}.customer-details{gap:12px}.customer-detail-card b{font-size:14px}.workspace .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:relative;top:auto;height:auto;padding:18px 20px 0;border-left:0;border-bottom:1px solid var(--border)}.sidebar .brand{font-size:25px;margin:0 0 18px}.sidebar .brand small{font-size:7px}.sidebar .brand-symbol{width:34px;height:34px}.space-label{position:absolute;top:22px;left:20px;margin:0;font-size:9px}.sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:13px}.sidebar nav a{white-space:nowrap;font-size:10px;padding:9px 12px;min-height:44px;gap:7px;flex-shrink:0}.sidebar nav svg{width:16px;height:16px}.sidebar-bottom{display:none}.workspace-top{min-height:60px;padding:12px 20px}.breadcrumb{font-size:9px;gap:8px}.top-links{gap:10px}.demo-pill{font-size:8px;padding:3px 7px}.workspace main{padding:25px 20px}.page-heading{gap:15px;margin-bottom:25px;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.heading-actions{width:100%}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-card strong{font-size:25px}.stat-top{gap:8px}.stat-icon{width:32px;height:32px}.stat-icon svg{width:18px}.stat-card p{font-size:9px}.stat-card small{font-size:8px}.panel{padding:20px}.panel-title h2{font-size:16px}.panel-title p{font-size:10px}.panel-title .text-link{font-size:10px}.bar-chart{height:175px;gap:12px}.alert-item h3{font-size:11px}.alert-item p{font-size:10px}.coupon-grid{grid-template-columns:1fr}.account-welcome{grid-template-columns:1fr 1fr;padding:24px 20px;min-height:275px}.account-welcome h2{font-size:23px}.account-welcome p{font-size:11px}.account-welcome .eyebrow{font-size:8px}.welcome-art>span{font-size:20px;top:40px;left:0}.welcome-art .product-art{left:-6%;top:30px;width:160px}.welcome-art .bottle{transform:scale(1.1) rotate(-14deg)}.account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.account-stats .stat-card p{font-size:8px}.account-stats .stat-card strong{font-size:24px}.account-stats .stat-card{padding:14px 11px}.account-stats .stat-card>a{left:2px;top:7px;min-width:28px}.account-stats .stat-card>a svg{width:14px}.account-stats .stat-icon{height:30px;width:30px}.account-stats .stat-icon svg{width:16px}.rx-review-card{grid-template-columns:1fr}.customer-details{grid-template-columns:1fr}.customer-detail-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.customer-detail-card b{margin:0}.workspace .detail-line{gap:10px}.detail-line strong{font-size:12px}.detail-line .product-art{width:55px;height:75px}.detail-line h3{font-size:12px}.detail-line p{font-size:10px}.contact-number{font-size:11px}body[data-brand=vita] .sidebar .brand{font-size:29px}}
@media(max-width:420px){.workspace main{padding:22px 16px}.sidebar{padding-inline:16px}.workspace-top{padding-inline:16px}.breadcrumb{font-size:8px;gap:6px}.top-links .demo-pill{display:none}.page-heading h1{font-size:25px}.account-welcome{grid-template-columns:1fr;padding:25px;min-height:275px}.welcome-art{display:none}.account-welcome h2{font-size:27px}.account-stats{gap:8px}.account-stats .stat-card{padding:13px 9px}.account-stats .stat-card p{font-size:8px;min-height:30px}.account-stats .stat-card>a{display:none}.stat-card strong{font-size:22px}.stats-grid:not(.account-stats) .stat-icon{width:28px;height:28px}.stat-card small{display:block;margin-top:5px}.shortcut-card{padding:18px;gap:12px}.shortcut-card h3{font-size:11px}.shortcut-card p{font-size:9px}.login-layout form{padding:22px}.login-story{padding:25px}.panel-title{gap:10px}.panel-title h2{font-size:15px}}

.sidebar .brand small{font-size:7px;letter-spacing:1.1px}.table-scroll{position:relative}
