:root{--brand-primary:#5b58c9;--brand-secondary:#382d43;--page-bg:#f4f5fb;--surface:#fff;--text:#20243a;--muted:#7b849b;--border:#e6e8f1;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text);font:15px/1.5 system-ui,Arial}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(160deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary),#000 24%));color:white;padding:22px 14px;overflow:auto}.sidebar h2{font-size:20px;margin:4px 10px 26px}.sidebar h2 span{display:block;font-size:12px;color:#d5cce0}.sidebar a{display:block;color:#e6e4ef;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0}.sidebar a.active,.sidebar a:hover{background:#ffffff22;color:white}.sidefoot{position:absolute;bottom:20px;font-size:12px;color:#ddd}.main{margin-left:240px}.main header{background:var(--surface);padding:20px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 14px #18213b0a}.main h1{margin:0;font-size:24px}.content{padding:24px;max-width:1500px;margin:auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 6px 22px #25345b08}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat strong{display:block;font-size:26px;margin-top:7px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#626b83}input,select,button{font:inherit;padding:10px 12px;border:1px solid #dce1ee;border-radius:9px;background:#fff;color:#20243a}button{background:var(--brand-primary);color:white;border:0;cursor:pointer;align-self:end}button:hover{filter:brightness(.96)}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f6;font-size:13px}th{background:#f7f8fc;color:#69728a}.tablewrap{overflow:auto}.rowline{padding:10px;border-bottom:1px solid #eee}.login{display:grid;place-items:center;min-height:100vh}.loginbox{width:min(420px,92vw);display:grid;gap:12px}.error{color:#b33}.loginbox button{padding:13px}.sidefoot a{display:inline;padding:0;text-decoration:underline}@media(max-width:800px){.sidebar{position:static;width:auto;display:flex;flex-wrap:wrap;gap:3px}.sidebar h2{width:100%;margin-bottom:8px}.sidebar a{padding:8px}.sidefoot{position:static;width:100%;padding:8px}.main{margin:0}.content{padding:12px}.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}}

.buttonlink{display:inline-block;padding:10px 14px;background:var(--brand-primary);color:white;text-decoration:none;border-radius:9px}.muted{color:#7b849b;font-size:13px}code{background:#f2f3f9;padding:2px 5px;border-radius:4px}

/* Responsive navigation */
.menu-toggle{display:none}
.menu-backdrop{display:none}
@media(max-width:800px){
 body.menu-open{overflow:hidden}
 .menu-toggle{display:flex;align-items:center;gap:9px;position:sticky;top:0;z-index:1002;width:100%;padding:13px 16px;border-radius:0;background:#382d43;color:#fff;text-align:left;font-weight:650;box-shadow:0 2px 10px #17122522}
 .menu-toggle span{font-size:14px}
 .sidebar{position:fixed;z-index:1003;top:0;bottom:0;left:0;width:min(310px,84vw);height:100dvh;display:block;overflow-y:auto;padding:22px 14px 24px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:8px 0 30px #17122533}
 .sidebar.is-open{transform:translateX(0)}
 .sidebar h2{width:auto;margin:4px 10px 22px}
 .sidebar a{display:block;padding:12px 13px;margin:3px 0}
 .sidefoot{position:static;width:auto;padding:18px 10px 12px;margin-top:16px;border-top:1px solid #ffffff30}
 .menu-backdrop.is-visible{display:block;position:fixed;inset:0;z-index:1001;background:#17122588}
 .main{margin:0;min-width:0}
 .main header{padding:18px 18px}
 .main h1{font-size:22px}
 .content{padding:12px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stat strong{font-size:21px}
 .formgrid{grid-template-columns:1fr}
}
@media(max-width:420px){
 .stats{grid-template-columns:1fr}
 .panel{padding:14px}
}

/* v1.1.7: responsive forms, tables and touch-friendly controls */
html{max-width:100%;overflow-x:hidden}
body{min-width:320px;overflow-x:hidden}
img,svg,canvas,video{max-width:100%;height:auto}
button,.buttonlink{min-height:42px}
input,select,textarea{max-width:100%;min-width:0}
textarea{width:100%;resize:vertical}
@media(max-width:800px){
 .content{width:100%;max-width:100%;padding:12px}
 .panel{min-width:0;max-width:100%;margin-bottom:12px;padding:15px;border-radius:13px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat{min-width:0;overflow-wrap:anywhere}
 .stat strong{font-size:clamp(18px,5vw,23px);overflow-wrap:anywhere}
 .formgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .formgrid label{min-width:0;width:100%}
 .formgrid input,.formgrid select,.formgrid textarea,
 .panel form input:not([type=hidden]),.panel form select,.panel form textarea{width:100%;min-height:44px}
 .formgrid button,.panel form button{width:100%;min-height:44px}
 .tablewrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
 table{min-width:620px}
 th,td{white-space:normal;overflow-wrap:anywhere;padding:9px 10px}
 .rowline{overflow-wrap:anywhere}
 .main header{min-width:0;gap:10px}
 .main header small{display:block;overflow-wrap:anywhere}
 .buttonlink{max-width:100%;white-space:normal;text-align:center}
 .content h2,.content h3{overflow-wrap:anywhere}
}
@media(max-width:480px){
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .stat strong{font-size:18px}
 .panel{padding:12px}
 .main header{padding:15px 14px}
 .main h1{font-size:20px}
 input,select,button{font-size:16px}
 .tablewrap table{min-width:580px}
}
@media(max-width:360px){
 .stats{grid-template-columns:minmax(0,1fr)}
}

/* v1.1.8: enforce closed-by-default mobile drawer and prevent nav wrapping under page */
@media screen and (max-width:800px){
 body:not(.login){overflow-x:hidden}
 body:not(.login) .menu-toggle{
  display:flex!important;position:relative!important;inset:auto!important;
  width:100%!important;height:52px!important;min-height:52px!important;
  margin:0!important;padding:0 18px!important;border:0!important;border-radius:0!important;
  background:#382d43!important;color:#fff!important;box-shadow:none!important;
  align-items:center!important;justify-content:flex-start!important;
  font-size:16px!important;z-index:1102!important;
 }
 body:not(.login) .menu-backdrop{display:none!important}
 body:not(.login) .menu-backdrop.is-visible{
  display:block!important;position:fixed!important;inset:0!important;
  background:rgba(15,18,30,.58)!important;z-index:1100!important;
 }
 body:not(.login) #salesdesk-sidebar{
  display:block!important;position:fixed!important;top:0!important;bottom:0!important;
  left:0!important;right:auto!important;width:min(310px,86vw)!important;
  height:100vh!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:22px 14px 24px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  flex-wrap:nowrap!important;gap:0!important;
  transform:translate3d(-110%,0,0)!important;
  visibility:hidden!important;pointer-events:none!important;
  transition:transform .24s ease,visibility .24s ease!important;
  z-index:1101!important;
 }
 body:not(.login) #salesdesk-sidebar.is-open{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;pointer-events:auto!important;
 }
 body:not(.login) #salesdesk-sidebar h2{display:block!important;width:auto!important}
 body:not(.login) #salesdesk-sidebar a{display:block!important;width:100%!important}
 body:not(.login) #salesdesk-sidebar .sidefoot{display:block!important;position:static!important;width:auto!important}
 body:not(.login) .main{margin:0!important;width:100%!important;min-width:0!important}
}
@media screen and (min-width:801px){
 .menu-toggle,.menu-backdrop{display:none!important}
 #salesdesk-sidebar{transform:none!important;visibility:visible!important;pointer-events:auto!important}
}

/* v1.1.9 dashboard personal tasks and celebrations */
.rowline form{vertical-align:middle}
@media(max-width:800px){
 .rowline form{display:flex!important;flex-wrap:wrap;margin:8px 0 0!important}
 .rowline form button{flex:1}
}

/* v1.2.0 dashboard widgets */
textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;resize:vertical}
.rowline p{margin:6px 0}

/* v1.2.4 QR / barcode scanner */
.scan-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.scanner-video{width:100%;max-width:560px;max-height:420px;object-fit:cover;border-radius:14px;background:#111;margin:12px 0}.scan-search{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.scan-search input{flex:1;min-width:190px;padding:12px;border:1px solid #dce1eb;border-radius:9px}.scan-result{padding:12px 0;border-bottom:1px solid #e8ebf2}.scan-result:last-child{border-bottom:0}


/* v1.4.7: mobile usability and accessibility refinements */
:root{scroll-behavior:smooth;scroll-padding-top:14px}
button,.buttonlink,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline:3px solid #8a87ee!important;outline-offset:2px}
button:disabled{opacity:.55;cursor:not-allowed}
.tablewrap{overscroll-behavior-x:contain;scrollbar-width:thin}
.tablewrap table{border-spacing:0}
.panel{overflow-wrap:anywhere}
.panel form{min-width:0}
.panel form button+button{margin-left:6px}
.formgrid .wide{grid-column:1/-1}
.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#f0efff;color:#514bb4;font-size:12px;font-weight:650}
@media(max-width:800px){
 body{padding-bottom:env(safe-area-inset-bottom)}
 .menu-toggle{padding-left:max(16px,env(safe-area-inset-left))!important;min-height:54px!important;height:54px!important;letter-spacing:.1px}
 .sidebar{padding-top:max(22px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
 .sidebar a{min-height:44px;display:flex!important;align-items:center}
 .sidebar a.active{font-weight:700;border-left:3px solid #fff;padding-left:10px!important}
 .main header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #edf0f6}
 .main header h1{line-height:1.25}
 .content{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 .panel{scroll-margin-top:76px}
 .tablewrap{position:relative;max-width:100%;box-shadow:inset -12px 0 12px -14px #252b45}
 .tablewrap table{min-width:620px}
 .formgrid label{font-size:14px}
 input,select,textarea{font-size:16px;min-height:44px}
 textarea{min-height:88px}
 .panel form button,.panel form .buttonlink{min-height:46px}
 .rowline form{gap:8px!important}
 .rowline form button{min-height:42px}
 .stats{align-items:stretch}
}
@media(max-width:480px){
 .main header{padding:13px 14px}
 .main h1{font-size:19px}
 .main header small{font-size:12px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat{padding:12px!important}
 .stat strong{font-size:clamp(17px,5vw,21px)}
 .panel{border-radius:12px}
 .panel form button{width:100%;margin:4px 0!important}
 .rowline form button{width:auto!important;flex:1 1 110px}
 .tablewrap table{min-width:590px}
}
@media(max-width:360px){.stats{grid-template-columns:1fr}.menu-toggle{padding-left:12px!important}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v1.5.0 theme customizer and salary performance zones */
.theme-picker{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}
.theme-picker select{padding:7px 9px;min-height:36px}
html[data-theme="dark"]{color-scheme:dark;--page-bg:#11131b;--surface:#1b1f2b;--text:#edf0f7;--muted:#aab2c5;--border:#303747}
html[data-theme="dark"] body{background:var(--page-bg);color:var(--text)}
html[data-theme="dark"] .main header,html[data-theme="dark"] .panel{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#242a38;color:var(--text);border-color:#3b4558}
html[data-theme="dark"] th{background:#252b39;color:#c4ccdc}
html[data-theme="dark"] td{border-color:#303747}
html[data-theme="dark"] .muted,html[data-theme="dark"] .formgrid label{color:var(--muted)}
html[data-theme="dark"] .main header{border-bottom:1px solid var(--border)}
html[data-theme="dark"] .menu-toggle{background:var(--brand-secondary)}
.salary-zone{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}
.zone-red{background:#fee2e2;color:#991b1b}.zone-yellow{background:#fef3c7;color:#92400e}.zone-green{background:#dcfce7;color:#166534}.zone-blue{background:#dbeafe;color:#1e40af}.zone-purple{background:#f3e8ff;color:#6b21a8}.zone-na{background:#e5e7eb;color:#374151}
html[data-theme="dark"] .zone-red{background:#542a31;color:#fecaca}html[data-theme="dark"] .zone-yellow{background:#59451f;color:#fde68a}html[data-theme="dark"] .zone-green{background:#17452e;color:#bbf7d0}html[data-theme="dark"] .zone-blue{background:#1e3d68;color:#bfdbfe}html[data-theme="dark"] .zone-purple{background:#48245f;color:#e9d5ff}
@media(max-width:800px){.theme-picker{margin-left:auto}.main header{flex-wrap:wrap}}


/* v1.5.1 — cohesive theme system, palettes, contrast and component coverage */
:root{
 --brand-primary:#5b58c9;--brand-secondary:#382d43;--brand-accent:#8b87ef;
 --page-bg:#f4f6fb;--surface:#fff;--surface-raised:#fff;--surface-soft:#f7f8fc;
 --text:#20243a;--muted:#737d94;--border:#e4e8f1;--field-bg:#fff;
 --link:var(--brand-primary);--focus:var(--brand-accent);
 --shadow-sm:0 2px 8px rgba(25,35,65,.05);--shadow-md:0 8px 24px rgba(25,35,65,.08);
 color-scheme:light;
}
html[data-palette="ocean"]{--brand-primary:#087eaa;--brand-secondary:#12394b;--brand-accent:#42b7d5;--focus:#42b7d5}
html[data-palette="emerald"]{--brand-primary:#16845b;--brand-secondary:#123d32;--brand-accent:#46b98b;--focus:#46b98b}
html[data-palette="rose"]{--brand-primary:#c04470;--brand-secondary:#51283d;--brand-accent:#e58aaa;--focus:#e58aaa}
html[data-palette="amber"]{--brand-primary:#a76512;--brand-secondary:#49351c;--brand-accent:#e3a83e;--focus:#e3a83e}
html[data-palette="slate"]{--brand-primary:#52657d;--brand-secondary:#263444;--brand-accent:#91a5bd;--focus:#91a5bd}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-theme="system"]{color-scheme:dark;--page-bg:#10141d;--surface:#191f2b;--surface-raised:#202837;--surface-soft:#222b3a;--text:#edf2fa;--muted:#aab5c7;--border:#344052;--field-bg:#202938;--link:#a9a5ff;--shadow-sm:0 2px 8px rgba(0,0,0,.16);--shadow-md:0 8px 24px rgba(0,0,0,.22)}}
html[data-theme="dark"]{--page-bg:#10141d;--surface:#191f2b;--surface-raised:#202837;--surface-soft:#222b3a;--text:#edf2fa;--muted:#aab5c7;--border:#344052;--field-bg:#202938;--link:#a9a5ff;--shadow-sm:0 2px 8px rgba(0,0,0,.16);--shadow-md:0 8px 24px rgba(0,0,0,.22)}
body{background:var(--page-bg);color:var(--text);transition:background-color .18s ease,color .18s ease}
.sidebar{background:linear-gradient(155deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary),#000 20%));box-shadow:4px 0 24px rgba(20,25,45,.08)}
.sidebar a{transition:background .16s ease,color .16s ease,transform .16s ease}
.sidebar a:hover{transform:translateX(2px)}
.sidebar a.active{background:color-mix(in srgb,var(--brand-primary),white 18%);color:#fff;font-weight:700}
.menu-toggle{background:var(--brand-secondary)!important}
.main header{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}
.main header h1{letter-spacing:-.025em}
.panel{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);transition:background-color .18s ease,border-color .18s ease}
.panel h2,.panel h3,.panel h4{color:var(--text)}
.stat{background:linear-gradient(145deg,var(--surface),var(--surface-soft));border-color:var(--border)}
.stat strong{color:var(--brand-primary);letter-spacing:-.025em}
a{color:var(--link)}
.buttonlink,.button,button{background:var(--brand-primary);color:#fff;border:1px solid transparent;box-shadow:0 2px 5px color-mix(in srgb,var(--brand-primary),transparent 82%);transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}
.buttonlink:hover,.button:hover,button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 12px color-mix(in srgb,var(--brand-primary),transparent 78%)}
button:active,.button:active,.buttonlink:active{transform:translateY(0)}
input,select,textarea{background:var(--field-bg);color:var(--text);border:1px solid var(--border);border-radius:10px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary),transparent 84%)}
.formgrid label{color:var(--muted)}
th{background:var(--surface-soft);color:var(--muted)}
td,th{border-color:var(--border)}
.rowline{border-color:var(--border)}
code{background:var(--surface-soft);color:var(--text)}
.pill{background:color-mix(in srgb,var(--brand-primary),var(--surface) 88%);color:var(--brand-primary)}
.theme-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.theme-picker{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:650}
.theme-picker select{min-height:38px;padding:7px 30px 7px 10px;border-radius:10px;font-size:13px}
.theme-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.theme-preview-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);color:var(--text)}
.theme-preview-card small{color:var(--muted)}
.theme-preview-card button{margin-top:5px}
.preview-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-primary),transparent 86%)}
.preview-muted{background:var(--surface-raised)}
.salary-zone{border:1px solid transparent}
@media(max-width:800px){.theme-controls{width:100%;justify-content:flex-start}.theme-picker{flex:1;min-width:0}.theme-picker select{width:100%}.theme-preview{grid-template-columns:1fr}.main header{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){body,.panel,.sidebar a,button,.button,.buttonlink{transition:none!important}}

@media(prefers-color-scheme:dark){html[data-theme="system"] .zone-red{background:#542a31;color:#fecaca}html[data-theme="system"] .zone-yellow{background:#59451f;color:#fde68a}html[data-theme="system"] .zone-green{background:#17452e;color:#bbf7d0}html[data-theme="system"] .zone-blue{background:#1e3d68;color:#bfdbfe}html[data-theme="system"] .zone-purple{background:#48245f;color:#e9d5ff}}


/* v1.5.2 — Premium SaaS dashboard visual system */
:root{
 --radius-sm:10px;--radius-md:14px;--radius-lg:19px;--radius-xl:24px;
 --content-width:1600px;--surface-hover:color-mix(in srgb,var(--surface),var(--brand-primary) 3%);
 --sidebar-width:258px;--header-height:82px;
}
html{scroll-behavior:smooth;scrollbar-color:color-mix(in srgb,var(--muted),transparent 55%) transparent}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;letter-spacing:-.008em}
.sidebar{width:var(--sidebar-width);padding:25px 15px 20px;background:linear-gradient(165deg,color-mix(in srgb,var(--brand-secondary),#101729 14%),var(--brand-secondary) 58%,color-mix(in srgb,var(--brand-primary),#20243a 76%));box-shadow:10px 0 34px rgba(20,25,48,.09);border-right:1px solid rgba(255,255,255,.07)}
.sidebar h2{display:flex;align-items:center;gap:11px;margin:2px 10px 25px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:19px;font-weight:800;letter-spacing:-.6px}
.sidebar h2:before{content:"C";display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,var(--brand-accent),var(--brand-primary));color:#fff;font-size:20px;box-shadow:0 8px 18px color-mix(in srgb,var(--brand-primary),transparent 55%)}
.sidebar h2 span{display:block;color:rgba(255,255,255,.65);font-size:11px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;margin-top:1px}
.sidebar a{position:relative;display:flex;align-items:center;min-height:43px;margin:3px 0;padding:10px 12px 10px 15px;border:1px solid transparent;border-radius:11px;color:rgba(245,247,255,.76);font-size:13px;font-weight:560;letter-spacing:0;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.sidebar a:before{content:"";width:6px;height:6px;flex:0 0 6px;margin-right:11px;border-radius:2px;background:rgba(255,255,255,.38);transform:rotate(45deg);transition:background .16s ease,transform .16s ease}
.sidebar a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}
.sidebar a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--brand-primary),white 12%),color-mix(in srgb,var(--brand-primary),transparent 38%));border-color:rgba(255,255,255,.13);color:#fff;font-weight:750;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.sidebar a.active:before{background:#fff;transform:rotate(45deg) scale(1.2)}
.sidefoot{position:static;margin:24px 3px 0;padding:16px 10px 5px;border-top:1px solid rgba(255,255,255,.13);line-height:1.8;color:rgba(255,255,255,.68)}
.sidefoot a{display:inline-flex;min-height:0;margin:5px 0 0;padding:4px 8px;color:#fff;background:rgba(255,255,255,.09);font-size:12px}
.sidefoot a:before{display:none}
.main{margin-left:var(--sidebar-width);min-width:0}
.main header{position:sticky;top:0;z-index:50;min-height:var(--header-height);padding:15px clamp(18px,2.8vw,38px);gap:18px;background:color-mix(in srgb,var(--surface),transparent 5%);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 5px 24px rgba(20,28,50,.035)}
.main header h1{font-size:clamp(19px,1.65vw,24px);font-weight:780;line-height:1.2;letter-spacing:-.7px}
.main header small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:550;letter-spacing:.02em}
.content{max-width:var(--content-width);padding:clamp(18px,2.4vw,34px);}
.panel{position:relative;border-radius:var(--radius-lg);padding:clamp(16px,1.5vw,22px);margin-bottom:18px;box-shadow:var(--shadow-sm);}
.panel h2,.panel h3{font-weight:750;letter-spacing:-.35px}
.panel h3{font-size:16px;margin-top:0;margin-bottom:13px}
.stats{gap:15px;margin-bottom:18px}
.stat{position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;padding:19px!important;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.stat:after{content:"";position:absolute;right:-25px;top:-32px;width:95px;height:95px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary),transparent 92%);pointer-events:none}
.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--brand-primary),var(--border) 70%)}
.stat strong{position:relative;z-index:1;display:block;margin-top:9px;font-size:clamp(22px,2vw,29px);font-weight:820;letter-spacing:-1px;line-height:1.2}
.stat .muted,.stat small{position:relative;z-index:1}
.buttonlink,button{min-height:40px;border-radius:11px;font-size:13px;font-weight:680;letter-spacing:-.01em}
button{padding:9px 15px}
button.secondary{background:color-mix(in srgb,var(--brand-primary),var(--surface) 90%);color:var(--brand-primary);border:1px solid color-mix(in srgb,var(--brand-primary),var(--border) 78%);box-shadow:none}
button.danger{background:#fff0f1;color:#b83246;border:1px solid #f6d5da;box-shadow:none}
button:hover,.buttonlink:hover{filter:none;transform:translateY(-1px);box-shadow:0 7px 17px color-mix(in srgb,var(--brand-primary),transparent 84%)}
input,select,textarea{min-height:42px;border-radius:11px;padding:9px 12px;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary),transparent 88%)}
label,.formgrid label{font-size:12px;font-weight:680;letter-spacing:.005em}
.formgrid{gap:15px}
.tablewrap{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:inset 0 1px rgba(255,255,255,.35)}
table{border-collapse:separate;border-spacing:0;min-width:650px}
th{position:sticky;top:0;z-index:2;padding:13px 14px;background:var(--surface-soft);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
td{padding:13px 14px;font-size:12px;border-bottom:1px solid var(--border)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--surface-hover)}
.pill{border:1px solid color-mix(in srgb,var(--brand-primary),var(--border) 82%);font-weight:720}
.rowline{padding:13px 12px;border-bottom:1px solid var(--border)}
.theme-controls{gap:8px;padding:5px 7px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.theme-picker{padding-left:5px;font-size:11px;letter-spacing:.02em}
.theme-picker select{min-height:35px;padding:6px 28px 6px 9px;border-color:var(--border);background:var(--surface);font-size:12px;font-weight:650}
.menu-toggle{width:100%;min-height:52px!important;border-radius:0!important;background:var(--brand-secondary)!important;box-shadow:none!important}
.loginbox{padding:clamp(25px,4vw,38px);border-radius:24px;box-shadow:0 24px 80px rgba(18,24,48,.12);border:1px solid var(--border)}
.loginbox h1{font-size:26px;letter-spacing:-.9px}
.loginbox:before{content:"CHARUTTY  /  SALES WORKSPACE";font-size:10px;font-weight:850;letter-spacing:2px;color:var(--brand-primary)}
.error{padding:9px 11px;border-radius:9px;background:#fff0f1}
@media(min-width:801px){.sidebar{display:block}.main{min-height:100vh}.content{min-height:calc(100vh - var(--header-height))}}
@media(max-width:800px){
 .main header{position:relative;min-height:0;align-items:flex-start;padding:15px 16px}
 .main header>div:first-child{min-width:0;flex:1}
 .theme-controls{width:100%;padding:7px;gap:7px}
 .theme-picker{flex:1;min-width:0;display:grid;gap:4px}
 .theme-picker select{width:100%;min-width:0}
 .content{padding:16px 13px 30px}
 .panel{border-radius:15px;margin-bottom:13px}
 .stat{padding:14px!important}
 .sidebar{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:480px){
 .main header{gap:10px}
 .main header h1{font-size:19px}
 .content{padding:13px 10px 26px}
 .stats{gap:9px}
 .stat{border-radius:14px!important;padding:12px!important}
 .stat strong{font-size:clamp(17px,5vw,21px)}
 .panel{padding:13px;border-radius:14px}
 .tablewrap{border-radius:11px}
}
@media(prefers-reduced-motion:reduce){.stat,.sidebar a,button,.buttonlink{transition:none!important}}


/* v1.5.3: mobile app navigation - sticky top bar and fixed bottom tabs */
.mobile-bottom-nav{display:none}
@media(max-width:800px){
 body:not(.login){padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
 body:not(.login) .menu-toggle{position:sticky!important;top:0!important;z-index:1205!important;height:54px!important;min-height:54px!important;box-shadow:0 2px 12px rgba(20,20,40,.12)!important}
 body:not(.login) .main header{position:sticky!important;top:54px!important;z-index:1090!important;background:var(--surface)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)!important;box-shadow:0 4px 18px rgba(20,20,40,.045)}
 body:not(.login) .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1190;min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 28px rgba(25,30,55,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .mobile-nav-item{min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--muted)!important;text-decoration:none!important;font-size:10px!important;font-weight:650;line-height:1.2;padding:4px 2px!important;cursor:pointer}
 .mobile-nav-item .mobile-nav-icon{display:block;font-size:22px;line-height:1.1;font-weight:500}
 .mobile-nav-item.active{color:var(--brand-primary)!important;background:color-mix(in srgb,var(--brand-primary) 11%,var(--surface))!important}
 .mobile-nav-item.active .mobile-nav-icon{transform:translateY(-1px)}
 .mobile-nav-item:focus-visible{outline:3px solid var(--brand-primary)!important;outline-offset:-2px}
 body.menu-open .mobile-bottom-nav{pointer-events:none;opacity:.35}
 .main header .theme-controls{max-width:100%}
}
@media(max-width:380px){
 .mobile-bottom-nav{padding-left:4px!important;padding-right:4px!important}
 .mobile-nav-item{font-size:9px!important}
 .mobile-nav-item .mobile-nav-icon{font-size:20px}
}
@media(min-width:801px){.mobile-bottom-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.mobile-nav-item .mobile-nav-icon{transform:none!important}}


/* v1.5.4: compact mobile app bar and refined responsive dashboard surfaces */
@media(max-width:800px){
 body:not(.login){padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;background:var(--page-bg)}
 /* Replace the stacked full-width menu strip with a compact menu control. */
 body:not(.login)>.menu-toggle{position:fixed!important;top:8px!important;left:10px!important;z-index:1210!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;background:var(--surface)!important;color:var(--brand-primary)!important;border:1px solid var(--border)!important;box-shadow:0 4px 16px rgba(25,30,55,.10)!important;font-size:0!important}
 body:not(.login)>.menu-toggle span{display:none!important}
 body:not(.login)>.main{margin:0!important;min-width:0}
 body:not(.login)>.main>header{position:sticky!important;top:0!important;z-index:1080!important;min-height:60px!important;margin-top:0!important;padding:9px 12px 9px 62px!important;display:flex!important;align-items:center!important;gap:8px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 5px 18px rgba(25,30,55,.045)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .main header>div:first-child{min-width:0!important;flex:1 1 auto!important}
 .main header h1{font-size:clamp(16px,4.5vw,20px)!important;line-height:1.18!important;letter-spacing:-.45px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
 .main header small{font-size:10px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .main header .theme-controls{width:auto!important;max-width:48%!important;flex:0 1 auto!important;display:flex!important;align-items:center!important;gap:4px!important;padding:3px!important;border-radius:12px!important}
 .main header .theme-picker{display:block!important;min-width:0!important;padding:0!important;font-size:0!important}
 .main header .theme-picker select{width:auto!important;max-width:76px!important;min-width:0!important;min-height:34px!important;padding:5px 20px 5px 7px!important;font-size:10px!important;border-radius:9px!important}
 .main header .palette-picker select{max-width:82px!important}
 .content{padding:15px 12px 22px!important;width:100%!important;max-width:100%!important}
 .content h2{font-size:clamp(19px,5vw,23px)!important;line-height:1.25!important;letter-spacing:-.5px}
 .content h3,.panel h3{font-size:15px!important;line-height:1.35!important}
 .panel{padding:15px!important;border-radius:17px!important;margin-bottom:13px!important;box-shadow:0 5px 20px rgba(32,36,58,.045)!important}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
 .stat{min-width:0!important;padding:14px!important;border-radius:16px!important}
 .stat strong{font-size:clamp(19px,5vw,24px)!important;line-height:1.18!important;letter-spacing:-.65px!important;overflow-wrap:anywhere}
 .stat small,.stat .muted{font-size:11px!important;line-height:1.35!important}
 .buttonlink,button{min-height:42px!important;border-radius:12px!important}
 .content .panel>form{min-width:0}
 .mobile-bottom-nav{min-height:70px!important;padding:6px 8px calc(7px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .mobile-nav-item{min-height:54px!important;border-radius:13px!important;font-size:10px!important;gap:3px!important}
 .mobile-nav-item .mobile-nav-icon{font-size:21px!important}
 .mobile-nav-item.active{font-weight:800!important;background:color-mix(in srgb,var(--brand-primary) 12%,var(--surface))!important}
 .menu-backdrop{z-index:1200!important}
 .sidebar{z-index:1205!important}
}
@media(max-width:420px){
 body:not(.login)>.main>header{padding-right:8px!important;padding-left:58px!important;gap:5px!important}
 .main header h1{font-size:16px!important}
 .main header small{font-size:9px!important}
 .main header .theme-controls{max-width:46%!important}
 .main header .theme-picker select{max-width:66px!important;padding-left:5px!important;padding-right:16px!important;font-size:9px!important}
 .main header .palette-picker select{max-width:72px!important}
 .content{padding-left:10px!important;padding-right:10px!important}
 .stats{gap:8px!important}
 .stat{padding:12px!important}
 .panel{padding:13px!important}
}
@media(min-width:801px){body:not(.login)>.menu-toggle{display:none!important}}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav,.mobile-nav-item,.main header{scroll-behavior:auto!important;transition:none!important}}


/* v1.5.5: personalized time-aware dashboard greeting */
.welcome-banner{display:flex;align-items:center;gap:15px;margin:18px 24px 0;padding:18px 22px;border:1px solid color-mix(in srgb,var(--brand-primary),transparent 82%);border-radius:18px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-primary),white 91%),var(--surface));box-shadow:0 8px 24px #25345b0a}
.welcome-emoji{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--brand-primary),white 86%);font-size:27px}
.welcome-title{font-size:clamp(18px,2.4vw,23px);font-weight:750;letter-spacing:-.35px;color:var(--text)}
.welcome-subtitle{margin-top:3px;color:var(--muted);font-size:13px}
@media(max-width:800px){.welcome-banner{margin:12px 12px 0;padding:14px 15px;border-radius:15px;gap:12px}.welcome-emoji{width:44px;height:44px;flex-basis:44px;border-radius:13px;font-size:23px}.welcome-subtitle{font-size:12px}}


/* v1.5.6: mobile drawer stacking, notification shortcut and staff-care prompts */
@media(max-width:800px){
 body.menu-open{overflow:hidden!important}
 body:not(.login)>.menu-backdrop{position:fixed!important;inset:0!important;z-index:13000!important;background:rgba(15,18,32,.56)!important;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
 body:not(.login)>.menu-backdrop.is-visible{opacity:1!important;visibility:visible!important}
 body:not(.login)>.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;width:min( min(82vw,340px), 340px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:13010!important;padding-top:max(22px,env(safe-area-inset-top))!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;transform:translateX(-105%);transition:transform .24s ease!important;box-shadow:18px 0 42px rgba(0,0,0,.24)!important}
 body:not(.login)>.sidebar.is-open{transform:translateX(0)!important}
 body.menu-open .mobile-bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:1!important}
 body.menu-open>.menu-toggle{z-index:13020!important}
}
.sd-notification-bell{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.sd-notification-bell span{font-size:18px}
@media(max-width:800px){
 .main header .sd-notification-bell{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;font-size:0;flex:0 0 34px}
 .main header .sd-notification-bell span{font-size:17px}
 .main header .sd-notification-bell small{display:none}
 .main header .theme-controls{max-width:43%!important}
}
.sd-care-popup{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:14000;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 28px));padding:16px 42px 16px 15px;border:1px solid color-mix(in srgb,var(--brand-primary),transparent 72%);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 16px 48px rgba(20,24,45,.2);opacity:0;visibility:hidden;transform:translateY(18px) scale(.98);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.sd-care-popup.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.sd-care-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--brand-primary),white 88%);font-size:22px}
.sd-care-popup strong{font-size:14px}.sd-care-popup p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.4}
.sd-care-close{position:absolute;right:9px;top:8px;width:28px;min-height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:22px!important}
@media(max-width:800px){.sd-care-popup{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}}
@keyframes sd-achievement-pop{0%{transform:scale(.94);opacity:.5}65%{transform:scale(1.035)}100%{transform:scale(1);opacity:1}}
.sd-achievement-celebrate{animation:sd-achievement-pop .55s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){.sd-care-popup,.sd-achievement-celebrate,body:not(.login)>.sidebar{transition:none!important;animation:none!important}}

/* v1.5.6 navigation hotfix: deterministic mobile drawer stacking and hit targets */
@media(max-width:800px){
 body:not(.login){overflow-x:hidden}
 body:not(.login)>.menu-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:20000!important;background:rgba(12,16,30,.58)!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
 body:not(.login)>.menu-backdrop.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 body:not(.login)>.sidebar{display:block!important;position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,350px)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;z-index:20010!important;transform:translate3d(-105%,0,0)!important;visibility:hidden;transition:transform .24s ease,visibility .24s ease!important;padding-top:calc(18px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
 body:not(.login)>.sidebar.is-open{transform:translate3d(0,0,0)!important;visibility:visible!important}
 body.menu-open{overflow:hidden!important;touch-action:none}
 body.menu-open>.menu-toggle{z-index:20020!important}
 body.menu-open>.main,body.menu-open>.mobile-bottom-nav{pointer-events:none!important}
 body.menu-open>.mobile-bottom-nav{opacity:0!important;visibility:hidden!important}
 body:not(.login)>.main{position:relative;z-index:1}
 body:not(.login)>.main>header{z-index:100!important}
 body:not(.login)>.menu-toggle{z-index:150!important}
}
@media(min-width:801px){body:not(.login)>.sidebar{transform:none!important;visibility:visible!important}body:not(.login)>.menu-backdrop{display:none!important}}

/* v1.5.7: consolidated mobile drawer stacking and reliable touch targets */
@media(max-width:800px){
 html,body{overflow-x:hidden}
 body:not(.login)>.menu-backdrop{position:fixed!important;inset:0!important;z-index:30000!important;display:block!important;opacity:0;visibility:hidden;pointer-events:none;background:rgba(12,16,30,.58)!important}
 body:not(.login)>.menu-backdrop.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 body:not(.login)>.sidebar{position:fixed!important;top:0!important;right:auto!important;bottom:0!important;left:0!important;z-index:30010!important;display:block!important;width:min(86vw,350px)!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;transform:translate3d(-105%,0,0)!important;visibility:hidden!important;pointer-events:none!important;transition:transform .24s ease,visibility .24s ease!important;padding-top:calc(18px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
 body:not(.login)>.sidebar.is-open{transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important}
 body.menu-open{overflow:hidden!important;touch-action:pan-y}
 body.menu-open>.menu-toggle{z-index:30020!important;pointer-events:auto!important}
 body.menu-open>.main,body.menu-open>.mobile-bottom-nav{pointer-events:none!important}
 body.menu-open>.mobile-bottom-nav{opacity:0!important;visibility:hidden!important}
 body:not(.login)>.main{position:relative;z-index:1!important}
 body:not(.login)>.main>header{z-index:50!important}
 body:not(.login)>.menu-toggle{z-index:100!important}
}
@media(min-width:801px){
 body:not(.login)>.sidebar{transform:none!important;visibility:visible!important;pointer-events:auto!important}
 body:not(.login)>.menu-backdrop{display:none!important}
}


/* v1.5.10 — mobile top navigation alignment repair */
@media screen and (max-width:800px){
 body:not(.login) .main>header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;row-gap:9px!important;
  width:100%!important;min-width:0!important;
  padding:12px 14px!important;box-sizing:border-box!important;
 }
 body:not(.login) .main>header>div:first-child{
  grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 body:not(.login) .main>header>div:first-child h1{
  margin:0!important;max-width:100%!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
 }
 body:not(.login) .main>header>.sd-notification-bell{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;margin:0!important;border-radius:12px!important;
 }
 body:not(.login) .main>header>.sd-notification-bell small{display:none!important}
 body:not(.login) .main>header>.theme-controls{
  grid-column:1 / -1!important;grid-row:2!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-end!important;gap:8px!important;width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;
 }
 body:not(.login) .main>header .theme-picker{
  display:flex!important;flex:0 1 auto!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:0!important;margin:0!important;padding:5px 7px!important;
  border:1px solid var(--border)!important;border-radius:11px!important;
  background:var(--surface)!important;color:var(--muted)!important;
  font-size:0!important;box-sizing:border-box!important;white-space:nowrap!important;
 }
 body:not(.login) .main>header .theme-picker svg{
  display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
  max-width:18px!important;margin:0!important;opacity:.9!important;
 }
 body:not(.login) .main>header .theme-picker select,
 body:not(.login) .main>header .theme-picker select:focus{
  display:block!important;flex:0 1 105px!important;width:105px!important;
  min-width:0!important;max-width:105px!important;min-height:34px!important;
  height:34px!important;margin:0!important;padding:5px 22px 5px 7px!important;
  border:0!important;border-radius:7px!important;background:transparent!important;
  color:var(--text)!important;font-size:12px!important;font-weight:650!important;
  line-height:1.2!important;box-shadow:none!important;box-sizing:border-box!important;
 }
 body:not(.login) .main>header .palette-picker select{flex-basis:100px!important;width:100px!important;max-width:100px!important}
}
@media screen and (max-width:380px){
 body:not(.login) .main>header{padding:10px 11px!important;column-gap:7px!important}
 body:not(.login) .main>header .theme-controls{gap:5px!important}
 body:not(.login) .main>header .theme-picker{gap:4px!important;padding:4px 5px!important}
 body:not(.login) .main>header .theme-picker select{flex-basis:88px!important;width:88px!important;max-width:88px!important;font-size:11px!important}
 body:not(.login) .main>header .palette-picker select{flex-basis:82px!important;width:82px!important;max-width:82px!important}
}
@media screen and (max-width:340px){
 body:not(.login) .main>header .theme-picker select{flex-basis:76px!important;width:76px!important;max-width:76px!important}
 body:not(.login) .main>header .palette-picker select{flex-basis:72px!important;width:72px!important;max-width:72px!important}
}


/* v1.5.16 — compact SaaS UI, grouped navigation, zone themes and competition toasts */
:root{--sd-accent:#6258d7;--sd-accent-2:#8b5cf6;--sd-glow:rgba(98,88,215,.13);--sd-card-radius:20px}
body{background:radial-gradient(circle at 92% 0%,rgba(126,113,255,.09),transparent 28%),var(--page-bg)}
.main header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 91%,transparent);border-bottom:1px solid var(--border)}
.panel,.stat,.sd-chart-card{border-radius:var(--sd-card-radius);box-shadow:0 8px 28px rgba(33,42,78,.055);}
.stat{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--sd-accent) 5%,var(--surface)));border:1px solid var(--border);padding:16px 18px;min-height:100px}
.stat small{font-weight:650;letter-spacing:.01em}.stat strong{font-size:clamp(21px,2vw,29px);letter-spacing:-.03em;color:var(--sd-accent)}
.sidebar{background:linear-gradient(155deg,#211b3c 0%,#30265c 48%,#493a78 100%);box-shadow:12px 0 34px rgba(28,22,55,.12);padding-bottom:88px}
.sidebar h2{letter-spacing:-.04em}.sidebar h2 span{font-weight:500;letter-spacing:.02em}
.sd-nav-group{margin:7px 0;border-radius:13px;overflow:hidden}.sd-nav-group summary{list-style:none;cursor:pointer;padding:10px 12px;color:#c9c4df;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;border-radius:11px}.sd-nav-group summary::-webkit-details-marker{display:none}.sd-nav-group[open] summary,.sd-nav-group summary:hover{color:#fff;background:#ffffff12}.sd-nav-chevron{font-size:17px;transition:transform .2s}.sd-nav-group[open] .sd-nav-chevron{transform:rotate(180deg)}.sd-nav-children{padding:3px 0 5px 7px}.sidebar .sd-nav-children a{display:flex;align-items:center;gap:11px;padding:9px 11px;margin:3px 0;font-size:13px;border-radius:10px;color:#e3e0f1}.sidebar .sd-nav-children a .sd-icon{width:17px;height:17px;opacity:.88}.sidebar .sd-nav-children a.active,.sidebar .sd-nav-children a:hover{background:linear-gradient(100deg,rgba(164,145,255,.34),rgba(255,255,255,.09));color:#fff;box-shadow:inset 3px 0 #c4b5fd}
.sd-more-metrics{margin:2px 0 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 14px}.sd-more-metrics summary{cursor:pointer;padding:12px 0;font-weight:750;color:var(--text);display:flex;justify-content:space-between}.sd-more-metrics summary span{font-size:11px;color:var(--muted);font-weight:600}.sd-stats-secondary{padding-bottom:12px}.sd-stats-primary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sd-stats-secondary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sd-chart-card{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--sd-accent) 7%,var(--surface)));border:1px solid var(--border);padding:17px 19px;margin:0 0 16px;overflow:hidden}.sd-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sd-chart-head h3{margin:2px 0 0;font-size:17px}.sd-chart-head>strong{color:var(--sd-accent);font-size:19px}.sd-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--muted)}.sd-bars{height:150px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;padding-top:13px}.sd-bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.sd-bar-value{font-size:9px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-bar-track{height:100px;width:min(26px,72%);display:flex;align-items:flex-end;background:color-mix(in srgb,var(--sd-accent) 8%,var(--surface));border-radius:9px;overflow:hidden}.sd-bar-track span{display:block;width:100%;min-height:4px;border-radius:9px;background:linear-gradient(180deg,#a78bfa,var(--sd-accent));box-shadow:0 4px 12px var(--sd-glow)}.sd-bar-col small{font-size:10px;color:var(--muted);font-weight:700}
.sd-competition-stack{position:fixed;right:18px;top:88px;z-index:5000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.sd-competition-toast{pointer-events:auto;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 40px 14px 14px;border:1px solid color-mix(in srgb,#a78bfa 48%,var(--border));border-radius:17px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,#a78bfa 11%,var(--surface)));box-shadow:0 16px 40px rgba(30,24,65,.2);animation:sdToastIn .28s ease-out}.sd-toast-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#fbbf24,#f97316);font-size:22px}.sd-toast-copy strong{display:block;font-size:13px;font-weight:850;color:var(--text)}.sd-toast-copy p{margin:3px 0 4px;font-size:12px;color:var(--text);line-height:1.4}.sd-toast-copy small{font-size:10px;color:var(--muted)}.sd-toast-close{position:absolute;right:8px;top:8px;width:27px;height:27px;min-height:27px;padding:0;border-radius:8px;background:transparent;color:var(--muted);font-size:21px}.sd-toast-out{opacity:0;transform:translateX(20px);transition:.2s}
@keyframes sdToastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
body[data-zone="zone-red"]{--sd-accent:#dc4545;--sd-accent-2:#fb7185;--sd-glow:rgba(220,69,69,.16)}body[data-zone="zone-yellow"]{--sd-accent:#c58a12;--sd-accent-2:#fbbf24;--sd-glow:rgba(197,138,18,.16)}body[data-zone="zone-green"]{--sd-accent:#16865c;--sd-accent-2:#34d399;--sd-glow:rgba(22,134,92,.16)}body[data-zone="zone-blue"]{--sd-accent:#2874c7;--sd-accent-2:#60a5fa;--sd-glow:rgba(40,116,199,.16)}body[data-zone="zone-purple"]{--sd-accent:#8052c8;--sd-accent-2:#c084fc;--sd-glow:rgba(128,82,200,.17)}
body[data-zone^="zone-"] .welcome-banner{background:linear-gradient(115deg,color-mix(in srgb,var(--sd-accent) 15%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--sd-accent) 22%,var(--border))}body[data-zone^="zone-"] .stat strong{color:var(--sd-accent)}
@media(max-width:1100px){.sd-stats-primary,.sd-stats-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.main header{position:relative}.sd-competition-stack{top:70px;right:10px;width:min(350px,calc(100vw - 20px))}.sd-chart-card{padding:14px}.sd-bars{gap:5px}.sd-bar-value{font-size:8px}.sd-bar-track{width:60%;height:85px}.sd-stats-primary,.sd-stats-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-nav-group summary{padding:12px}.sidebar .sd-nav-children a{padding:11px 12px}}
@media(max-width:390px){.sd-chart-head>strong{font-size:16px}.sd-bars{gap:3px}.sd-bar-track{width:68%}.sd-bar-value{font-size:7px}}

/* v1.5.17 compact action buttons and popup forms */
.sd-add-trigger{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 15px;margin:0 0 14px;border-radius:13px;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary),#8c7cff 38%));box-shadow:0 7px 18px color-mix(in srgb,var(--brand-primary),transparent 78%);font-weight:750;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease}
.sd-add-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--brand-primary),transparent 68%);filter:none}
.sd-add-trigger__plus{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff2b;font-size:23px;line-height:1;font-weight:500}
.sd-form-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:18px}
.sd-form-modal.is-open{display:flex}
.sd-form-modal__shade{position:absolute;inset:0;background:rgba(13,18,35,.58);backdrop-filter:blur(5px)}
.sd-form-modal__dialog{position:relative;width:min(680px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--surface,#fff);color:var(--text,#20243a);border:1px solid var(--border,#e6e8f1);border-radius:22px;box-shadow:0 28px 90px #080d1f55;animation:sdModalIn .18s ease-out}
.sd-form-modal__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e6e8f1)}
.sd-form-modal__head h2{font-size:19px;margin:2px 0 0}.sd-form-modal__eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted,#7b849b)}
.sd-form-modal__x{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px;background:var(--page-bg,#f4f5fb);color:var(--text,#20243a);font-size:25px}
.sd-form-modal__body{padding:20px 22px 24px}.sd-modal-form{display:grid;gap:14px}.sd-modal-form.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-modal-form label{min-width:0}.sd-modal-form input,.sd-modal-form select,.sd-modal-form textarea{width:100%;min-height:44px}.sd-modal-form textarea{resize:vertical}.sd-modal-form button[type=submit],.sd-modal-form button:not([type]){min-height:46px;border-radius:12px;font-weight:750}.sd-modal-lock{overflow:hidden}
@keyframes sdModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.sd-form-modal{padding:8px;align-items:flex-end}.sd-form-modal__dialog{width:100%;max-height:92vh;border-radius:20px 20px 12px 12px}.sd-form-modal__head{padding:15px 17px}.sd-form-modal__body{padding:16px}.sd-modal-form.formgrid{grid-template-columns:1fr}.sd-modal-form .wide{grid-column:1}}

/* v1.5.17 compact action buttons and popup forms */
.sd-add-trigger{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 15px;margin:0 0 14px;border-radius:13px;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary),#8c7cff 38%));box-shadow:0 7px 18px color-mix(in srgb,var(--brand-primary),transparent 78%);font-weight:750;letter-spacing:.01em;transition:transform .16s ease,box-shadow .16s ease}
.sd-add-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 22px color-mix(in srgb,var(--brand-primary),transparent 68%);filter:none}
.sd-add-trigger__plus{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff2b;font-size:23px;line-height:1;font-weight:500}
.sd-form-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:18px}
.sd-form-modal.is-open{display:flex}
.sd-form-modal__shade{position:absolute;inset:0;background:rgba(13,18,35,.58);backdrop-filter:blur(5px)}
.sd-form-modal__dialog{position:relative;width:min(680px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--surface,#fff);color:var(--text,#20243a);border:1px solid var(--border,#e6e8f1);border-radius:22px;box-shadow:0 28px 90px #080d1f55;animation:sdModalIn .18s ease-out}
.sd-form-modal__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e6e8f1)}
.sd-form-modal__head h2{font-size:19px;margin:2px 0 0}.sd-form-modal__eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted,#7b849b)}
.sd-form-modal__x{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px;background:var(--page-bg,#f4f5fb);color:var(--text,#20243a);font-size:25px}
.sd-form-modal__body{padding:20px 22px 24px}.sd-modal-form{display:grid;gap:14px}.sd-modal-form.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-modal-form label{min-width:0}.sd-modal-form input,.sd-modal-form select,.sd-modal-form textarea{width:100%;min-height:44px}.sd-modal-form textarea{resize:vertical}.sd-modal-form button[type=submit],.sd-modal-form button:not([type]){min-height:46px;border-radius:12px;font-weight:750}.sd-modal-lock{overflow:hidden}
@keyframes sdModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.sd-form-modal{padding:8px;align-items:flex-end}.sd-form-modal__dialog{width:100%;max-height:92vh;border-radius:20px 20px 12px 12px}.sd-form-modal__head{padding:15px 17px}.sd-form-modal__body{padding:16px}.sd-modal-form.formgrid{grid-template-columns:1fr}.sd-modal-form .wide{grid-column:1}}


/* v1.5.19 compact top bar and icon-only appearance controls */
.main header{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px clamp(14px,2.2vw,30px)}
.main header>div:first-child{min-width:0;flex:1}
.main header h1{margin:0;font-size:clamp(18px,1.5vw,22px)}
.sd-notification-bell,.icon-action{width:40px;height:40px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);padding:0;text-decoration:none;box-shadow:none}
.sd-notification-bell:hover,.icon-action:hover{background:color-mix(in srgb,var(--brand-primary),var(--surface) 90%);color:var(--brand-primary);transform:translateY(-1px)}
.sd-notification-bell .sd-icon,.icon-action .sd-icon{width:19px;height:19px}
.theme-controls{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent}
.icon-action{font-size:21px;font-weight:700;line-height:1;cursor:pointer}
.icon-action:focus-visible,.sd-notification-bell:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary),transparent 55%);outline-offset:2px}
@media(max-width:800px){.main header{position:sticky;top:0;z-index:60;min-height:60px;align-items:center;flex-wrap:nowrap;padding:9px 12px;gap:7px}.main header>div:first-child{flex:1}.main header h1{font-size:17px}.main header>div:first-child small{font-size:10px}.theme-controls{width:auto;flex:0 0 auto}.sd-notification-bell,.icon-action{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:11px}}
@media(max-width:380px){.main header{gap:5px;padding-inline:8px}.sd-notification-bell,.icon-action{width:33px;height:33px;min-width:33px;min-height:33px}}


/* v1.5.20 — mobile header repair: menu button lives in the header grid */
body:not(.login)>.main{min-width:0;}
body:not(.login)>.main>header{display:flex;align-items:center;gap:10px;min-width:0;box-sizing:border-box;}
body:not(.login)>.main>header>.menu-toggle{display:none;}
body:not(.login)>.main>header>.sd-page-heading{min-width:0;flex:1 1 auto;}
body:not(.login)>.main>header>.sd-page-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:800px){
 body:not(.login)>.main>header{display:grid!important;grid-template-columns:40px minmax(0,1fr) 38px 38px!important;grid-template-rows:1fr!important;gap:7px!important;min-height:64px!important;padding:9px 10px!important;align-items:center!important;}
 body:not(.login)>.main>header>.menu-toggle{grid-column:1;grid-row:1;display:inline-flex!important;position:static!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--surface-soft)!important;color:var(--text)!important;box-shadow:none!important;}
 body:not(.login)>.main>header>.menu-toggle span{display:none!important;}
 body:not(.login)>.main>header>.sd-page-heading{grid-column:2;grid-row:1;min-width:0!important;}
 body:not(.login)>.main>header>.sd-page-heading h1{font-size:16px!important;line-height:1.2!important;margin:0!important;}
 body:not(.login)>.main>header>.sd-page-heading small{display:block!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
 body:not(.login)>.main>header>.sd-notification-bell{grid-column:3;grid-row:1;width:36px!important;height:36px!important;min-width:36px!important;justify-self:center!important;}
 body:not(.login)>.main>header>.theme-controls{grid-column:4;grid-row:1;display:flex!important;width:auto!important;max-width:none!important;gap:4px!important;justify-content:flex-end!important;}
 body:not(.login)>.main>header>.theme-controls>.icon-action{width:34px!important;height:36px!important;min-width:34px!important;min-height:36px!important;font-size:19px!important;}
}
@media(max-width:360px){body:not(.login)>.main>header{grid-template-columns:34px minmax(0,1fr) 34px 34px!important;gap:4px!important;padding-inline:7px!important;}body:not(.login)>.main>header>.menu-toggle{width:33px!important;min-width:33px!important;height:34px!important;min-height:34px!important;}body:not(.login)>.main>header>.sd-notification-bell{width:33px!important;min-width:33px!important;height:34px!important;}body:not(.login)>.main>header>.theme-controls>.icon-action{width:31px!important;min-width:31px!important;height:34px!important;min-height:34px!important;}}

/* v1.5.21 compact profile and quick-add navigation */
.sd-quickadd-wrap{position:relative;flex:0 0 auto}
.sd-quickadd-btn{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary),#9b8cff 42%));color:#fff;font-size:30px;line-height:1;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary),transparent 76%);cursor:pointer}
.sd-quickadd-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:1400;width:min(270px,calc(100vw - 28px));max-height:min(70vh,520px);overflow:auto;padding:9px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 18px 48px rgba(20,25,55,.2)}
.sd-quickadd-menu[hidden]{display:none!important}.sd-quickadd-title{padding:9px 11px 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sd-quickadd-menu a{display:flex;align-items:center;min-height:42px;padding:8px 11px;border-radius:10px;color:var(--text);font-weight:650;text-decoration:none}.sd-quickadd-menu a:hover{background:color-mix(in srgb,var(--brand-primary),transparent 91%);color:var(--brand-primary)}
.sd-profile-chip{display:flex;align-items:center;gap:8px;min-width:0;max-width:180px;padding:4px 10px 4px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);text-decoration:none}
.sd-profile-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary),#f5b7d5 45%));color:white;font-size:16px;font-weight:850;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary),transparent 88%)}
.sd-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
@media(max-width:800px){.sd-quickadd-btn{width:36px;height:36px;border-radius:12px;font-size:26px}.sd-profile-chip{padding:2px;border:0;background:transparent;max-width:none}.sd-profile-avatar{width:34px;height:34px;flex-basis:34px}.sd-profile-name{display:none}.sd-quickadd-menu{right:-48px}}

/* v1.5.22 live competition */
.sd-live-leaderboard{margin:0 0 18px;padding:18px;border:1px solid var(--line,#e7e9f2);border-radius:18px;background:linear-gradient(120deg,rgba(99,102,241,.08),rgba(16,185,129,.06));}.sd-live-board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sd-live-board-head small{display:block;color:var(--muted,#778);margin-top:4px}.sd-live-dot{font-size:10px;font-weight:800;letter-spacing:.08em;color:#059669;background:#d1fae5;border-radius:20px;padding:5px 9px}.sd-live-board-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.sd-live-board-row{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:var(--surface,#fff);min-width:0}.sd-live-rank{font-size:18px;min-width:25px}.sd-live-staff{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sd-live-board-row small{color:var(--muted,#778);white-space:nowrap}.sd-live-board-row strong{font-size:13px;white-space:nowrap}.sd-competition-stack{position:fixed;z-index:9999;right:16px;top:82px;display:grid;gap:10px;max-width:min(380px,calc(100vw - 24px));pointer-events:none}.sd-competition-toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--surface,#fff);box-shadow:0 14px 45px #10182830;border:1px solid var(--line,#e5e7eb)}@media(max-width:600px){.sd-live-board-list{grid-template-columns:1fr}.sd-competition-stack{right:10px;top:70px}}
/* v1.5.23 leaderboard controls */
.sd-board-filters{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px}.sd-board-filters label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted,#64748b)}.sd-board-filters select{min-height:36px;border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:6px 30px 6px 10px;background:var(--card,#fff);color:var(--text,#0f172a);font:inherit}.sd-board-me{background:rgba(99,102,241,.08);outline:1px solid rgba(99,102,241,.18);border-radius:12px}.sd-board-me em{font-size:10px;font-style:normal;border-radius:20px;padding:2px 6px;background:rgba(99,102,241,.14);color:var(--primary,#4f46e5);margin-left:5px}