:root{
 --accent:#ffd84d;--accent-2:#ffbf3f;--accent-soft:#fff7d6;--ink:#151924;--muted:#7c879a;--line:#e9edf3;--bg:#f5f7fb;--card:rgba(255,255,255,.86);--white:#fff;--green:#18a957;--blue:#3987ff;--purple:#8b5cf6;--red:#ef5350;--shadow:0 18px 55px rgba(24,31,48,.07);--shadow-hover:0 24px 70px rgba(24,31,48,.13);--radius:20px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 10% 0%,#fff9dd 0,transparent 28%),radial-gradient(circle at 100% 20%,#edf4ff 0,transparent 30%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.25),transparent 45%);z-index:-1}button,input,select,textarea{font:inherit}a{color:inherit}
.app-shell{min-height:100vh;display:flex}.sidebar{width:274px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(226,231,239,.8);min-height:100vh;padding:25px 16px 18px;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;box-shadow:12px 0 45px rgba(20,30,50,.035)}.sidebar-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin:0 10px 35px}.sidebar-brand img{width:50px;height:50px;filter:drop-shadow(0 8px 14px rgba(255,200,50,.18))}.sidebar-brand span{display:flex;flex-direction:column;line-height:.83}.sidebar-brand b{font-size:29px;letter-spacing:-1.8px}.sidebar-brand strong{font-size:20px;letter-spacing:-.9px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.side-nav-link{height:53px;border-radius:15px;padding:0 17px;display:flex;align-items:center;gap:15px;text-decoration:none;font-size:15px;font-weight:700;color:#252b38;position:relative;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}.side-nav-link:before{content:"";position:absolute;left:0;width:3px;height:0;border-radius:0 4px 4px 0;background:#111;transition:height .22s ease}.side-nav-link:hover{background:#f3f5f9;transform:translateX(3px)}.side-nav-link.active{background:linear-gradient(135deg,#ffe976,#ffd13c);box-shadow:0 10px 25px rgba(255,196,45,.20);color:#151515}.side-nav-link.active:before{height:24px}.side-icon{width:27px;text-align:center;font-size:24px;line-height:1;transition:transform .22s ease}.side-nav-link:hover .side-icon{transform:scale(1.12)}.side-nav-badge{margin-left:auto;min-width:8px;height:8px;border-radius:50%;background:#ef3340;box-shadow:0 0 0 5px rgba(239,51,64,.10);animation:pulse 1.8s infinite}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid #edf0f4;padding-top:14px}.sidebar-user{display:flex;align-items:center;gap:11px;text-decoration:none;padding:9px;border-radius:14px;transition:.2s}.sidebar-user:hover{background:#f5f7fa}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#202633,#4a5364);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 7px 18px rgba(20,25,35,.13)}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user small{color:var(--muted);margin-top:3px}.logout-link{display:flex;align-items:center;gap:13px;padding:11px 14px;margin-top:3px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:700;color:#737d8f;transition:.2s}.logout-link:hover{background:#fff0f0;color:#d43c3c}.logout-icon{font-size:23px}
.app-main{margin-left:274px;min-height:100vh;width:calc(100% - 274px)}.app-page{padding:34px 42px 45px;animation:pageIn .48s cubic-bezier(.2,.7,.2,1)}.page-content{padding:0;max-width:1540px;margin:0 auto}.floating-mobile-menu{display:none;position:fixed;top:14px;right:14px;z-index:60;width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.9)!important;border:1px solid #e5e9ef!important;box-shadow:0 12px 30px rgba(20,30,50,.12);font-size:22px!important;padding:0!important;color:#111!important;backdrop-filter:blur(15px)}
/* universal controls */
.app-page h1{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 20px;font-weight:850}.app-page h2{letter-spacing:-.7px}.app-page input,.app-page select,.app-page textarea{border:1px solid #e2e7ee;border-radius:13px;background:rgba(255,255,255,.9);padding:12px 14px;font-size:15px;color:var(--ink);outline:0;transition:border .2s,box-shadow .2s,transform .2s}.app-page input:focus,.app-page select:focus,.app-page textarea:focus{border-color:#c6a928;box-shadow:0 0 0 4px rgba(255,216,77,.18)}.app-page button,.app-page .btn,.app-page .new-button{border:0;border-radius:13px;background:#171a21;color:#fff;padding:11px 17px;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.app-page button:hover,.app-page .btn:hover,.app-page .new-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,25,35,.12)}.app-page .primary,.app-page .new-button{background:linear-gradient(135deg,#ffe56d,#ffd13d);color:#151515;box-shadow:0 8px 22px rgba(255,201,50,.18)}.back{display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;text-decoration:none;color:#5b667a;font-weight:700;transition:.2s}.back:hover{transform:translateX(-3px);color:#151924}
/* dashboard */
.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 30px}.welcome-row h1{font-size:40px;margin:0 0 8px}.welcome-row p{font-size:17px;color:var(--muted);margin:0}.datetime{text-align:right;color:#748096;font-size:14px;line-height:1.55}.datetime b{display:block;font-size:17px;color:#222a38}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.stat-card{min-height:154px;border-radius:22px;padding:21px;text-decoration:none;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto 1fr;column-gap:15px;border:1px solid rgba(225,230,238,.8);background:var(--card);box-shadow:0 8px 30px rgba(20,28,45,.045);backdrop-filter:blur(16px);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.stat-icon{grid-row:1/4;width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.stat-card b{font-size:32px;line-height:1;letter-spacing:-1px}.stat-card label{font-size:14px;font-weight:600;color:#657187;margin-top:7px}.stat-link{align-self:end;font-size:13px;font-weight:750}.stat-neutral{background:linear-gradient(145deg,#fff,#f5f7fa)}.stat-neutral .stat-icon{background:#eef1f5}.stat-neutral .stat-link{color:#596b88}.stat-blue{background:linear-gradient(145deg,#fff,#eef6ff)}.stat-blue .stat-icon{background:#dcecff;color:#1672ee}.stat-blue .stat-link{color:#0870ee}.stat-yellow{background:linear-gradient(145deg,#fffef7,#fff8dc)}.stat-yellow .stat-icon{background:#fff0a0;color:#d79200}.stat-yellow .stat-link{color:#d48a00}.stat-green{background:linear-gradient(145deg,#fff,#effaf2)}.stat-green .stat-icon{background:#daf3e0;color:#008d2e}.stat-green .stat-link{color:#078b2f}.stat-purple{background:linear-gradient(145deg,#fff,#f8f0ff)}.stat-purple .stat-icon{background:#eadbff;color:#6325df}.stat-purple .stat-link{color:#6a2be1}.orders-panel{margin-top:22px;background:rgba(255,255,255,.86);border:1px solid #e5eaf0;border-radius:22px;padding:20px;box-shadow:0 10px 38px rgba(20,28,45,.045);backdrop-filter:blur(16px)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{font-size:23px;margin:0}.panel-head a{border:1px solid #e1e6ed;border-radius:12px;padding:9px 14px;text-decoration:none;font-weight:700;transition:.2s}.panel-head a:hover{background:#f5f7fa;transform:translateY(-1px)}.table-wrap{overflow-x:auto}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}.dashboard-table th{background:#f4f6f9;color:#707b8e;font-size:12px;text-align:left;padding:13px 14px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.dashboard-table th:first-child{border-radius:12px 0 0 12px}.dashboard-table th:last-child{border-radius:0 12px 12px 0}.dashboard-table td{padding:14px;border-bottom:1px solid #edf0f4;font-size:14px}.dashboard-table tbody tr{transition:background .18s}.dashboard-table tbody tr:hover{background:#fafbfc}.dashboard-table td a{text-decoration:none}.status-pill{display:inline-flex;padding:6px 11px;border-radius:999px;font-weight:750;font-size:12px;white-space:nowrap}.status-repair{background:#fff3c8;color:#d58c00;border:1px solid #f5df82}.status-ready{background:#e5f7e8;color:#16842f;border:1px solid #c9eacb}.status-issued{background:#f0ddff;color:#7226df;border:1px solid #dfc6fa}.status-accepted{background:#e4f2ff;color:#0872e9;border:1px solid #c9e2fc}.status-other{background:#edf0f5;color:#5b6880}.row-arrow{font-size:27px;color:#9aa4b5;transition:.2s}.dashboard-table tr:hover .row-arrow{transform:translateX(4px);color:#222}.empty-row{text-align:center;color:#8490a5!important;padding:30px!important}.quick-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.quick-bottom a{background:rgba(255,255,255,.82);border:1px solid #e5e9ef;border-radius:18px;padding:15px 18px;text-decoration:none;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;transition:.22s}.quick-bottom a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.quick-bottom a>span{grid-row:1/3;width:50px;height:50px;border-radius:16px;background:#edf5ff;display:flex;align-items:center;justify-content:center;font-size:27px;color:#0b64ce}.quick-bottom b{font-size:14px;align-self:end}.quick-bottom small{color:#7a879e;font-size:12px;margin-top:4px}.page-content footer{border-top:1px solid #e2e7ee;margin-top:24px;padding-top:16px;color:#78859a;display:flex;justify-content:space-between;font-size:13px}
/* order notifications */
.order-notification-modal{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;padding:20px}.order-notification-modal.show{display:flex}.order-notification-backdrop{position:absolute;inset:0;background:rgba(14,19,30,.48);backdrop-filter:blur(9px)}.order-notification-card{position:relative;width:min(480px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 35px 100px rgba(15,25,45,.28);padding:30px;animation:modalIn .35s cubic-bezier(.16,1,.3,1)}.order-notification-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#fff1a0,#ffd83f);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:15px;box-shadow:0 10px 24px rgba(255,201,50,.2)}.order-notification-card h3{font-size:25px;margin:5px 0 16px}.order-notification-info{display:grid;gap:8px;background:#f7f8fa;border:1px solid #e9edf2;border-radius:15px;padding:15px;color:#44516a;font-size:14px;line-height:1.45}.order-notification-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:19px}.order-notification-close{position:absolute;right:14px;top:11px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:29px!important;color:#78859a!important}.order-notification-later,.order-notification-open{border:0;border-radius:12px;padding:11px 16px;font-weight:750;text-decoration:none;cursor:pointer}.order-notification-later{background:#eef1f5;color:#39465b}.order-notification-open{background:linear-gradient(135deg,#ffe56d,#ffd13d);color:#111;box-shadow:0 8px 20px rgba(255,201,50,.18)}
/* generic panels/cards from older pages */
.box,.card,.panel,.form-box,.orders-card{background:rgba(255,255,255,.88)!important;border:1px solid #e5eaf0!important;border-radius:20px!important;box-shadow:0 10px 38px rgba(20,28,45,.045)!important}.app-page table{border-color:#e8edf3}.app-page th{background:#f4f6f9}.app-page tr{transition:background .18s}.app-page tbody tr:hover{background:#fafbfc}.app-page label{color:#596579}.app-page hr{border:0;border-top:1px solid #edf0f4}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(239,51,64,.08)}50%{box-shadow:0 0 0 8px rgba(239,51,64,.03)}}
@media(max-width:1150px){.sidebar{width:245px}.app-main{margin-left:245px;width:calc(100% - 245px)}.app-page{padding-left:28px;padding-right:28px}.stat-grid{grid-template-columns:repeat(3,1fr)}.quick-bottom{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);width:285px}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:rgba(16,21,34,.3);backdrop-filter:blur(3px);z-index:40}.app-main{margin-left:0;width:100%}.floating-mobile-menu{display:flex;align-items:center;justify-content:center}.app-page{padding:28px 15px 35px}.welcome-row{gap:18px;flex-direction:column}.welcome-row h1{font-size:31px}.datetime{text-align:left}.stat-grid{grid-template-columns:1fr}.quick-bottom{grid-template-columns:1fr}.order-notification-card{padding:25px}.order-notification-actions{flex-direction:column}.order-notification-actions>*{width:100%;box-sizing:border-box;text-align:center}.app-page h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@keyframes ripple{to{transform:scale(2.2);opacity:0}}
.ui-ripple{animation:ripple .55s ease-out}

/* ===== ProService Glass System — unified application finish ===== */
:root{
 --glass-bg:rgba(255,255,255,.68);
 --glass-strong:rgba(255,255,255,.82);
 --glass-border:rgba(255,255,255,.72);
 --glass-line:rgba(37,45,62,.08);
 --glass-shadow:0 18px 60px rgba(29,39,58,.08), inset 0 1px 0 rgba(255,255,255,.72);
 --glass-shadow-hover:0 26px 75px rgba(29,39,58,.13), inset 0 1px 0 rgba(255,255,255,.9);
}
body{background:
 radial-gradient(700px 500px at 4% -5%,rgba(255,218,84,.25),transparent 68%),
 radial-gradient(650px 500px at 100% 12%,rgba(135,184,255,.19),transparent 68%),
 radial-gradient(600px 500px at 65% 100%,rgba(192,157,255,.10),transparent 70%),#f4f6fa}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 38%,rgba(255,255,255,.12));}
.sidebar{background:rgba(255,255,255,.64);border-right:1px solid rgba(255,255,255,.7);box-shadow:15px 0 60px rgba(24,33,50,.045)}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 38%)}
.sidebar-brand{position:relative;z-index:1}
.side-nav-link{border:1px solid transparent;background:rgba(255,255,255,.18)}
.side-nav-link:hover{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.78);box-shadow:0 8px 25px rgba(25,35,55,.05)}
.side-nav-link.active{background:linear-gradient(135deg,rgba(255,232,112,.88),rgba(255,204,56,.76));border-color:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(255,193,45,.17),inset 0 1px 0 rgba(255,255,255,.65)}
.sidebar-bottom{border-top-color:rgba(37,45,62,.07)}
.sidebar-user:hover{background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(25,35,55,.04)}
.app-page{padding-top:38px}
.app-page h1{letter-spacing:-1.7px;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.app-page h2,.app-page h3{letter-spacing:-.65px}
.app-page input,.app-page select,.app-page textarea{background:rgba(255,255,255,.72);border-color:rgba(198,205,217,.58);box-shadow:inset 0 1px 2px rgba(25,35,55,.025),0 1px 0 rgba(255,255,255,.7)}
.app-page input:hover,.app-page select:hover,.app-page textarea:hover{border-color:rgba(166,176,192,.72);background:rgba(255,255,255,.82)}
.app-page input:focus,.app-page select:focus,.app-page textarea:focus{background:rgba(255,255,255,.94);border-color:#e0bf32;box-shadow:0 0 0 4px rgba(255,216,77,.16),0 8px 24px rgba(28,38,55,.05)}
.app-page button,.app-page .btn,.app-page .new-button{box-shadow:0 8px 22px rgba(20,27,40,.08),inset 0 1px 0 rgba(255,255,255,.08)}
.app-page button:hover,.app-page .btn:hover,.app-page .new-button:hover{box-shadow:0 14px 32px rgba(20,27,40,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.app-page .primary,.app-page .new-button{box-shadow:0 12px 28px rgba(255,193,45,.19),inset 0 1px 0 rgba(255,255,255,.7)}
.box,.card,.panel,.form-box,.orders-card,.orders-panel{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.box:hover,.card:hover,.panel:hover,.form-box:hover,.orders-card:hover{box-shadow:var(--glass-shadow-hover)!important}
.table-wrap{border-radius:18px}
.app-page table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(225,230,238,.72);border-radius:16px;background:rgba(255,255,255,.46)}
.app-page th{background:rgba(242,245,249,.72)!important;border-bottom:1px solid rgba(220,226,235,.7);backdrop-filter:blur(10px)}
.app-page td{border-bottom-color:rgba(230,234,240,.7)!important}
.app-page tbody tr:hover{background:rgba(255,255,255,.58)!important}
.status-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 4px 12px rgba(25,35,55,.035)}
.stat-card,.quick-bottom a{border-color:rgba(255,255,255,.78);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
.stat-card:hover,.quick-bottom a:hover{box-shadow:var(--glass-shadow-hover)}
.stat-neutral,.stat-blue,.stat-yellow,.stat-green,.stat-purple{background:rgba(255,255,255,.62)}
.stat-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.orders-panel{background:rgba(255,255,255,.62)!important}
.panel-head a{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.82);box-shadow:0 6px 18px rgba(25,35,55,.04)}
.dashboard-table th{background:rgba(241,244,248,.68)}
.order-notification-backdrop{background:rgba(18,24,36,.36);backdrop-filter:blur(13px) saturate(110%)}
.order-notification-card{background:rgba(255,255,255,.76);backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);border-color:rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(15,25,45,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.order-notification-info{background:rgba(246,248,251,.62);border-color:rgba(255,255,255,.76)}
.back{padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.55)}
.page-content footer{border-top-color:rgba(37,45,62,.07)}
.floating-mobile-menu{background:rgba(255,255,255,.7)!important;border-color:rgba(255,255,255,.8)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:760px){.app-page{padding-top:24px}.sidebar{background:rgba(255,255,255,.78)}}

.stat-ready-profit{grid-template-rows:auto auto auto 1fr}.stat-ready-profit .stat-link{margin-top:7px}.ready-profit{font-size:11px;line-height:1.35;color:#5e7666;margin-top:6px;white-space:normal}.ready-profit strong{font-size:12px;color:#078b2f;white-space:nowrap}

/* Unified compact red close/delete controls */
.finance-delete,
.delete-service,
.history-close,
.payment-modal-close,
.order-notification-close,
#historyClose,
#paymentClose,
#listPaymentClose {
  box-sizing:border-box!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(210,45,55,.16)!important;
  border-radius:50%!important;
  background:#fff1f2!important;
  color:#d52f3a!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 4px 12px rgba(213,47,58,.10)!important;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.finance-delete:hover,
.delete-service:hover,
.history-close:hover,
.payment-modal-close:hover,
.order-notification-close:hover,
#historyClose:hover,
#paymentClose:hover,
#listPaymentClose:hover {
  background:#ffdfe2!important;
  transform:scale(1.07)!important;
  box-shadow:0 6px 16px rgba(213,47,58,.18)!important;
}


/* ===== ProService sidebar navigation — unified icon system ===== */
.sidebar{padding-top:22px;padding-bottom:16px}
.sidebar-nav{gap:3px;overflow-y:auto;padding:0 2px 4px;scrollbar-width:thin}
.side-nav-section{padding:12px 13px 6px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#98a1b1}
.side-nav-link{height:46px;border-radius:13px;padding:0 13px;gap:12px;font-size:14px;font-weight:720;color:#303746;transform:none!important}
.side-nav-link:before{left:-1px;width:3px;background:#171a21}
.side-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;font-size:0!important;color:#687386}
.side-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side-nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-nav-link:hover .side-icon{transform:none}
.side-nav-link.active .side-icon{color:#171a21}
.side-nav-link.active{font-weight:800}
.side-nav-badge{margin-left:auto;flex:0 0 auto}
.sidebar-bottom{margin-top:10px}
.logout-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:0}
.logout-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.side-nav-section{padding-top:14px}.side-nav-link{height:48px}}

/* Sidebar counters: show only when there is something to report. */
.side-nav-with-badge{position:relative}
.side-nav-with-badge>.side-nav-link{width:100%}
.side-nav-with-badge>.side-nav-badge{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2}
.side-nav-badge[hidden]{display:none!important}
.side-nav-badge.side-nav-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef1f5;color:#303746;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;line-height:1;animation:none}
.side-nav-badge.side-nav-count-alert{background:#ef5350;color:#fff;box-shadow:0 5px 14px rgba(239,83,80,.22)}
.side-nav-link.active + .side-nav-count{background:#fff;color:#151515}
.side-nav-count-alert{font-variant-numeric:tabular-nums}
@media(max-width:760px){.side-nav-with-badge>.side-nav-badge{right:13px}}