:root{--gm-ink:#042b35;--gm-muted:#607d87;--gm-primary:#087d98;--gm-surface:#f3f8fa;--gm-border:#dce9ed;--bs-primary:#087d98;--bs-primary-rgb:8,125,152;--bs-border-color:#dce9ed;--bs-body-font-family:Inter,"Segoe UI",Arial,sans-serif}
body{background:var(--gm-surface);color:var(--gm-ink);font-size:14px}
a{color:var(--gm-primary)}
.admin-shell{display:flex;min-height:100vh}
.admin-nav{width:246px;flex-shrink:0;background:#fff;border-right:1px solid var(--gm-border);padding:28px 18px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}
.brand{display:flex;gap:12px;align-items:center;color:var(--gm-ink);text-decoration:none;font-weight:700;font-size:16px;margin-bottom:35px;line-height:1.35}
.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--gm-muted);margin-top:5px}
.brand-symbol{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--gm-primary);color:white;font-size:15px;box-shadow:0 5px 12px #087d9826}
.nav-caption{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#9aa5b7;margin:0 14px 12px}
.nav-item,.nav-group summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;text-decoration:none;color:#617089;font-weight:500;font-size:13px;margin:3px 0;cursor:pointer}
.nav-item.active,.nav-submenu .active{background:#e2f4f8;color:#06738b;font-weight:600}
.nav-item:hover,.nav-group summary:hover,.nav-submenu a:hover{background:#edf7f9;color:#06738b}
.nav-icon{font-size:10px;border:1px solid #dce1ed;border-radius:6px;width:24px;height:24px;display:inline-grid;place-items:center;font-weight:700;flex-shrink:0}
.active .nav-icon{border-color:#a6d6df;background:#fff}
.group-arrow{margin-left:auto}
.nav-group summary{list-style:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-submenu{padding:2px 0 6px 36px}
.nav-submenu a{display:block;text-decoration:none;color:#6e7a91;padding:9px 13px;border-radius:7px;font-size:12px}
.sidebar-footer{margin-top:auto;padding:25px 14px 0;font-size:11px;line-height:1.8;color:#9aa5b7}
.sidebar-footer span{font-size:10px}
.workspace-shell{flex:1;min-width:0}
.workspace-header{height:82px;border-bottom:1px solid var(--gm-border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-weight:600;font-size:13px}
.header-dot{display:inline-block;width:7px;height:7px;background:#087d98;border-radius:50%;margin-right:10px}
.header-context{font-weight:400;color:#98a2b5;margin-left:24px;font-size:11px}
.user-menu{display:flex;gap:10px;align-items:center}
.user-avatar{width:32px;height:32px;border-radius:50%;background:#e2f4f8;color:var(--gm-primary);display:grid;place-items:center}
.admin-content{padding:32px 36px 50px;max-width:1760px;margin:auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}
.page-heading h1,h1.h3{font-size:27px;font-weight:650;letter-spacing:-.7px;margin:6px 0 10px}
.page-heading p{color:var(--gm-muted);font-size:13px;margin:0}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--gm-primary)}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:40px;line-height:1.25;font-size:12px;font-weight:600;border-radius:8px;padding:8px 14px}
.btn-sm{min-height:32px;font-size:11px;padding:6px 10px}
.input-group>.btn{align-self:stretch}
.actions form{display:inline-flex;margin:0}
.btn-primary{--bs-btn-bg:#087d98;--bs-btn-border-color:#087d98;--bs-btn-hover-bg:#06647b;--bs-btn-hover-border-color:#06647b;--bs-btn-active-bg:#06647b;--bs-btn-active-border-color:#06647b;box-shadow:0 3px 8px #087d981c}
.btn-outline-primary{--bs-btn-color:#087d98;--bs-btn-border-color:#a6d6df;--bs-btn-hover-bg:#087d98;--bs-btn-hover-border-color:#087d98}
.btn-light{--bs-btn-bg:#fff;--bs-btn-border-color:#e4e8f0;--bs-btn-color:#65728a}
.card{border:1px solid var(--gm-border);border-radius:13px;box-shadow:0 3px 12px #23365504}
.workspace-card .card-body{padding:26px}
.form-label{font-size:12px;font-weight:600;color:#647086;margin-bottom:8px}
.form-control,.form-select{font-size:13px;min-height:41px;border-color:#e0e5ef;border-radius:7px;color:#35445c}
.form-control:focus,.form-select:focus{border-color:#71bccb;box-shadow:0 0 0 3px #087d9812}
.form-control[readonly]{background:#f7f8fc}
.form-text{font-size:10px;color:#8b96a9}
.required{color:#d74761;font-weight:700;margin-left:2px}
.form-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--gm-border);margin-top:25px;padding-top:22px}
.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 22px}
.section-heading h2{font-size:18px;font-weight:650;margin:0 0 7px}
.section-heading p{font-size:12px;color:var(--gm-muted);margin:0}
.count-chip,.expiry-chip{font-size:11px;font-weight:600;background:#e2f4f8;color:#08758c;padding:7px 12px;border-radius:7px}
.client-facts{display:flex;gap:40px;align-items:center;padding:21px 25px;background:#fff;border:1px solid var(--gm-border);border-radius:12px;margin-bottom:23px;flex-wrap:wrap}
.client-facts small,.subscription-summary small{display:block;color:#8893a6;font-size:10px;margin-bottom:7px}
.client-facts strong{display:block;font-size:19px;font-weight:600}
.client-facts form{margin-left:auto;font-size:11px;color:#8792a6}
.workspace-tabs{gap:12px;border-bottom:1px solid var(--gm-border)}
.workspace-tabs .nav-link{font-size:12px;color:#7b8699;border:0;border-bottom:2px solid transparent;padding:14px 12px;margin-bottom:0;border-radius:0;background:none}
.workspace-tabs .nav-link.active{background:none;border-color:var(--gm-primary);color:var(--gm-primary);font-weight:650}
.workspace-content{padding-top:26px}
.inline-editor{border-top:1px solid var(--gm-border);padding-top:14px;margin-top:12px}
.inline-editor summary{font-size:12px;color:var(--gm-primary);font-weight:600;cursor:pointer}
.preserve-lines{white-space:pre-line}
.subscription-summary{background:#e8f6f9;border-color:#b8dce5;box-shadow:none}
.subscription-summary strong{display:block;font-size:21px}
.subscription-summary small{color:#587d88}
.table{font-size:12px;--bs-table-border-color:#edf0f5;--bs-table-bg:#fff}
.table th{color:#8993a6;background:#fbfcfe;font-size:10px;font-weight:650;letter-spacing:.2px;padding:14px 18px;white-space:nowrap}
.table td{padding:15px 18px;vertical-align:middle}
.table-responsive{border:1px solid var(--gm-border);border-radius:11px}
.workspace-card .table-responsive{border:0}
.badge{font-weight:500;border-radius:5px;font-size:10px;padding:6px 8px}
.text-bg-success,.bg-success{background:#e8f6ef!important;color:#329366!important}
.text-bg-warning,.bg-warning{background:#fff4de!important;color:#b18729!important}
.text-bg-danger,.bg-danger{background:#fbeaec!important;color:#c65367!important}
.text-bg-secondary,.bg-secondary{background:#edf0f4!important;color:#8390a3!important}
.empty-state{padding:35px!important;color:#9ca5b6;text-align:center}
.alert{font-size:12px;border-radius:9px}
.signed-out .admin-content{max-width:700px;padding-top:9vh}
.signed-out .workspace-header{justify-content:center}
.signed-out .card{padding:35px!important}
.signed-out .header-context{display:none}
.metric-card{border-left:3px solid #10a9c7;padding:14px 18px!important}
.metric-card small{font-size:11px;color:#8995a8}
.metric-card strong{display:block;font-size:24px;font-weight:650;color:#283753;margin-top:6px}
.metric-card .metric-label{font-size:11px;color:#8995a8}
pre{white-space:pre-wrap;max-width:650px}
details>summary{cursor:pointer}
dt{font-size:11px;color:#8a94a7;font-weight:500}
dd{font-size:12px}
.form-check-input:checked{background-color:#087d98;border-color:#087d98}
@media(max-width:1100px){.admin-nav{width:210px;padding:24px 12px}
.brand{font-size:13px}
.admin-content{padding:25px}
.workspace-header{padding:0 25px}
.header-context{display:none}
}
@media(max-width:768px){.admin-shell{display:block}
.admin-nav{width:100%;height:auto;position:static;padding:14px;display:block}
.brand{margin-bottom:12px}
.nav-caption,.sidebar-footer{display:none}
.nav-item,.nav-group{display:inline-block;vertical-align:top;font-size:11px;margin:1px}
.nav-item{padding:7px}
.nav-icon{display:none}
.nav-group summary{padding:7px;font-size:11px}
.nav-submenu{padding-left:0}
.workspace-header{height:60px;padding:0 16px}
.admin-content{padding:22px 16px}
.page-heading{align-items:flex-start;flex-direction:column}
.page-heading h1{font-size:24px}
.client-facts{gap:22px;padding:18px}
.client-facts form{margin-left:0}
.workspace-tabs{gap:0;overflow:auto;flex-wrap:nowrap}
.workspace-tabs .nav-link{white-space:nowrap;padding:12px 10px}
.workspace-card .card-body{padding:19px}
.form-actions{align-items:flex-start;flex-direction:column}
.user-menu>span:not(.user-avatar){display:none}
.table td,.table th{padding:12px}
.btn{padding:8px 12px}
.btn-sm{padding:6px 10px}
}


/* Garments Mantra: navy foundation, teal actions and the logo's yellow detail. */
.admin-nav{background:#042b35;border-right:0;color:#fff}
.brand{color:#fff;gap:10px}.brand small{color:#99bdc6}.brand-logo{width:54px;height:40px;object-fit:contain;background:white;border-radius:8px;padding:3px;flex-shrink:0}
.nav-caption{color:#719aa5}.admin-nav .nav-item,.admin-nav .nav-group summary,.admin-nav .nav-submenu a{color:#bcd3da}
.admin-nav .nav-item.active,.admin-nav .nav-submenu .active{background:#0c4d5d;color:white;box-shadow:inset 3px 0 #e2db35}
.admin-nav .nav-item:hover,.admin-nav .nav-group summary:hover,.admin-nav .nav-submenu a:hover{background:#0a414f;color:white}
.admin-nav .nav-icon{border-color:#37626d;color:#bce8f1}.admin-nav .active .nav-icon{background:#087d98;border-color:#087d98;color:white}
.sidebar-footer{color:#7ea4ae}.header-dot{background:#e2db35;box-shadow:0 0 0 4px #f7f7dc}
.workspace-header{border-top:3px solid #087d98}.subscription-summary{border-left:4px solid #10a9c7}
.subscription-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#042b35,#0c6076);color:#fff;border:0;border-radius:13px;padding:24px 28px;margin-bottom:24px}
.subscription-callout h2{font-size:20px;margin:5px 0 8px}.subscription-callout p{color:#bedde6;margin:0;font-size:12px}.subscription-callout .eyebrow{color:#e2db35}.subscription-callout .btn{white-space:nowrap}
.btn-brand-accent{background:#e2db35;border-color:#e2db35;color:#042b35}.btn-brand-accent:hover{background:#f0e94e;border-color:#f0e94e;color:#042b35}
.login-logo{width:150px;height:auto;display:block;margin:0 auto 25px}.signed-out .workspace-header{border-top-color:#087d98}.signed-out .card{border-top:4px solid #087d98}
@media(max-width:768px){.subscription-callout{align-items:flex-start;flex-direction:column;padding:22px}.brand-logo{width:45px;height:34px}}

.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:8px;color:var(--gm-primary);background:#e8f5f8;text-decoration:none}.icon-action:hover{background:#ceeaf0}.icon-action svg,.quick-add svg,.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-add{width:34px;height:34px;min-height:34px;padding:6px}.metric-link{text-decoration:none;color:inherit}.metric-link:hover{border-color:#70bccb;box-shadow:0 4px 14px #087d9814}.metric-label span{float:right;color:var(--gm-primary)}
.onboarding-page{background:#f6fafb;color:#042b35}.onboarding-container{max-width:820px;margin:auto;padding:42px 24px}.onboarding-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px;gap:20px}.onboarding-brand img{width:114px;height:auto}.onboarding-brand span{font-size:9px;letter-spacing:1.8px;color:#70929d}.onboarding-intro{margin-bottom:28px}.onboarding-intro h1{font-size:35px;letter-spacing:-1.1px;font-weight:650;margin:12px 0}.onboarding-intro p{color:#67818a;font-size:14px;line-height:1.7}.onboarding-card{background:#fff;border:1px solid #dce9ed;border-radius:16px;padding:36px;box-shadow:0 8px 32px #042b3505}.onboarding-card h1{font-size:32px}.onboarding-card h2{font-size:18px;font-weight:650;margin-bottom:8px}.section-copy{font-size:12px;color:#7c929b;margin-bottom:24px}.onboarding-section{border-top:1px solid #e3edef;padding-top:28px;margin-top:30px}.onboarding-section summary{font-size:14px;font-weight:600}.optional{font-weight:400;color:#879aa2;font-size:10px;margin-left:6px}.onboarding-submit{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.onboarding-submit p{font-size:10px;color:#7c929b;line-height:1.8;margin:0}.onboarding-footer{text-align:center;font-size:10px;color:#829aa3;margin-top:30px}.honeypot{display:none}.onboarding-card .validation-summary-valid{display:none}.welcome-check{margin:0 auto 25px;background:#e0f4ed;color:#258264;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:28px}.onboarding-card>p{color:#6b8690;line-height:1.8}
@media(max-width:768px){.onboarding-container{padding:28px 18px}.onboarding-brand{margin-bottom:30px}.onboarding-brand span{font-size:8px;letter-spacing:1px}.onboarding-intro h1{font-size:28px}.onboarding-card{padding:24px}.onboarding-submit{flex-direction:column;align-items:stretch}.onboarding-brand img{width:90px}}

.nav-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.navigation-toggle{display:none;color:#fff;border:1px solid #37626d}.navigation-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.portal-menu{flex:1}
@media(min-width:992px){.portal-menu.collapse{display:flex!important;flex-direction:column}}
@media(max-width:991px){.admin-shell{display:block}.admin-nav{position:static;width:100%;height:auto;min-height:0;padding:16px;border-bottom:3px solid #087d98;display:block}.nav-top .brand{margin:0}.navigation-toggle{display:inline-flex;width:40px;height:40px;padding:8px}.portal-menu{padding-top:14px}.portal-menu .nav-item,.portal-menu .nav-group{display:block;width:100%;margin:3px 0}.portal-menu .nav-group summary{display:flex}.portal-menu .nav-submenu{display:block;padding-left:35px}.portal-menu .nav-submenu a{display:block}.portal-menu .nav-caption,.portal-menu .sidebar-footer{display:none}.workspace-shell{min-width:0}}

@media(max-width:991px){.portal-menu .nav-item{display:flex}}

.date-picker-field,.autocomplete-field{position:relative;width:100%}.date-picker-field>.form-control{padding-right:42px}.date-picker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gm-primary);pointer-events:none}.date-picker-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.date-picker-native{position:absolute;right:0;top:0;width:40px;height:100%;opacity:0;cursor:pointer}.date-picker-native:disabled{cursor:default}.date-picker-field:focus-within{outline:2px solid #70bccb;outline-offset:2px;border-radius:8px}
.autocomplete-options{position:absolute;top:calc(100% + 3px);left:0;width:100%;max-height:240px;overflow:auto;padding:4px;background:#fff;border:1px solid var(--gm-border);border-radius:8px;box-shadow:0 6px 18px #042b351a;z-index:1050}.autocomplete-options[hidden]{display:none}.autocomplete-option{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 12px;color:var(--gm-ink);border-radius:4px}.autocomplete-option:hover,.autocomplete-option[aria-selected="true"]{background:#e2f4f8;color:var(--gm-primary)}