*{box-sizing:border-box}
:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f8faff;--text:#15213b;--muted:#6f7b91;
  --line:#e6eaf1;--line-2:#edf1f6;--blue:#1768ff;--blue-2:#0054ee;--blue-soft:#eef4ff;
  --navy:#0b2453;--cyan:#19a9ff;--green:#18a971;--green-soft:#e9f8f2;--amber:#d78b13;
  --amber-soft:#fff6df;--red:#db4455;--red-soft:#fff0f2;--shadow:0 12px 30px rgba(30,52,88,.08);
  --radius:16px;--sidebar:260px
}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}
input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;color:var(--text);outline:none;transition:.18s}
input:focus,select:focus,textarea:focus{border-color:#8eb4ff;box-shadow:0 0 0 3px rgba(23,104,255,.10)}
label{display:block;font-size:12px;font-weight:700;color:#44516a;margin-bottom:7px}
svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Auth */
.auth-view{min-height:100vh;background:#f8faff}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,.95fr) minmax(470px,1.05fr)}
.auth-brand-panel{position:relative;overflow:hidden;background:
radial-gradient(circle at 75% 18%,rgba(40,168,255,.45),transparent 28%),
radial-gradient(circle at 20% 80%,rgba(23,104,255,.34),transparent 34%),
linear-gradient(145deg,#071a3b,#0b2c68 70%,#075ed8);color:#fff;padding:54px 58px;display:flex;flex-direction:column}
.auth-brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.10);border-radius:44%;right:-240px;bottom:-250px;transform:rotate(18deg)}
.auth-logo{width:168px;max-height:56px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.auth-brand-copy{margin:auto 0 42px;max-width:570px;position:relative;z-index:1}
.auth-eyebrow,.eyebrow,.modal-kicker{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.auth-eyebrow{color:#82d7ff;margin-bottom:18px}.auth-brand-copy h1{font-size:48px;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}
.auth-brand-copy p{margin:0;color:#d5e5ff;font-size:16px;line-height:1.65}
.auth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative;z-index:1}
.auth-feature-grid>div{padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.auth-feature-grid strong,.auth-feature-grid small{display:block}.auth-feature-grid strong{font-size:13px}.auth-feature-grid small{font-size:11px;color:#c6d8f6;margin-top:5px;line-height:1.45}
.feature-dot{display:block;width:7px;height:7px;border-radius:50%;background:#28c4ff;margin-bottom:12px}
.auth-form-panel{display:grid;place-items:center;padding:36px}
.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(17,39,76,.10)}
.mobile-auth-logo{display:none}.login-kicker{color:var(--blue);font-size:12px;font-weight:800;margin-bottom:7px}.login-card h2{font-size:30px;letter-spacing:-.03em;margin:0 0 7px}
.login-subtitle{margin:0 0 28px;color:var(--muted);font-size:13px}.login-card label{margin-top:16px}
.input-shell{position:relative}.input-shell input{padding-left:42px;height:46px}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8592a8;z-index:1}
.input-icon svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:10px;color:#9aa5b6;font-size:11px;margin:19px 0}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.alert{padding:11px 13px;border-radius:10px;font-size:12px;margin-top:12px}.alert.error{background:var(--red-soft);color:#b82f40;border:1px solid #ffd3d9}

/* Buttons */
.btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-weight:750;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s}
.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#2674ff,#0759ed);color:#fff;box-shadow:0 7px 15px rgba(23,104,255,.18)}
.btn-secondary{background:#fff;border-color:var(--line);color:#33415a}.btn-ghost{background:#f7f9fc;border-color:#edf0f5;color:#43516a}
.btn-full{width:100%}.btn-lg{height:47px;margin-top:22px}.btn svg{width:16px;height:16px}

/* App shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column;transition:.2s}
.sidebar-head{height:76px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line-2)}
.sidebar-brand{flex:1;height:42px;display:flex;align-items:center}.brand-wordmark{width:126px;max-height:39px;object-fit:contain;object-position:left center}.brand-icon{display:none;width:34px;height:34px;object-fit:contain}
.icon-btn{width:38px;height:38px;border:1px solid transparent;background:transparent;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:#607089}
.icon-btn:hover{background:#f2f5fa;color:var(--blue)}.collapse-btn{width:34px;height:34px}
.sidebar-company{margin:14px 12px 7px;padding:12px;border:1px solid var(--line-2);border-radius:13px;background:#fafcff}.sidebar-company-label{display:block;font-size:9px;color:#9aa6b7;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:9px}
.sidebar-company-row{display:flex;gap:9px;align-items:center}.company-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0b2f6d,#1768ff);color:#fff;font-weight:850;font-size:11px;flex:0 0 auto}
.sidebar-company-copy{min-width:0}.sidebar-company-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-company-copy small{display:block;color:#8a96a9;font-size:10px;margin-top:2px}
.sidebar-nav{padding:7px 10px 12px;overflow:auto;flex:1}.nav-group{margin:2px 0}.nav-main{width:100%;height:43px;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#5d6a80;font-size:12px;font-weight:720;cursor:pointer;text-align:left}
.nav-main:hover{background:#f5f8fd;color:#24405f}.nav-main.active{background:var(--blue-soft);color:var(--blue)}.nav-icon{width:22px;display:grid;place-items:center;flex:0 0 22px}.nav-icon svg{width:18px;height:18px}
.nav-label{flex:1}.chev{transition:.18s}.chev svg{width:15px;height:15px}.nav-group.open>.nav-main .chev{transform:rotate(90deg)}
.nav-sub{display:none;margin:3px 0 8px 33px;border-left:1px solid #e6ebf3;padding-left:8px}.nav-group.open .nav-sub{display:block}
.nav-sub-item{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:8px 10px;color:#6a7688;font-size:11px;cursor:pointer}
.nav-sub-item:hover{background:#f6f8fc;color:#233b5a}.nav-sub-item.active{background:#eef4ff;color:#0e60ef;font-weight:750}
.sidebar-footer{padding:10px;border-top:1px solid var(--line-2)}.logout-link{color:#6b778c}
.sidebar.collapsed{width:76px}.sidebar.collapsed .brand-wordmark{display:none}.sidebar.collapsed .brand-icon{display:block}.sidebar.collapsed .collapse-btn{display:none}
.sidebar.collapsed .sidebar-company{padding:9px;margin:12px 10px}.sidebar.collapsed .sidebar-company-label,.sidebar.collapsed .sidebar-company-copy{display:none}
.sidebar.collapsed .sidebar-company-row{justify-content:center}.sidebar.collapsed .nav-label,.sidebar.collapsed .chev,.sidebar.collapsed .nav-sub{display:none}.sidebar.collapsed .nav-main{justify-content:center;padding:0}
.sidebar.collapsed + .main{margin-left:76px}

.main{min-height:100vh;margin-left:var(--sidebar);transition:.2s}.topbar{height:76px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:16px}
.mobile-brand{display:none}.global-search-wrap{height:43px;width:min(520px,44vw);display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fff;gap:9px}
.global-search-wrap input{border:0;box-shadow:none;padding:0;background:transparent}.search-ico{color:#8895a8}.search-ico svg{width:17px;height:17px}.global-search-wrap kbd{font-size:10px;background:#f5f7fa;border:1px solid #e5e9ef;color:#8d98a9;border-radius:6px;padding:4px 7px;white-space:nowrap}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top-divider{height:30px;width:1px;background:var(--line)}.notification-btn{position:relative}.notif-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff4358;right:7px;top:7px;border:1px solid #fff}
.profile-box{display:flex;align-items:center;gap:9px;padding-left:3px}.profile-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#0c2c67;color:#fff;font-size:12px;font-weight:850}.profile-copy strong{display:block;font-size:11px}.profile-copy small{display:block;color:#8a96a9;font-size:9px;margin-top:2px}
#lienxCompanySelect{height:38px!important;width:190px!important;max-width:22vw!important;padding:0 32px 0 10px!important;border-radius:9px!important;background-color:#f8faff!important;font-size:11px!important;font-weight:700!important}

.content{padding:28px 30px 44px;max-width:1740px;margin:0 auto}.update-banner{padding:11px 13px;background:#eef8ff;border:1px solid #c9e8ff;color:#17629f;border-radius:11px;margin-bottom:18px;font-size:11px}
.page-head,.dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-title-wrap h1,.welcome h1{font-size:30px;letter-spacing:-.035em;margin:5px 0 5px}.page-title-wrap p,.welcome p{margin:0;color:var(--muted);font-size:12px}.eyebrow{color:#1768ff;font-size:9px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.period-tabs{display:flex;border:1px solid var(--line);background:#fff;border-radius:10px;padding:3px;gap:2px}.period-tabs button{border:0;background:transparent;border-radius:7px;padding:7px 10px;color:#748097;font-size:10px;font-weight:750;cursor:pointer}.period-tabs button.active{background:#0b2b63;color:#fff}
.store-chip{display:inline-flex;margin-left:7px;padding:4px 8px;border-radius:99px;background:#edf3ff;color:#2760b8;font-size:10px;font-weight:700}

/* KPI + dashboards */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin:14px 0}.kpi-grid.secondary{grid-template-columns:repeat(7,minmax(120px,1fr))}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-height:126px;box-shadow:0 4px 16px rgba(30,52,88,.03)}.kpi.small{min-height:110px;padding:14px}
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#8895a8}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f5fb;color:#5780ba}
.kpi-icon svg{width:17px;height:17px}.kpi-value{font-size:27px;font-weight:850;letter-spacing:-.03em;margin:13px 0 7px}.kpi.small .kpi-value{font-size:21px}.kpi-delta{font-size:10px;color:#8a96aa}.delta-up{color:#15935f}.delta-down{color:#cf4353}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.panel,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(30,52,88,.03);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-2)}.panel-head h3{margin:0;font-size:13px}.panel-head small{font-size:10px;color:#8b97a9}
.chart-tabs{display:flex;gap:15px}.chart-tabs button{border:0;background:transparent;padding:9px 0;border-bottom:2px solid transparent;color:#7b879a;font-size:10px;font-weight:750;cursor:pointer}.chart-tabs button.active{color:#155de6;border-color:#1768ff}
.fake-chart{padding:17px}.fake-chart h3{font-size:12px;margin:0 0 15px}.chart-area{height:220px;display:flex;align-items:flex-end;gap:18px;border-left:1px solid #edf1f6;border-bottom:1px solid #edf1f6;padding:18px 12px 28px}.chart-bar{flex:1;max-width:54px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#34b2ff,#1768ff);position:relative;opacity:.87}.chart-bar span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:9px;color:#8c98aa;white-space:nowrap}

/* Workspaces */
.module-card-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:12px}.workspace-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px;text-align:left;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:.16s;box-shadow:0 4px 16px rgba(30,52,88,.025)}
.workspace-card:hover{border-color:#c8d8f5;transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,55,100,.07)}.workspace-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eef4ff;color:#1768ff;display:grid;place-items:center}.workspace-icon svg{width:18px;height:18px}
.workspace-card h3{font-size:13px;margin:1px 0 5px}.workspace-card p{font-size:10px;color:#7a8699;margin:0;line-height:1.55}.workspace-arrow{margin-left:auto;color:#96a1b1}.workspace-arrow svg{width:15px;height:15px}

/* Toolbar + tables */
.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-box{position:relative;width:min(360px,70vw)}.search-box input{height:39px;padding-left:37px}.search-box span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8794a8}.search-box svg{width:16px;height:16px}
.filter-select{width:auto;min-width:145px;height:39px;padding-top:0;padding-bottom:0;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}thead th{background:#f8faff;border-bottom:1px solid var(--line);padding:11px 12px;text-align:left;color:#69768b;text-transform:uppercase;font-size:8.5px;letter-spacing:.065em;white-space:nowrap}tbody td{padding:12px;border-bottom:1px solid var(--line-2);color:#2f3d54;white-space:nowrap}tbody tr:hover{background:#fbfcff}.cell-link{font-weight:800;color:#1768ff}
.status-pill{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:800}.status-paid,.status-active,.status-completed,.status-approved{background:var(--green-soft);color:#128057}.status-pending,.status-draft,.status-unpaid{background:var(--amber-soft);color:#a8700c}.status-inactive,.status-cancelled,.status-rejected{background:var(--red-soft);color:#c73d4d}.status-default{background:#eef2f7;color:#617087}
.row-actions{display:flex;gap:5px}.action-btn{border:1px solid #e5eaf1;background:#fff;border-radius:8px;padding:6px 8px;color:#496078;font-size:9px;font-weight:750;cursor:pointer}.action-btn:hover{border-color:#b9cdf0;color:#1768ff}.action-btn.danger{color:#c73d4d;background:#fff8f8}
.table-footer{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;color:#8490a2;font-size:10px}.pagination{display:flex;gap:4px}.page-btn{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:10px;cursor:pointer}.page-btn.active{background:#1768ff;border-color:#1768ff;color:#fff}
.empty-state{padding:48px 18px;text-align:center;color:#8793a5;font-size:11px}.empty-state strong{display:block;color:#35435a;font-size:13px;margin-bottom:5px}

/* Modals */
.modal-backdrop{position:fixed;inset:0;background:rgba(12,28,55,.46);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(850px,96vw);max-height:90vh;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 28px 80px rgba(12,30,65,.28)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;margin:4px 0 0}.modal-kicker{color:#1768ff;font-size:8.5px}.modal-body{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;overflow:auto;max-height:64vh}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.signup-card{width:min(700px,96vw)}.signup-grid{max-height:none}.form-span-2{grid-column:span 2}

/* Responsive */
@media(max-width:1260px){.kpi-grid.secondary{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr}.module-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--sidebar:76px}.brand-wordmark{display:none}.brand-icon{display:block}.collapse-btn{display:none}.sidebar-company{padding:9px;margin:12px 10px}.sidebar-company-label,.sidebar-company-copy,.nav-label,.chev,.nav-sub{display:none}.sidebar-company-row,.nav-main{justify-content:center}.nav-main{padding:0}.global-search-wrap{width:min(430px,50vw)}}
@media(max-width:720px){.sidebar{transform:translateX(-100%)}.main{margin-left:0}.topbar{padding:0 12px}.mobile-brand{display:block;width:34px}.mobile-brand img{width:31px;height:31px;object-fit:contain}.global-search-wrap{width:auto;flex:1}.global-search-wrap kbd,#companySwitcherMount,.profile-copy{display:none}.content{padding:20px 12px 34px}.dashboard-top,.page-head{flex-direction:column}.period-tabs{max-width:100%;overflow:auto}.kpi-grid,.kpi-grid.secondary,.module-card-grid{grid-template-columns:1fr}.modal-body{grid-template-columns:1fr}.form-span-2{grid-column:auto}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:20px}.mobile-auth-logo{display:block;margin-bottom:25px}.mobile-auth-logo img{width:140px;max-height:45px;object-fit:contain}.login-card{padding:28px 22px}}

/* =========================================================
   V2 SIDEBAR WORKSPACE + COLLAPSED FLYOUT + SIMPLIFIED TOPBAR
   ========================================================= */
.topbar{justify-content:flex-end}
.topbar-spacer{flex:1}
.simplified-topbar{margin-left:auto}
.global-search-wrap,.profile-box,.top-divider{display:none!important}
.top-company-button{width:44px;height:44px;border:0;background:transparent;border-radius:12px;padding:0;display:grid;place-items:center;cursor:pointer}
.top-company-button:hover{background:#f2f6fb}
.top-company-logo,.workspace-company-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0b2f6d,#1768ff);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;overflow:hidden;flex:0 0 auto;border:1px solid rgba(8,55,130,.08)}
.top-company-logo img,.workspace-company-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.workspace-company-logo.small{width:34px;height:34px;border-radius:10px}

.workspace-footer{position:relative;padding:10px;border-top:1px solid var(--line-2);background:#fff}
.workspace-account-btn{width:100%;border:1px solid transparent;background:#fff;border-radius:12px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.16s}
.workspace-account-btn:hover,.workspace-account-btn[aria-expanded="true"]{background:#f5f8fd;border-color:#e8edf4}
.workspace-account-copy{min-width:0;flex:1}.workspace-account-copy small{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.11em;color:#99a4b4;font-weight:850;margin-bottom:3px}.workspace-account-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#243651}
.workspace-account-chevron{width:14px;height:14px;color:#8a97aa;transition:.18s}.workspace-account-btn[aria-expanded="true"] .workspace-account-chevron{transform:rotate(-90deg)}
.workspace-account-panel{position:fixed;z-index:90;left:12px;bottom:74px;width:250px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 55px rgba(15,35,70,.18);padding:12px;transform-origin:bottom left;animation:workspacePop .14s ease-out}
@keyframes workspacePop{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
.workspace-panel-user{display:flex;align-items:center;gap:10px;padding:4px 3px 11px;border-bottom:1px solid var(--line-2)}
.workspace-user-avatar{width:38px;height:38px;border-radius:11px;background:#0b2f6d;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.workspace-panel-user strong,.workspace-company-detail strong{display:block;font-size:11px}.workspace-panel-user small,.workspace-company-detail small{display:block;color:#8a96a8;font-size:9.5px;margin-top:2px}
.workspace-panel-section{padding:12px 3px 9px}.workspace-panel-label{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.11em;color:#9aa5b5;font-weight:850;margin-bottom:8px}.workspace-company-detail{display:flex;align-items:center;gap:9px;margin-bottom:9px}.workspace-switcher-mount select{width:100%!important;max-width:none!important;height:37px!important;min-height:37px!important;font-size:10px!important;border-radius:9px!important}
.workspace-signout{width:100%;border:0;border-top:1px solid var(--line-2);background:transparent;display:flex;align-items:center;gap:9px;padding:11px 5px 3px;color:#59687e;font-size:11px;font-weight:800;cursor:pointer}.workspace-signout span:first-child{width:18px;height:18px}.workspace-signout:hover{color:#d43f52}

.sidebar-expand-tab{display:none;position:fixed;z-index:75;left:67px;top:88px;width:19px;height:38px;border:1px solid #dce4ee;border-left:0;border-radius:0 9px 9px 0;background:#fff;color:#4670a9;padding:4px;cursor:pointer;box-shadow:5px 5px 15px rgba(24,49,85,.08)}
.sidebar-expand-tab:hover{width:23px;background:#edf5ff;color:#0c5de8}.sidebar-expand-tab svg{width:12px;height:12px;margin:auto}
.sidebar.collapsed ~ .sidebar-expand-tab{display:grid;place-items:center}
.sidebar.collapsed ~ .main{margin-left:76px}
.sidebar.collapsed .workspace-account-copy,.sidebar.collapsed .workspace-account-chevron{display:none}.sidebar.collapsed .workspace-account-btn{justify-content:center;padding:8px 0}.sidebar.collapsed .workspace-account-panel{left:84px;bottom:12px}.sidebar.collapsed .workspace-footer{padding:9px}

.sidebar-flyout{position:fixed;z-index:85;left:72px;min-width:220px;max-width:270px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(16,38,74,.17);padding:8px;opacity:0;visibility:hidden;transform:translateX(-5px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}
.sidebar-flyout.show{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.sidebar-flyout-title{padding:7px 9px 8px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;color:#92a0b2;border-bottom:1px solid var(--line-2);margin-bottom:4px}
.sidebar-flyout-item{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;font-size:11px;color:#536279;cursor:pointer}.sidebar-flyout-item:hover{background:#eef5ff;color:#0b5de4;font-weight:800}

/* collapsed sidebar: keep groups hoverable but hide embedded submenu */
.sidebar.collapsed .nav-sub{display:none!important}
.sidebar.collapsed .collapse-btn{display:none!important}

@media(max-width:980px){
  .sidebar-expand-tab{display:none!important}
  .sidebar-flyout{display:none!important}
}
@media(max-width:720px){
  .topbar{justify-content:flex-end}.topbar-spacer{display:block}.workspace-account-panel{left:12px;right:12px;width:auto;bottom:12px}
}

/* =========================================================
   NOTIFICATION CENTER
   ========================================================= */
.notification-wrap{position:relative;display:flex;align-items:center}
.notification-btn{position:relative}
.notification-badge{
  position:absolute;right:-2px;top:-3px;min-width:18px;height:18px;padding:0 5px;
  border-radius:999px;background:#ff4058;color:#fff;border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;line-height:1;
  box-shadow:0 3px 8px rgba(255,64,88,.28)
}
.notification-dropdown{
  position:absolute;right:-58px;top:48px;width:380px;max-width:calc(100vw - 24px);
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 22px 60px rgba(17,39,76,.18);overflow:hidden;z-index:90
}
.notification-dropdown:before{
  content:"";position:absolute;top:-7px;right:70px;width:12px;height:12px;background:#fff;
  border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)
}
.notification-head{
  position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:16px 17px 13px;border-bottom:1px solid var(--line-soft);background:#fff;z-index:1
}
.notification-head strong{display:block;font-size:14px;color:#173456}
.notification-head small{display:block;margin-top:3px;color:#8794a7;font-size:10px}
.notification-mark-read{
  border:0;background:transparent;padding:4px 0;color:#1768ff;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap
}
.notification-mark-read:hover{text-decoration:underline}
.notification-mark-read:disabled{color:#aab4c2;cursor:default;text-decoration:none}
.notification-list{max-height:430px;overflow-y:auto;background:#fff}
.notification-list::-webkit-scrollbar{width:7px}.notification-list::-webkit-scrollbar-thumb{background:#d7dee8;border-radius:10px}
.notification-item{
  position:relative;display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line-soft);
  cursor:pointer;transition:.14s;background:#fff
}
.notification-item:hover{background:#f8fbff}
.notification-item.unread{background:#f5f9ff}
.notification-item.unread:before{content:"";position:absolute;left:7px;top:20px;width:5px;height:5px;border-radius:50%;background:#1768ff}
.notification-item-icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;padding:9px;
  background:#edf4ff;color:#1768ff
}
.notification-item-icon svg{width:18px;height:18px}
.notification-item-content{min-width:0;flex:1}
.notification-item-title{font-size:11px;font-weight:850;color:#263a58;line-height:1.35;padding-right:16px}
.notification-item-text{margin-top:3px;font-size:10px;color:#6f7e93;line-height:1.45}
.notification-item-time{margin-top:5px;font-size:9px;color:#9aa5b5}
.notification-item-read{
  position:absolute;right:11px;top:12px;width:20px;height:20px;border:0;background:transparent;border-radius:6px;
  display:grid;place-items:center;color:#9aa8bb;cursor:pointer;padding:4px
}
.notification-item-read:hover{background:#eaf2ff;color:#1768ff}
.notification-empty{padding:36px 22px;text-align:center;color:#7e8da3}
.notification-empty-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:14px;background:#f2f6fb;color:#7890b2;display:grid;place-items:center;padding:12px}
.notification-empty strong{display:block;font-size:12px;color:#334662;margin-bottom:4px}
.notification-empty span{font-size:10px}
.notification-foot{padding:10px 16px;background:#fafcff;border-top:1px solid var(--line-soft);font-size:9px;color:#94a0b1;text-align:center}
@media(max-width:760px){
  .notification-dropdown{position:fixed;right:12px;top:68px;width:calc(100vw - 24px)}
  .notification-dropdown:before{right:62px}
}
\n\n/* =========================================================\n   V4 HEADER + COLLAPSED MENU FLYOUT REFINEMENT\n   ========================================================= */\n.topbar{justify-content:space-between!important;gap:18px}\n.topbar-spacer{display:none!important}\n.simplified-topbar{margin-left:auto!important}\n.top-company-identity{\n  min-width:0;display:flex;align-items:center;gap:10px;height:48px;padding:4px 2px;\n  color:#173456;background:transparent;border:0;\n}\n.top-company-logo{\n  width:auto!important;height:40px!important;min-width:0!important;max-width:180px!important;\n  border:0!important;border-radius:0!important;background:transparent!important;\n  display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;\n  color:#173456!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important\n}\n.top-company-logo img{\n  width:auto!important;height:36px!important;max-width:170px!important;object-fit:contain!important;object-position:left center!important;\n  background:transparent!important;border-radius:0!important\n}\n.top-company-name{display:none;font-size:13px;font-weight:850;color:#233a5d;white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}\n.top-company-identity.no-logo .top-company-logo{display:none!important}\n.top-company-identity.no-logo .top-company-name{display:block}\n\n/* Expand tab aligned vertically to the collapsed X brand mark */\n.sidebar-expand-tab{\n  left:66px!important;top:23px!important;width:22px!important;height:30px!important;\n  border-radius:0 10px 10px 0!important;border-left:0!important;\n  background:#fff!important;color:#2c5fa9!important;box-shadow:5px 4px 14px rgba(24,49,85,.10)!important;\n  padding:5px!important\n}\n.sidebar-expand-tab:hover{width:25px!important;background:#eef5ff!important;color:#075fe4!important}\n.sidebar-expand-tab svg{width:12px!important;height:12px!important}\n\n/* Premium compact flyout */\n.sidebar-flyout{\n  left:82px!important;min-width:248px!important;max-width:290px!important;padding:8px!important;\n  border:1px solid #e1e8f1!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;\n  box-shadow:0 22px 55px rgba(20,43,78,.16),0 3px 12px rgba(20,43,78,.06)!important;\n  opacity:0;visibility:hidden;transform:translateX(-8px) scale(.985)!important;\n  transform-origin:left center;transition:opacity .15s ease,transform .17s ease,visibility .15s!important;\n  backdrop-filter:blur(12px);overflow:visible\n}\n.sidebar-flyout:before{\n  content:\"\";position:absolute;left:-12px;top:0;width:14px;height:100%;background:transparent\n}\n.sidebar-flyout.show{opacity:1!important;visibility:visible!important;transform:translateX(0) scale(1)!important;pointer-events:auto!important}\n.sidebar-flyout-header{\n  display:flex;align-items:center;gap:10px;padding:9px 10px 10px;margin-bottom:5px;\n  border-bottom:1px solid #edf1f6\n}\n.sidebar-flyout-header-icon{\n  width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:linear-gradient(145deg,#edf5ff,#f7faff);\n  color:#0c62dc;display:grid;place-items:center;padding:8px;border:1px solid #e3edfb\n}\n.sidebar-flyout-header-icon svg{width:18px;height:18px}\n.sidebar-flyout-header-copy{min-width:0}\n.sidebar-flyout-title{\n  padding:0!important;margin:0!important;border:0!important;font-size:11px!important;letter-spacing:.02em!important;\n  text-transform:none!important;font-weight:900!important;color:#223954!important\n}\n.sidebar-flyout-subtitle{font-size:8.5px;color:#96a2b2;margin-top:2px;font-weight:700}\n.sidebar-flyout-list{display:flex;flex-direction:column;gap:2px;padding:1px}\n.sidebar-flyout-item{\n  width:100%;min-height:39px;border:0!important;background:transparent!important;border-radius:10px!important;\n  padding:8px 9px!important;text-align:left!important;font-size:11px!important;color:#53647b!important;cursor:pointer;\n  display:flex;align-items:center;gap:9px;transition:background .13s ease,color .13s ease,transform .13s ease\n}\n.sidebar-flyout-item:hover{background:#f1f6ff!important;color:#0b5de4!important;font-weight:800!important;transform:translateX(2px)}\n.sidebar-flyout-item-dot{width:6px;height:6px;border-radius:50%;background:#c7d3e2;flex:0 0 6px;transition:.13s}\n.sidebar-flyout-item:hover .sidebar-flyout-item-dot{background:#1768ff;box-shadow:0 0 0 4px #e5efff}\n.sidebar-flyout-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.sidebar-flyout-item-arrow{width:14px;height:14px;color:#a0adbd;opacity:.55;transition:.13s}\n.sidebar-flyout-item:hover .sidebar-flyout-item-arrow{opacity:1;color:#1768ff;transform:translateX(1px)}\n\n@media(max-width:720px){\n  .top-company-identity{max-width:58vw}\n  .top-company-logo img{max-width:145px!important;height:32px!important}\n  .top-company-name{max-width:180px;font-size:12px}\n}\n

/* =========================================================
   V5 PROFESSIONAL HEADER + COLLAPSED NAV FLYOUT
   ========================================================= */
.top-company-identity{
  display:flex!important;align-items:center!important;gap:9px!important;
  min-width:0!important;height:48px!important;padding:0!important;
  background:transparent!important;border:0!important;color:#173456!important
}
.top-company-logo{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:auto!important;min-width:0!important;height:38px!important;max-width:190px!important;
  border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;
  box-shadow:none!important
}
.top-company-logo img{
  width:auto!important;height:34px!important;max-width:185px!important;object-fit:contain!important;
  object-position:left center!important;background:transparent!important;border:0!important;border-radius:0!important
}
.top-company-text{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.top-company-name{display:inline!important;max-width:250px;overflow:hidden;text-overflow:ellipsis;font-size:13px!important;font-weight:900!important;color:#173456!important}
.top-outlet-name{display:inline;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700;color:#6e7e94}
.top-outlet-name:not(:empty)::before{content:"-";margin-right:6px;color:#9aa7b8}
.top-company-identity.has-logo .top-company-name{display:none!important}
.top-company-identity.has-logo .top-company-text{display:flex!important}
.top-company-identity.has-logo .top-outlet-name{font-size:11.5px;color:#6f7f95}
.top-company-identity.no-logo .top-company-logo{display:none!important}

/* Keep header identity on the left and notifications on the right. */
.topbar{justify-content:space-between!important}
.simplified-topbar{margin-left:auto!important}

/* Professional collapsed-navigation flyout: compact, aligned, no giant card. */
.sidebar-flyout{
  left:84px!important;
  width:236px!important;min-width:236px!important;max-width:236px!important;
  padding:6px!important;
  background:#fff!important;
  border:1px solid #dfe7f1!important;
  border-radius:13px!important;
  box-shadow:0 14px 34px rgba(25,48,82,.14),0 2px 8px rgba(25,48,82,.05)!important;
  backdrop-filter:none!important;
  transform:translateX(-6px)!important;
  overflow:hidden!important;
}
.sidebar-flyout.show{transform:translateX(0)!important}
.sidebar-flyout:before{display:none!important}
.sidebar-flyout-header{
  min-height:42px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:7px 8px!important;margin:0!important;
  border-bottom:1px solid #edf1f6!important
}
.sidebar-flyout-header-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  border-radius:8px!important;background:#eef5ff!important;color:#0b5de4!important;
  border:0!important;padding:7px!important
}
.sidebar-flyout-header-icon svg{width:16px!important;height:16px!important}
.sidebar-flyout-header-copy{display:flex!important;align-items:center!important;min-width:0!important}
.sidebar-flyout-title{
  margin:0!important;padding:0!important;border:0!important;
  font-size:11.5px!important;line-height:1.2!important;font-weight:900!important;
  text-transform:none!important;letter-spacing:0!important;color:#203a60!important
}
.sidebar-flyout-subtitle{display:none!important}
.sidebar-flyout-list{display:flex!important;flex-direction:column!important;gap:1px!important;padding:5px 1px 1px!important}
.sidebar-flyout-item{
  min-height:35px!important;width:100%!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:7px 8px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#53647c!important;
  font-size:11px!important;font-weight:700!important;text-align:left!important;
  transition:background .12s ease,color .12s ease!important
}
.sidebar-flyout-item:hover{
  background:#f1f6ff!important;color:#0b5de4!important;font-weight:800!important;
  transform:none!important
}
.sidebar-flyout-item-dot{
  width:20px!important;height:20px!important;flex:0 0 20px!important;
  border-radius:6px!important;background:#f3f6fa!important;
  position:relative!important;box-shadow:none!important
}
.sidebar-flyout-item-dot:after{
  content:"";position:absolute;left:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#9eacc0
}
.sidebar-flyout-item:hover .sidebar-flyout-item-dot{background:#e6f0ff!important;box-shadow:none!important}
.sidebar-flyout-item:hover .sidebar-flyout-item-dot:after{background:#1768ff!important}
.sidebar-flyout-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-flyout-item-arrow{display:none!important}

/* Expand button stays aligned with the X brand mark. */
.sidebar-expand-tab{
  left:67px!important;top:25px!important;width:20px!important;height:28px!important;
  border-radius:0 8px 8px 0!important;
  box-shadow:4px 3px 10px rgba(24,49,85,.08)!important
}

@media(max-width:720px){
  .top-company-logo img{height:30px!important;max-width:145px!important}
  .top-company-name{max-width:165px;font-size:12px!important}
  .top-outlet-name{max-width:120px;font-size:10.5px}
}