:root{
  
  --bs-green:#00C87B;    
  --bs-coral:#F65F49;    
  --bs-yellow:#FFE155;   
  --bs-blue:#5F7AFF;     
  --bs-white:#FFFFFF;

  
  --blue:#5F7AFF;--purple:#5F7AFF;
  --yellow:#FFE155;--green:#00C87B;--red:#F65F49;
  --accent:#5F7AFF;--accent-bg:#EEF1FF;--gold:#5F7AFF;
  --ink:#1F2937;--muted:#374151;--bg:#F6F6FD;--card:#fff;--line:#E2E2F5;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;font-family:'Inter','Noto Sans Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);font-size:14px}
button,input,select,textarea{font:inherit}

button,a,span,td,th,li,label,.nav,.nav-group-head,h1,h2,h3,h4,h5{unicode-bidi:plaintext;text-rendering:optimizeLegibility}

[dir="rtl"],[lang="ar"]{direction:rtl;text-align:right}
#login{position:fixed;inset:0;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}

html.bs-restoring #login{display:none}

#boot-splash{position:fixed;inset:0;z-index:100000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#fff;transition:opacity .35s ease}
html.bs-restoring #boot-splash,#boot-splash.bs-on{display:flex}
#boot-splash.hide{opacity:0;pointer-events:none}
#boot-splash .bs-mark{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center}
#boot-splash .bs-mark img{width:84px;height:84px;object-fit:contain;animation:bsSplashPulse 1.6s ease-in-out infinite}
#boot-splash .bs-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(86,115,255,.14);border-top-color:#5673ff;border-right-color:#27c28c;animation:bsSplashSpin 1.15s linear infinite}
#boot-splash .bs-ring.two{inset:12px;border-width:2px;animation-duration:1.9s;animation-direction:reverse;border-top-color:#f65f49;border-right-color:transparent}
#boot-splash .bs-bar{width:190px;height:4px;border-radius:99px;background:rgba(86,115,255,.12);overflow:hidden}
#boot-splash .bs-bar i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,#5673ff,#27c28c);animation:bsSplashBar 1.3s ease-in-out infinite}
#boot-splash .bs-txt{font:600 13px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:#69758a;letter-spacing:.1px;text-align:center;-webkit-font-smoothing:antialiased}
@keyframes bsSplashSpin{to{transform:rotate(360deg)}}
@keyframes bsSplashPulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.06)}}
@keyframes bsSplashBar{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){#boot-splash .bs-ring,#boot-splash .bs-mark img,#boot-splash .bs-bar i{animation:none}}
.login-card{width:min(390px,94vw);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:26px;padding:22px;backdrop-filter:blur(12px)}
.login-logo{display:block;height:52px;width:auto;margin:0 auto}
.login-sub{font-size:12px;color:rgba(255,255,255,.68);margin:4px 0 18px}
.lbl{display:block;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.8px;color:var(--muted);margin-bottom:7px}
.login-card .lbl{color:rgba(255,255,255,.7)}
.login-card input,.login-card select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:15px;padding:11px 12px;outline:none;font-weight:800;margin-bottom:12px}
.login-card input::placeholder{color:rgba(255,255,255,.55)}
.item-dropdown{position:absolute;top:100%;left:0;right:0;max-height:280px;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:11px;margin-top:4px;box-shadow:0 8px 24px rgba(23,22,42,.12);z-index:100;display:none}
.item-dropdown.open{display:block}
.item-opt{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--bg)}
.item-opt:last-child{border-bottom:0}
.item-opt:hover{background:var(--bg)}
.item-opt b{display:block;font-weight:900;font-size:13px;color:var(--ink);margin-bottom:2px}
.item-opt small{font-size:11px;color:var(--muted);font-weight:800}
.item-opt-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px;font-weight:800}
.btn{border:0;border-radius:17px;background:linear-gradient(135deg,var(--yellow),#FFD767);color:var(--ink);font-weight:900;padding:13px 15px;cursor:pointer;width:100%;min-height:46px}
.btn.secondary{background:#fff;color:var(--purple);border:1px solid var(--line)}
.btn.small{width:auto;min-height:36px;padding:8px 12px;border-radius:13px;font-size:12px}
.btn:disabled{opacity:.6;cursor:not-allowed}
#app{display:none}
.header{position:sticky;top:0;z-index:50;background:var(--bg);padding:calc(12px + env(safe-area-inset-top,0px)) 12px 0}
.topbar{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 12px;box-shadow:0 6px 22px rgba(23,22,42,.05)}
.menu-btn{display:none;border:0;background:var(--purple);color:#fff;border-radius:14px;width:42px;height:42px;font-size:24px;font-weight:900}
.brand{font-weight:900;font-size:22px;color:var(--purple);letter-spacing:-.5px}

.topbar-logo{display:block;height:26px;width:auto}
.top-sub{font-size:11px;color:var(--muted);font-weight:800}
.spacer{flex:1}
.conn{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:var(--muted)}
.dot{width:11px;height:11px;border-radius:50%;background:var(--yellow)}
.dot.ok{background:var(--green)}.dot.er{background:var(--red)}
.layout{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:230px 1fr;gap:14px;padding:14px 12px 42px}
.sidebar{background:linear-gradient(180deg,var(--blue),var(--purple));border-radius:26px;padding:14px;position:sticky;top:86px;height:calc(100vh - 92px);overflow:auto}
.nav{width:100%;border:0;background:transparent;color:rgba(255,255,255,.76);font-weight:900;text-align:left;padding:11px 12px;border-radius:15px;margin-bottom:3px;cursor:pointer}
.nav.on,.nav:hover{background:rgba(255,255,255,.16);color:#fff}
.nav.on{box-shadow:inset 4px 0 0 var(--yellow);color:var(--yellow)}
.panel{display:none}
.panel.on{display:block;animation:fade .16s ease}
@keyframes fade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero{background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:26px;padding:20px;color:#fff;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:15px;top:12px;width:86px;height:86px;background:linear-gradient(45deg,transparent 50%,var(--yellow) 50%) 0 0/28px 28px,linear-gradient(-45deg,transparent 50%,var(--green) 50%) 14px 14px/28px 28px;opacity:.65;border-radius:18px;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero h1{font-size:27px;line-height:1;margin-bottom:6px}
.hero p{color:rgba(255,255,255,.78);font-weight:700}
.pill{border:0;background:#fff;color:var(--purple);font-weight:900;border-radius:999px;padding:9px 13px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.kpi,.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 24px rgba(23,22,42,.05);overflow:hidden}
.kpi{padding:15px}
.kpi small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:10px;margin-bottom:8px}
.kpi b{font-size:25px;color:var(--purple)}
.kpi.green b{color:var(--green)}.kpi.red b{color:var(--red)}
@media(max-width:700px){}
@media(max-width:480px){}
.card{margin-bottom:14px}
.skel{background:linear-gradient(90deg,var(--line) 25%,rgba(95,122,255,.12) 50%,var(--line) 75%);background-size:200% 100%;animation:skel-shine 1.4s infinite}
@keyframes skel-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}
.card-hd{background:linear-gradient(90deg,rgba(78,110,242,.10),rgba(255,225,85,.15));padding:12px 14px;border-bottom:1px solid var(--line);font-weight:900;color:var(--purple);text-transform:uppercase;font-size:11px;letter-spacing:1px}
.card-body{padding:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.form-grid.one{grid-template-columns:1fr}
.field{margin-bottom:10px}
.field input,.field select,.field textarea{width:100%;min-height:43px;border:1.4px solid rgba(78,110,242,.18);background:#fff;border-radius:15px;padding:10px 12px;outline:none;font-weight:700}
.field textarea{min-height:78px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(78,110,242,.1)}
.total-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:18px;color:#fff;padding:14px 16px;margin:8px 0 12px}
.total-bar small{display:block;color:rgba(255,255,255,.68);font-weight:900;text-transform:uppercase;font-size:10px}
.total-bar b{font-size:27px;color:var(--yellow)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}
th{background:#17162A;color:var(--yellow);padding:10px;text-align:left;white-space:nowrap}
td{border-bottom:1px solid var(--line);padding:9px;vertical-align:top}
tr:nth-child(even) td{background:#FBFAF4}
.msg{display:none;margin-top:10px;padding:11px 12px;border-radius:14px;font-weight:900}
.msg.ok{display:block;background:#EAF8F0;color:#087348;border:1px solid #BFEBD0}
.msg.er{display:block;background:#FFF0EE;color:#B32318;border:1px solid #FFD0CB}
.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}
.tabs button{border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:15px;padding:10px 12px;font-weight:900;white-space:nowrap;cursor:pointer}
.tabs button.on{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}
.bottom-nav{display:none}
@media(max-width:900px){
  .layout{display:block;padding:12px 10px 88px}
  .sidebar{display:none}
  .menu-btn{display:block}
  .cards{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .hero{border-radius:22px;padding:18px}
  .hero h1{font-size:24px}
  .topbar{border-radius:20px}
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(74px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--line);z-index:80;overflow-x:auto;box-shadow:0 -8px 22px rgba(23,22,42,.08)}
  .bnav{flex:0 0 74px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
  .bnav span{font-size:22px}
  .bnav.on{color:var(--blue);background:#F3F2FF;border-radius:16px}
  input,textarea,select{scroll-margin-bottom:140px}
}
@media(max-width:480px){.cards{grid-template-columns:1fr}.brand{font-size:19px}.conn{display:none}}
.drawer{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100}
.drawer.open{display:block}
.drawer-panel{width:min(330px,85vw);height:100%;background:linear-gradient(180deg,var(--blue),var(--purple));padding:18px;overflow:auto}

#p-hr{font-family:'Cairo','Inter','Segoe UI',sans-serif;direction:rtl;color:#17223B}
#p-hr input,#p-hr select,#p-hr textarea,#p-hr button{font-family:inherit}
#p-hr input[type=number],#p-hr input[type=date],#p-hr input[type=month],#p-hr [data-money]{font-family:'Inter','Cairo',sans-serif;font-variant-numeric:tabular-nums}
#p-hr>.hero{min-height:126px;padding:24px 26px!important;margin-bottom:18px!important;border-right:5px solid #00C87B!important;border-left:0!important;background:linear-gradient(125deg,#536DFE,#6880FF)!important;box-shadow:0 16px 36px rgba(83,109,254,.22)!important}
#p-hr>.hero h1{font-size:27px!important;font-weight:900!important;letter-spacing:0!important}#p-hr>.hero p{margin-top:7px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;font-weight:650!important}
.team-hero-action{padding:10px 15px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:850;cursor:pointer;backdrop-filter:blur(8px)}.team-hero-action:hover{background:rgba(255,255,255,.24)}
.team-segments{display:flex;gap:7px;margin-bottom:18px;padding:6px;border:1px solid #E2E7F0;border-radius:16px;background:#F1F3F8;overflow-x:auto;scrollbar-width:none}.team-segments::-webkit-scrollbar{display:none}.team-seg{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-width:104px;padding:10px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#667085;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.team-seg>span{font-size:15px}.team-seg:hover{background:#F8F9FC;color:#344054}.team-seg.on{border-color:#DDE3FF;background:#fff;color:#3857E8;box-shadow:0 4px 12px rgba(31,45,75,.08)}
.team-people-toolbar{display:flex;gap:10px;margin-bottom:12px}.team-people-toolbar input{flex:1;min-height:46px;padding:0 16px!important;border-color:#DCE2EC!important;background:#fff!important;font-size:12px!important}.team-people-toolbar button{min-width:150px;border:0;border-radius:12px;background:#5F7AFF;color:#fff;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 7px 17px rgba(95,122,255,.2)}
.team-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.team-summary-grid>div{position:relative;overflow:hidden;padding:16px 17px;border:1px solid #E2E7F0;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(31,45,75,.045)}.team-summary-grid>div:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#5F7AFF}.team-summary-grid>div.positive:before{background:#00C87B}.team-summary-grid>div.warning:before{background:#F3B61F}.team-summary-grid>div.danger:before{background:#F65F49}.team-summary-grid small{display:block;color:#667085;font-size:10px;font-weight:750}.team-summary-grid b{display:block;margin-top:5px;color:#17223B;font:800 25px 'Inter',sans-serif}.team-summary-grid .positive b{color:#079665}.team-summary-grid .warning b{color:#B77900}.team-summary-grid .danger b{color:#D92D20}
.team-filter-chips{display:flex;gap:7px;margin-bottom:14px;padding-bottom:3px;overflow-x:auto;scrollbar-width:none}.team-filter-chips::-webkit-scrollbar{display:none}.team-filter-chips button{min-height:34px!important;padding:6px 13px!important;border:1px solid #E2E7F0!important;border-radius:10px!important;background:#fff!important;color:#667085!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}.team-filter-chips button[style*="var(--ink"]{border-color:#BFC9FF!important;background:#EEF1FF!important;color:#3857E8!important}
.team-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.team-prow{position:relative;min-width:0;min-height:112px;padding:16px!important;border:1px solid #E2E7F0!important;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(31,45,75,.045);transition:transform .16s,border-color .16s,box-shadow .16s}.team-prow:hover{transform:translateY(-2px);border-color:#BFC9FF!important;box-shadow:0 12px 28px rgba(31,45,75,.09)}.team-prow>div:first-child{width:48px!important;height:48px!important;border-radius:14px!important;background:#EEF1FF!important;color:#536DFE!important;font-size:17px!important;font-weight:900!important}.team-prow>div:nth-child(2)>div:first-child b{font-size:14px!important;font-weight:850!important}.team-prow>div:nth-child(2)>div:nth-child(2){font-size:10.5px!important;line-height:1.65}.team-prow>span:last-child{position:absolute;left:14px;top:44px;color:#98A2B3!important;font-size:22px!important}.team-empty{grid-column:1/-1;margin:0;padding:42px;text-align:center;color:#98A2B3;font-size:12px;font-weight:700}
#p-hr .card{border-color:#E2E7F0!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(31,45,75,.05)!important}#p-hr .btn-sm{min-height:36px;border-radius:10px!important;font-size:10px!important;font-weight:800!important}#p-hr table{font-size:11px}#p-hr thead th{font-family:'Cairo',sans-serif;font-size:9px!important}#p-hr td{padding:10px!important}
@media(max-width:1100px){.team-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.team-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#p-hr>.hero{min-height:110px;padding:19px 16px!important;border-radius:17px!important}#p-hr>.hero h1{font-size:22px!important}.team-hero-action{width:100%;margin-top:10px}.team-segments{border-radius:13px;padding:4px}.team-seg{min-width:92px;padding:9px 10px}.team-people-toolbar{flex-direction:column}.team-people-toolbar button{min-height:44px}.team-people-grid{grid-template-columns:1fr}.team-prow{min-height:104px;padding:14px!important}}
.month-close-card{border-color:#C7D2FE!important;background:linear-gradient(145deg,#F8FAFF,#fff)!important}.month-close-card>.card-hd{display:flex;align-items:center;justify-content:space-between;gap:10px}.month-close-state{padding:5px 9px;border-radius:999px;background:#EEF2FF;color:#4459D9;font-size:10px;font-weight:900}.month-close-intro{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:12px;background:#172554;color:#fff}.month-close-intro b{font-size:14px}.month-close-intro span{font-size:11px;line-height:1.6;opacity:.78}.month-close-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.month-close-list{display:grid;gap:7px}.month-close-row{display:grid;grid-template-columns:90px 90px 1fr;align-items:center;gap:9px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:10px;background:#fff}.month-close-row b{font-variant-numeric:tabular-nums}.month-close-row span{padding:4px 8px;border-radius:999px;text-align:center;font-size:9px;font-weight:900;text-transform:uppercase}.month-close-row .locked{background:#FEE2E2;color:#B42318}.month-close-row .reopened{background:#ECFDF3;color:#067647}.month-close-row small{color:#667085;font-weight:700}.month-close-empty{padding:16px;border:1px dashed #CBD5E1;border-radius:10px;color:#667085;text-align:center;font-size:11px;font-weight:750}@media(max-width:600px){.month-close-actions{display:grid;grid-template-columns:1fr}.month-close-actions .btn{width:100%}.month-close-row{grid-template-columns:1fr auto}.month-close-row small{grid-column:1/-1}}
.month-close-auto{display:flex;flex-direction:column;gap:3px;margin-top:9px;padding:10px 12px;border-radius:10px;font-size:10px}.month-close-auto.ok{background:#ECFDF3;color:#067647}.month-close-auto.blocked{background:#FFF4E5;color:#9A6700}.month-close-auto span{line-height:1.45;overflow-wrap:anywhere}

.campaign-product-detail{min-width:0;max-width:100%;overflow-x:hidden}


  .campaign-product-detail .card:has(input[placeholder*="Producer" i]) .card-body,
  .campaign-product-detail .card:has(input[placeholder*="brand" i]) .card-body{overflow:hidden}
  .campaign-product-detail .card:has(input[placeholder*="Producer" i]) [style*="grid-template-columns"],
  .campaign-product-detail .card:has(input[placeholder*="brand" i]) [style*="grid-template-columns"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:10px!important;
  }
  .campaign-product-detail .card:has(input[placeholder*="Producer" i]) input,
  .campaign-product-detail .card:has(input[placeholder*="Producer" i]) select,
  .campaign-product-detail .card:has(input[placeholder*="brand" i]) input,
  .campaign-product-detail .card:has(input[placeholder*="brand" i]) select{
    width:100%!important;
    min-width:0!important;
  }
  .campaign-product-detail .card:has(input[placeholder*="Producer" i]) button,
  .campaign-product-detail .card:has(input[placeholder*="brand" i]) button{width:100%!important;min-height:46px!important}
}


.settings-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}
.settings-tabs button{border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:15px;padding:10px 13px;font-weight:900;white-space:nowrap;cursor:pointer}
.settings-tabs button.on{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}
.set-pane{display:none}
.set-pane.on{display:block}
.inline-actions{display:flex;gap:7px;flex-wrap:wrap}
.inline-actions button{border:0;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer}
.save-btn{background:linear-gradient(135deg,var(--yellow),#FFD767);color:var(--ink)}
.edit-row input,.edit-row select{min-height:36px;border:1px solid rgba(78,110,242,.18);border-radius:10px;padding:7px 9px;font-weight:700;width:100%}

.rev-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;margin-bottom:12px}
.rev-entry-grid .field{margin:0;padding:12px;border-bottom:1px solid var(--line)}
.rev-entry-grid .field:nth-child(odd){border-right:1px solid var(--line)}
.rev-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.rev-calc-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px}
.rev-calc-box small{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.rev-calc-box b{font-size:21px;color:var(--purple)}
.rev-calc-box.good b{color:var(--green)}
.rev-calc-box.bad b{color:var(--red)}
.rev-net{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:18px;padding:15px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}
.rev-net small{display:block;color:rgba(255,255,255,.7);font-weight:900;text-transform:uppercase}
.rev-net b{font-size:28px;color:var(--yellow)}
.rev-status{font-weight:900;padding:10px 12px;border-radius:14px;margin:10px 0;background:#FFF0EE;color:var(--red);border:1px solid #FFD0CB}
.rev-status.ok{background:#EAF8F0;color:#087348;border-color:#BFEBD0}
@media(max-width:760px){
  .rev-entry-grid{grid-template-columns:1fr}
  .rev-entry-grid .field:nth-child(odd){border-right:0}
  .rev-calc-grid{grid-template-columns:1fr}
}



.conn-detail{font-size:10px;color:var(--red);font-weight:800;margin-top:3px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.branch-settings-note{font-size:11px;color:var(--muted);font-weight:800;margin-top:6px}

.tax-hint{margin:8px 0 0;padding:9px 11px;border-radius:12px;background:#F3F7FF;color:#3149F5;font-weight:800;font-size:12px}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
input[type=number]{-moz-appearance:textfield!important;appearance:textfield!important}


.header{padding:10px 12px 0!important}
.topbar{
  max-width:1280px!important;
  border-radius:18px!important;
  padding:8px 12px!important;
  min-height:58px!important;
}
.brand{font-size:21px!important;color:var(--purple)!important}
.top-sub{display:none!important}
.layout{
  max-width:1280px!important;
  grid-template-columns:210px 1fr!important;
  gap:12px!important;
  padding:12px 12px 28px!important;
}
.sidebar{
  border-radius:22px!important;
  top:78px!important;
  height:calc(100vh - 92px)!important;
  padding:12px!important;
}
.nav{
  padding:10px 11px!important;
  border-radius:14px!important;
  font-size:14px!important;
}
.hero{
  border-radius:22px!important;
  padding:15px 18px!important;
  min-height:96px!important;
  margin-bottom:12px!important;
}
.hero h1{font-size:26px!important;margin:0 0 5px!important}
.hero p{font-size:13px!important}
.card{
  border-radius:18px!important;
  margin-bottom:12px!important;
}
.card-hd{
  padding:10px 13px!important;
  font-size:12px!important;
  color:var(--purple)!important;
}
.card-body{padding:12px!important}
.form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.form-grid.one{grid-template-columns:1fr!important}
.field{margin-bottom:8px!important}
.lbl{font-size:10px!important;margin-bottom:5px!important}
.field input,.field select,.field textarea{
  min-height:38px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  font-size:13px!important;
}
.field textarea{min-height:70px!important}
.btn{
  min-height:42px!important;
  border-radius:14px!important;
  padding:10px 13px!important;
}
.btn.small{
  min-height:34px!important;
  padding:7px 11px!important;
}
.rev-entry-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  margin-bottom:10px!important;
}
.rev-entry-grid .field{
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  padding:9px!important;
  background:#fff!important;
}
.rev-entry-grid .field:nth-child(odd){border-right:1px solid var(--line)!important}
.rev-entry-grid input{
  min-height:34px!important;
  text-align:right!important;
}
.rev-calc-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  margin:10px 0!important;
}
.rev-calc-box{
  border-radius:15px!important;
  padding:12px!important;
}
.rev-calc-box small{font-size:10px!important}
.rev-calc-box b{font-size:20px!important}
.rev-net{
  border-radius:16px!important;
  padding:13px 14px!important;
}
.rev-net b{font-size:25px!important}
.rev-status{
  border-radius:13px!important;
  padding:9px 11px!important;
}
.total-bar{border-radius:15px!important;padding:12px 14px!important}
.cards{gap:9px!important}
.kpi{border-radius:16px!important;padding:12px!important}
.kpi b{font-size:22px!important}
table{font-size:12px!important;min-width:0!important}
th,td{padding:8px!important}
@media(max-width:900px){
  .layout{display:block!important;padding:10px 9px 86px!important}
  .form-grid,.rev-calc-grid{grid-template-columns:1fr!important}
  .rev-entry-grid{grid-template-columns:1fr!important}
  .hero{padding:16px!important;border-radius:20px!important}
  .hero h1{font-size:25px!important}
  .card-body{padding:10px!important}
  .field input,.field select,.field textarea{min-height:44px!important;font-size:15px!important}
  .rev-entry-grid .field{padding:10px!important}
  .rev-calc-box b{font-size:22px!important}
}
@media(min-width:901px) and (max-width:1180px){
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rev-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rev-calc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}



html,body{letter-spacing:0!important}
.topbar{
  border-radius:16px!important;
  border-color:#E5DEC9!important;
  box-shadow:0 10px 26px rgba(23,22,42,.06)!important;
}
.brand{font-size:22px!important;color:var(--purple)!important}
.brand:after{
  content:" ERP";
  color:var(--muted);
  font-size:13px;
  font-weight:900;
  margin-left:6px;
}
.conn{font-size:13px!important}
.dot.ok{background:var(--green)!important}
.layout{grid-template-columns:216px 1fr!important}
.sidebar{
  background:linear-gradient(180deg,#3149F5 0%,#21119C 100%)!important;
  border-radius:22px!important;
  box-shadow:0 18px 38px rgba(33,17,156,.18)!important;
}
.nav{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:14px!important;
  font-weight:950!important;
}
.nav.on{
  color:var(--yellow)!important;
  background:rgba(255,255,255,.15)!important;
  box-shadow:inset 4px 0 0 var(--yellow)!important;
}
.hero{
  min-height:88px!important;
  background:
    linear-gradient(90deg,rgba(33,17,156,.98),rgba(49,73,245,.92)),
    url("assets/bsociety-pattern-reference.JPG") center/cover!important;
  border-radius:20px!important;
}
.hero:after{
  inset:0!important;
  width:auto!important;
  height:auto!important;
  background:url("assets/bsociety-pattern-reference.JPG") center/cover!important;
  opacity:.10!important;
  border-radius:0!important;
}
.hero h1{font-size:24px!important;letter-spacing:0!important}
.hero p{font-size:13px!important;max-width:760px!important}
.card,.kpi{
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(23,22,42,.045)!important;
}
.card-hd{
  background:#F4F3FF!important;
  color:var(--purple)!important;
  letter-spacing:1.4px!important;
}
.btn{
  background:linear-gradient(180deg,#FFE971,#FFD238)!important;
  border:1px solid #E9BA15!important;
  color:#17162A!important;
  box-shadow:none!important;
}
.btn.secondary,.pill{
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:var(--purple)!important;
}
.workflow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.rev-entry-grid .field,
.rev-calc-box,
.field input,.field select,.field textarea{
  border-color:#DDE2FF!important;
}
th{background:#17162A!important;color:var(--yellow)!important}
@media(max-width:1040px){
  .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .workflow{grid-template-columns:1fr}
  .bottom-nav .bnav span{font-size:13px!important;font-weight:900}
}

.dash-hero{
  min-height:118px!important;
  padding:22px!important;
}
.dash-hero h1{font-size:30px!important}
.summary-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
  margin-bottom:14px;
}
.settings-note{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px;
  color:var(--muted);
  font-weight:800;
  line-height:1.55;
}
.settings-note b{color:var(--purple)}
.report-empty{
  padding:16px;
  color:var(--muted);
  font-weight:850;
  background:#FAF8F1;
  border:1px dashed var(--line);
  border-radius:14px;
}
@media(max-width:1100px){
  .summary-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .dash-hero h1{font-size:26px!important}
}


.tasks-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tasks-tabs::-webkit-scrollbar{height:4px}
.tasks-card{transition:transform .15s ease,box-shadow .15s ease}
.tasks-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
@media(max-width:680px){
  .tasks-tabs button{font-size:11px!important;padding:6px 8px!important;white-space:nowrap}
  .tasks-card{padding:11px!important;border-radius:11px!important}
  .tasks-card b{font-size:14px!important}
  #task-create-modal > div{max-width:96vw!important}
  #task-create-modal div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
}


.po-tabs::-webkit-scrollbar{height:4px}
.po-card{transition:transform .15s ease,box-shadow .15s ease}
.po-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
@media(max-width:760px){
  .po-form-grid{grid-template-columns:1fr!important}
  .po-row{grid-template-columns:1fr!important;gap:4px!important}
  .po-row > *{width:100%!important}
}
@media(max-width:680px){
  .po-tabs button{font-size:11px!important;padding:6px 8px!important;white-space:nowrap}
  .po-card{padding:11px!important;border-radius:11px!important}
  .po-card b{font-size:14px!important}
  #po-builder-modal > div, #po-receive-modal > div, #po-fc-create-modal > div{max-width:96vw!important}
}

.sidebar,.drawer-panel{background:linear-gradient(180deg,var(--blue) 0%,var(--purple) 100%)!important}
.nav{gap:11px!important}
.nav-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  flex:0 0 auto;
}
.nav.on .nav-dot{background:var(--yellow);box-shadow:0 0 0 4px rgba(255,228,92,.18)}
.hero p,
.tax-hint{display:none!important}
.dash-hero{min-height:92px!important}
.dash-hero h1{font-size:28px!important}
.card-hd{text-transform:none!important;letter-spacing:.2px!important;font-size:13px!important}


:root{
  --blue:#5F7AFF;
  --purple:#5F7AFF;
  --yellow:#FFE155;
  --green:#00C87B;
  --red:#F65F49;
  --accent:#5F7AFF;
  --accent-bg:#EEF1FF;
  --gold:#5F7AFF;
  --ink:#1F2937;
  --muted:#374151;
  --bg:#F6F6FD;
  --card:#FFFFFF;
  --line:#E2E2F5;
}
html,body{background:var(--bg)!important;color:var(--ink)!important;overflow-x:hidden!important}
.header{background:var(--bg)!important;padding:8px 10px 0!important}
.topbar{max-width:1320px!important;min-height:54px!important;border-radius:16px!important;border-color:var(--line)!important;box-shadow:0 8px 22px rgba(17,24,39,.05)!important}
.brand{color:var(--ink)!important;font-size:20px!important}
.brand:after{color:var(--muted)!important}
.conn{color:var(--muted)!important}
.menu-btn{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.layout{max-width:1320px!important;grid-template-columns:246px minmax(0,1fr)!important;gap:12px!important;padding:12px 10px 24px!important}
main,.panel,.card,.table-wrap{min-width:0!important;max-width:100%!important}


@media(min-width:921px){
  
  html:not(.sidebar-pinned) .layout{grid-template-columns:minmax(0,1fr)!important;max-width:1480px!important}
  html:not(.sidebar-pinned) .sidebar{
    position:fixed!important; left:8px; top:86px; width:246px!important;
    height:calc(100vh - 104px); z-index:120; overflow:auto;
    transform:translateX(-280px); transition:transform .2s ease;
  }
  html:not(.sidebar-pinned):has(#sideHandle:hover) .sidebar,
  html:not(.sidebar-pinned) .sidebar:hover{
    transform:translateX(0); box-shadow:0 18px 50px rgba(0,0,0,.28);
  }
  #sideHandle{
    position:fixed; left:0; top:50%; transform:translateY(-50%);
    width:16px; height:96px; background:linear-gradient(180deg,var(--blue),var(--purple));
    border-radius:0 12px 12px 0; display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:14px; font-weight:900; cursor:pointer; z-index:119;
    box-shadow:2px 0 12px rgba(0,0,0,.18);
  }
  #sidePin{
    position:fixed; left:8px; bottom:12px; width:32px; height:32px; border-radius:50%;
    border:1px solid var(--line); background:var(--card); cursor:pointer; z-index:121;
    font-size:14px; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(0,0,0,.12);
  }
  html.sidebar-pinned #sideHandle{display:none}
}
@media(max-width:920px){ #sideHandle,#sidePin{display:none!important} }
.sidebar,.drawer-panel{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(17,24,39,.05)!important;
}
.sidebar{top:74px!important;height:calc(100vh - 88px)!important;padding:12px!important}
.drawer-panel{padding:14px!important}
.nav-group{margin:5px 0}
.nav-group-head{
  width:100%;
  border:0;
  background:transparent;
  color:var(--ink);
  min-height:38px;
  border-radius:12px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:900;
  cursor:pointer;
}
.nav-group-head em{font-style:normal;color:var(--muted);font-size:17px;line-height:1}
.nav-group-head:hover,.nav-group-head.active{background:#F1F5F9}
.nav-group-head.active span{color:var(--green)}
.nav-children{display:none;padding:3px 0 5px}
.nav-children.open{display:block}
.nav{
  color:var(--ink)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  min-height:36px!important;
  margin:2px 0!important;
  padding:8px 10px 8px 18px!important;
  font-size:13px!important;
  font-weight:850!important;
  gap:9px!important;
}
.nav:hover{background:#F8FAFC!important;border-color:var(--line)!important}
.nav-dot{
  width:13px!important;
  height:13px!important;
  border-radius:6px!important;
  border:1.8px solid #94A3B8!important;
  background:transparent!important;
  box-shadow:none!important;
}
.nav.on{
  background:var(--green)!important;
  color:#fff!important;
  border-color:var(--green)!important;
  box-shadow:inset 3px 0 0 var(--yellow)!important;
}
.nav.on .nav-dot{border-color:#fff!important;background:#fff!important;box-shadow:none!important}
.hero{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-left:5px solid var(--green)!important;
  border-radius:16px!important;
  min-height:62px!important;
  padding:13px 15px!important;
  margin-bottom:10px!important;
  box-shadow:0 8px 20px rgba(17,24,39,.04)!important;
}
.hero:after{display:none!important}
.hero h1{color:var(--ink)!important;font-size:22px!important;margin:0!important}
.pill{border-radius:12px!important;color:var(--ink)!important;border-color:var(--line)!important;padding:7px 11px!important}
.cards{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}
.kpi,.card{border-radius:14px!important;border-color:var(--line)!important;box-shadow:0 6px 18px rgba(17,24,39,.04)!important}
.kpi{padding:10px!important}
.kpi small{font-size:9px!important;margin-bottom:5px!important;color:var(--muted)!important}
.kpi b{font-size:19px!important;color:var(--ink)!important}
.kpi.green b{color:var(--green)!important}.kpi.red b{color:var(--red)!important}
.card{margin-bottom:10px!important}
.card-hd{background:#F8FAFC!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;padding:9px 11px!important;font-size:12px!important;font-weight:900!important}
.card-body{padding:10px!important}
.dash-hero{min-height:62px!important;padding:13px 15px!important}
.dash-hero h1{font-size:22px!important}
.summary-grid{gap:10px!important;margin-bottom:10px!important}
.report-empty{padding:11px!important;border-radius:11px!important}
.form-grid{gap:8px!important}
.field{margin-bottom:7px!important}
.lbl{color:var(--muted)!important;font-size:9px!important;letter-spacing:.7px!important}
.field input,.field select,.field textarea{min-height:36px!important;border-radius:11px!important;padding:7px 9px!important;border-color:#CBD5E1!important;color:var(--ink)!important;background:#fff!important}
.btn{min-height:38px!important;border-radius:12px!important;padding:8px 11px!important;background:var(--yellow)!important;border:1px solid #EAB308!important;color:var(--ink)!important}
.btn.secondary{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}
.inventory-tabs,.tabs,.settings-tabs{
  display:flex!important;
  gap:7px!important;
  overflow-x:auto!important;
  margin-bottom:10px!important;
  padding-bottom:2px!important;
}
.inventory-tabs button,.tabs button,.settings-tabs button{
  border:1px solid var(--line)!important;
  background:#fff!important;
  color:var(--ink)!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  min-height:34px!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.inventory-tabs button.on,.tabs button.on,.settings-tabs button.on{
  background:var(--green)!important;
  color:#fff!important;
  border-color:var(--green)!important;
  box-shadow:inset 0 -3px 0 var(--yellow)!important;
}
.table-wrap{overflow-x:auto!important;width:100%!important}
.table-wrap table{min-width:720px!important;width:100%!important}
table{font-size:11px!important}
th{background:#111827!important;color:var(--yellow)!important;padding:7px!important}
td{padding:7px!important}
tr:nth-child(even) td{background:#F9FAFB!important}
.bottom-nav{background:#fff!important;border-color:var(--line)!important}
.bnav{font-size:9px!important;color:var(--muted)!important;min-width:72px!important}
.bnav.on{color:var(--green)!important;background:#ECFDF5!important}
.drawer{background:rgba(15,23,42,.28)!important}
@media(max-width:1180px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .summary-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .layout{display:block!important;padding:10px 9px 84px!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero{border-radius:14px!important}
  .table-wrap table{min-width:680px!important}
}
@media(max-width:520px){
  .cards{grid-template-columns:1fr!important}
  .topbar{padding:8px!important}
}

.card-hd{
  position:relative!important;
  padding-left:18px!important;
  background:#fff!important;
}
.card-hd:before{
  content:"";
  position:absolute;
  left:9px;
  top:9px;
  bottom:9px;
  width:4px;
  border-radius:999px;
  background:var(--blue);
}
#p-dashboard .card-hd:before{background:var(--blue)}
#p-revenue .card-hd:before{background:var(--green)}
#p-purchases .card-hd:before{background:var(--yellow)}
#p-expenses .card-hd:before{background:var(--red)}
#p-payments .card-hd:before{background:var(--purple)}
#p-inventory .card-hd:before{background:var(--green)}
#p-treasury .card-hd:before{background:var(--blue)}
#p-reports .card-hd:before{background:var(--purple)}
#p-settings .card-hd:before{background:var(--yellow)}
@media(max-width:900px){
}

.sidebar,.drawer-panel{
  background:linear-gradient(180deg,#FFFFFF 0%,#F0FDF4 100%)!important;
  border-color:#DDE7DF!important;
}
.nav-group-head{color:var(--ink)!important}
.nav-group-head.active,.nav-group-head:hover{background:#ECFDF5!important}
.nav-group-head.active span{color:var(--green)!important}
.nav{
  color:#111827!important;
  padding-left:14px!important;
}
.nav:hover{background:#F8FAFC!important}
.nav.on{
  background:linear-gradient(90deg,var(--green),#00CC84)!important;
  color:#fff!important;
  border-color:var(--green)!important;
  box-shadow:inset 4px 0 0 var(--yellow)!important;
}
.nav.on span{color:#fff!important}
.nav.on .nav-dot{
  background:#fff!important;
  border-color:#fff!important;
}
#p-dashboard .hero{
  background:linear-gradient(90deg,#FFFFFF 0%,#ECFDF5 50%,#EEF2FF 100%)!important;
  border-left-color:var(--green)!important;
  min-height:78px!important;
}
#p-dashboard .hero:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:280px!important;
  height:auto!important;
  background:url("assets/bsociety-pattern-reference.JPG") center/cover no-repeat!important;
  opacity:.14!important;
  border-radius:0!important;
}
#p-dashboard .hero h1{
  color:var(--green)!important;
  font-size:26px!important;
}
#p-dashboard .kpi:nth-child(1) b{color:var(--green)!important}
#p-dashboard .kpi:nth-child(2) b{color:var(--yellow)!important}
#p-dashboard .kpi:nth-child(3) b{color:var(--red)!important}
#p-dashboard .kpi:nth-child(5) b{color:var(--blue)!important}
.card-hd:before{background:var(--green)!important}
#p-purchases .card-hd:before{background:var(--yellow)!important}
#p-expenses .card-hd:before{background:var(--red)!important}
#p-treasury .card-hd:before{background:var(--blue)!important}
#p-reports .card-hd:before{background:var(--purple)!important}
#p-settings .card-hd:before{background:var(--yellow)!important}
@media(max-width:900px){
  #p-dashboard .hero:after{width:180px!important;opacity:.10!important}
}

#print-area{display:none}
.report-filter-actions{display:flex;gap:8px;flex-wrap:wrap}
.report-filter-actions button{width:auto!important}

@media print{
  body.print-report{
    background:#fff!important;
  }
  body.print-report #app,
  body.print-report #login,
  body.print-report .drawer{
    display:none!important;
  }
  body.print-report #print-area{
    display:block!important;
    padding:0!important;
    margin:0!important;
    color:#111827!important;
    background:#fff!important;
  }
  .print-meta{
    font-size:11px!important;
    color:#4B5563!important;
    margin:0 0 12px!important;
    padding-bottom:8px!important;
    border-bottom:2px solid var(--green)!important;
  }
}


.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1.5px solid transparent;border-radius:11px;
  padding:8px 14px;min-height:38px;
  font-size:13px;font-weight:800;cursor:pointer;
  transition:filter .15s,box-shadow .15s,transform .08s;
  white-space:nowrap;width:100%;
}
.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.btn:active:not(:disabled){transform:scale(.97)}
.btn:disabled{opacity:.55;cursor:not-allowed}


.btn:not(.secondary):not(.danger):not(.success):not(.info):not(.ghost){
  background:var(--yellow);border-color:#D4A500;color:#111827;
}

.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}
.btn.secondary:hover:not(:disabled){background:#F8FAFC;border-color:#CBD5E1}


.btn.danger{background:#FEE2E2;border-color:#FCA5A5;color:#B91C1C}
.btn.danger:hover:not(:disabled){background:#FECACA}


.btn.success{background:#D1FAE5;border-color:#6EE7B7;color:#065F46}
.btn.success:hover:not(:disabled){background:#A7F3D0}


.btn.info{background:#EEF2FF;border-color:#A5B4FC;color:#3730A3}
.btn.info:hover:not(:disabled){background:#E0E7FF}


.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.btn.ghost:hover:not(:disabled){background:#F1F5F9;color:var(--ink)}


.btn.small{width:auto;min-height:34px;padding:6px 12px;font-size:12px;border-radius:10px}
.btn.block{width:100%}


.btn-sm{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:8px;
  background:#fff;color:var(--ink);
  padding:4px 9px;min-height:28px;min-width:28px;
  font-size:13px;font-weight:800;cursor:pointer;
  transition:background .12s,border-color .12s;
  white-space:nowrap;
}
.btn-sm:hover{background:#F1F5F9;border-color:#CBD5E1}
.btn-sm:active{transform:scale(.95)}


.inventory-tabs,.tabs,.settings-tabs{
  display:flex!important;gap:6px!important;
  overflow-x:auto!important;padding-bottom:2px!important;
  margin-bottom:10px!important;scrollbar-width:none;
}
.inventory-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar,
.settings-tabs::-webkit-scrollbar{display:none}

.inventory-tabs button,.tabs button,.settings-tabs button{
  border:1.5px solid var(--line)!important;
  background:#fff!important;color:var(--ink)!important;
  border-radius:10px!important;padding:7px 13px!important;
  min-height:34px!important;font-size:12px!important;
  font-weight:800!important;white-space:nowrap!important;
  cursor:pointer!important;transition:all .12s!important;
}
.inventory-tabs button:hover,.tabs button:hover,
.settings-tabs button:hover{
  background:#F8FAFC!important;border-color:#CBD5E1!important;
}
.inventory-tabs button.on,.tabs button.on,
.settings-tabs button.on{
  background:var(--green)!important;color:#fff!important;
  border-color:var(--green)!important;
  box-shadow:0 2px 8px rgba(16,185,129,.25)!important;
}


.btn-sm.danger{background:#FEE2E2;border-color:#FCA5A5;color:#B91C1C}
.btn-sm.danger:hover{background:#FECACA;border-color:#F87171}
.btn-sm.success{background:#D1FAE5;border-color:#6EE7B7;color:#065F46}
.btn-sm.success:hover{background:#A7F3D0;border-color:#00CC84}
.btn-sm.info{background:#EEF2FF;border-color:#A5B4FC;color:#3730A3}
.btn-sm.info:hover{background:#E0E7FF}

.btn.secondary.success{background:#F0FDF4;border-color:#86EFAC;color:#166534}
.btn.secondary.success:hover:not(:disabled){background:#DCFCE7}
.btn.secondary.danger{background:#FFF7F7;border-color:#FCA5A5;color:#B91C1C}

.inline-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.inline-actions .btn{width:auto}


.card-body>.btn,.card-body>.inline-actions{margin-top:6px}


.form-save-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:4px}
.form-save-row .btn{width:auto}


html.dark{
  --blue:#7B96FF;
  --purple:#7B96FF;
  --yellow:#FFE45C;
  --green:#00CC84;
  --red:#F87171;
  --accent:#7B96FF;
  --accent-bg:#1E2440;
  --gold:#7B96FF;
  --ink:#F0EEFF;
  --muted:#C4C0D8;
  --bg:#0D0F18;
  --card:#1C1E2C;
  --line:#32354A;
}


html.dark body{background:var(--bg)!important;color:var(--ink)!important}
html.dark *{color:inherit}


html.dark .topbar{background:#1C1E2C!important;border-color:var(--line)!important}
html.dark .brand{color:var(--purple)!important}
html.dark .top-sub{color:var(--muted)!important}


html.dark .sidebar,
html.dark .drawer-panel{background:linear-gradient(180deg,#1E2138 0%,#141628 100%)!important}
html.dark .nav{color:var(--ink)!important;opacity:1!important}
html.dark .nav:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html.dark .nav.on{background:linear-gradient(135deg,var(--blue),var(--purple))!important;color:#fff!important}


html.dark .kpi,
html.dark .card{background:var(--card)!important;border-color:var(--line)!important}
html.dark .card-hd{background:#222438!important;border-color:var(--line)!important;color:var(--purple)!important}
html.dark .kpi small{color:var(--muted)!important}
html.dark .kpi b{color:var(--ink)!important}
html.dark .kpi.green b{color:var(--green)!important}
html.dark .kpi.red b{color:var(--red)!important}
html.dark .kpi.blue b{color:var(--blue)!important}


html.dark .field input,
html.dark .field select,
html.dark .field textarea,
html.dark input,
html.dark select,
html.dark textarea{background:#1F2235!important;border-color:var(--line)!important;color:var(--ink)!important}
html.dark input::placeholder,
html.dark textarea::placeholder{color:var(--muted)!important}
html.dark .item-dropdown{background:var(--card)!important;border-color:var(--line)!important}
html.dark .item-opt{border-color:var(--line)!important;color:var(--ink)!important}
html.dark .item-opt:hover{background:#282B40!important}
html.dark .item-opt b{color:var(--ink)!important}
html.dark select option{background:#1C1E2C;color:var(--ink)}


html.dark th{background:#151728!important;color:var(--muted)!important}
html.dark td{border-color:var(--line)!important;color:var(--ink)!important}
html.dark tr:nth-child(even) td{background:#1E2035!important}
html.dark table{color:var(--ink)!important}


html.dark .tabs button,
html.dark .settings-tabs button,
html.dark .inventory-tabs button{background:#1F2235!important;border-color:var(--line)!important;color:var(--muted)!important}
html.dark .tabs button.on,
html.dark .settings-tabs button.on,
html.dark .inventory-tabs button.on{background:linear-gradient(135deg,var(--blue),var(--purple))!important;color:#fff!important}
html.dark .btn.secondary{background:#1F2235!important;border-color:var(--line)!important;color:var(--ink)!important}
html.dark .pill{background:rgba(255,255,255,.12)!important;color:var(--ink)!important}


html.dark .total-bar,
html.dark .hero{background:linear-gradient(135deg,#1E2A5E,#2A1E5E)!important;border-color:var(--line)!important}
html.dark .hero h1,
html.dark .hero p{color:#fff!important}
html.dark .rev-calc-box{background:var(--card)!important;border-color:var(--line)!important}
html.dark .kpi b{color:var(--ink)!important}


html.dark .bs-toast{background:#1C1E2C!important;border-color:var(--line)!important;color:var(--ink)!important}
html.dark #bs-confirm-box{background:#1C1E2C!important;color:var(--ink)!important}
html.dark #bs-confirm-cancel{background:#2A2D42!important;color:var(--ink)!important}


html.dark .msg.ok{background:#0B2A1A!important;border-color:#1C5C35!important;color:#6EE7B7!important}
html.dark .msg.er{background:#2A0F0F!important;border-color:#6B1A1A!important;color:#FCA5A5!important}


html.dark .bottom-nav{background:#1C1E2C!important;border-color:var(--line)!important}
html.dark .bnav{color:var(--muted)!important}
html.dark .login-card{background:rgba(0,0,0,.4)!important;border-color:var(--line)!important}
html.dark .report-empty{background:#1F2235!important;border-color:var(--line)!important;color:var(--muted)!important}
html.dark .settings-note{background:#1F2235!important;border-color:var(--line)!important}
html.dark .tax-hint{background:#1C2545!important;color:#818CF8!important}
html.dark .ar-card{background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}

#bs-toast-container{position:fixed;top:18px;right:18px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:420px}
.bs-toast{pointer-events:all;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:0 8px 28px rgba(17,24,39,.13);display:flex;align-items:flex-start;gap:9px;animation:bsToastIn .22s ease;font-size:13px;font-weight:700;color:var(--ink);word-break:break-word}
.bs-toast.ok{border-left:4px solid var(--green)}.bs-toast.er{border-left:4px solid var(--red)}.bs-toast.warn{border-left:4px solid var(--yellow)}.bs-toast.info{border-left:4px solid var(--blue)}
.bs-toast-icon{font-size:15px;flex-shrink:0;margin-top:1px}.bs-toast-body{flex:1;line-height:1.45}.bs-toast-close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:18px;padding:0;line-height:1;flex-shrink:0;margin-top:-1px}
.bs-toast.fade-out{animation:bsToastOut .28s ease forwards}
@keyframes bsToastIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes bsToastOut{from{opacity:1;transform:none}to{opacity:0;transform:translateX(14px)}}

#bs-confirm-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.32);z-index:99998;align-items:center;justify-content:center;padding:20px}
#bs-confirm-backdrop.open{display:flex}
#bs-confirm-box{background:#fff;border-radius:18px;padding:22px;max-width:390px;width:100%;box-shadow:0 20px 50px rgba(17,24,39,.18)}
#bs-confirm-title{font-size:16px;font-weight:900;color:var(--ink);margin-bottom:8px}
#bs-confirm-msg{font-size:13px;font-weight:700;color:var(--muted);line-height:1.55;margin-bottom:18px;white-space:pre-wrap}
#bs-confirm-actions{display:flex;gap:8px;justify-content:flex-end}
#bs-confirm-actions button{border:none;border-radius:11px;padding:9px 18px;font-weight:900;font-size:13px;cursor:pointer}
#bs-confirm-ok{background:var(--red);color:#fff}
#bs-confirm-ok.safe{background:var(--green)}
#bs-confirm-cancel{background:#F1F5F9;color:var(--ink)}
@media(max-width:480px){#bs-toast-container{top:auto;bottom:80px;right:10px;left:10px;max-width:none}}




.layout{gap:8px!important;padding:8px 8px 16px!important}


.hero{padding:9px 13px!important;min-height:50px!important;margin-bottom:8px!important}
.hero h1{font-size:20px!important;margin:0!important}
#p-dashboard .hero,.dash-hero{min-height:56px!important;padding:10px 14px!important}
#p-dashboard .hero h1,.dash-hero h1{font-size:22px!important}


.card{margin-bottom:8px!important}
.card-hd{padding:6px 11px 6px 18px!important;font-size:11px!important}
.card-body{padding:8px!important}


.cards{gap:6px!important;margin-bottom:8px!important}
.kpi{padding:8px!important}
.kpi small{margin-bottom:3px!important;font-size:9px!important}
.kpi b{font-size:18px!important}


.sidebar{padding:8px!important}
.nav-group{margin:2px 0!important}
.nav-group-head{min-height:32px!important;padding:6px 8px!important;font-size:13px!important}
.nav{min-height:30px!important;padding:6px 8px 6px 12px!important;margin:1px 0!important;font-size:12px!important}
.nav-dot{width:10px!important;height:10px!important}
.nav-children{padding:1px 0 3px!important}


.nav.on{
  background:#059669!important;
  color:#fff!important;
  border-color:#059669!important;
  box-shadow:inset 4px 0 0 var(--yellow), 0 2px 8px rgba(5,150,105,.22)!important;
}
.nav.on span,.nav.on *{color:#fff!important}
.nav.on .nav-dot{background:#fff!important;border-color:#fff!important;opacity:1!important}


.form-grid{gap:6px!important}
.field{margin-bottom:5px!important}
.lbl{margin-bottom:3px!important}
.field input,.field select,.field textarea{min-height:33px!important;padding:5px 9px!important}


th{padding:5px 7px!important}
td{padding:5px 7px!important}


.btn{min-height:34px!important;padding:6px 10px!important;font-size:12px!important}
.btn.small,.btn-sm{min-height:28px!important;padding:4px 9px!important;font-size:11px!important}


.inventory-tabs,.tabs,.settings-tabs{gap:5px!important;margin-bottom:8px!important}
.inventory-tabs button,.tabs button,.settings-tabs button{
  padding:5px 10px!important;min-height:30px!important;font-size:11px!important
}


.rev-entry-grid .field{padding:7px!important}
.rev-calc-grid{gap:6px!important;margin:7px 0!important}
.rev-calc-box{padding:8px!important}
.rev-net{padding:9px 12px!important}
.total-bar{padding:9px 12px!important}


.summary-grid{gap:6px!important;margin-bottom:8px!important}


.workflow{gap:6px!important}

@media(max-width:900px){
  .layout{padding:6px 8px 82px!important}
  .hero{padding:8px 11px!important;min-height:46px!important}
  .hero h1{font-size:18px!important}
  .card-body{padding:7px!important}
}


html,body{font-size:17px!important}
.nav{font-size:14px!important}
.nav-group-head{font-size:14px!important}
.hero h1{font-size:24px!important}
#p-dashboard .hero h1,.dash-hero h1{font-size:26px!important}
.card-hd{font-size:13px!important}
.card-body{font-size:14px!important}
.kpi small{font-size:10px!important}
.kpi b{font-size:22px!important}
.lbl{font-size:11px!important}
.field input,.field select,.field textarea{font-size:14px!important}
table{font-size:13px!important}
th{font-size:12px!important}
td{font-size:13px!important}
.btn{font-size:14px!important}
.btn.small,.btn-sm{font-size:12px!important}
.inventory-tabs button,.tabs button,.settings-tabs button{font-size:13px!important}
@media(max-width:900px){
  html,body{font-size:16px!important}
  .hero h1{font-size:21px!important}
}

.hr2-att-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hr2-att-bar input[type=date]{min-height:40px;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:800;font-size:13px}
.hr2-att-bar select{min-height:40px;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:800;background:#fff;font-size:13px;max-width:200px}
.hr2-att-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--bg);flex-wrap:wrap}
.hr2-att-row:last-child{border-bottom:0}
.hr2-att-row.absent-row{opacity:.45;background:var(--bg);border-radius:10px}
.hr2-att-chk{width:22px;height:22px;accent-color:var(--green);cursor:pointer;flex-shrink:0}
.hr2-att-name{font-weight:900;font-size:13px;flex:1;min-width:120px}
.hr2-att-pos{font-size:11px;color:var(--muted);font-weight:800}
.hr2-att-ot{width:68px;min-height:36px;border:1.5px solid var(--line);border-radius:9px;padding:6px 8px;font-weight:800;font-size:12px;text-align:center}

.hr2-modal-overlay{position:fixed;inset:0;background:rgba(23,22,42,.45);z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}
.hr2-modal-box{background:#fff;border-radius:22px;padding:22px;width:min(400px,95vw);box-shadow:0 20px 60px rgba(23,22,42,.22)}
.hr2-modal-title{font-size:17px;font-weight:900;color:var(--ink);margin-bottom:16px}

.hr2-hist-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--bg);font-size:12px}
.hr2-hist-row:last-child{border-bottom:0}
.hr2-hist-label{color:var(--muted);font-weight:800}
.hr2-hist-val{font-weight:900;text-align:right}




#login{background:linear-gradient(145deg,#f0fdf7 0%,#fff 50%,#f0fdf7 100%)!important}
.login-logo{height:60px!important}
.login-sub{color:rgba(0,160,100,.7)!important}
.login-card{background:rgba(255,255,255,.9)!important;border-color:rgba(0,200,123,.25)!important;box-shadow:0 20px 60px rgba(0,200,123,.12)!important}
.login-card input{border-color:#E2E8E2!important;background:#fff!important;color:#111827!important}
.login-card input::placeholder{color:#9CA3AF!important}
.login-card input:focus{border-color:var(--bs-green)!important}
.login-card .btn{background:var(--bs-green)!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 20px rgba(0,200,123,.3)!important;min-height:44px!important;font-size:14px!important;padding:11px 15px!important}
.login-card .lbl{color:#6B7280!important}


.topbar{background:#fff!important;border-color:var(--line)!important;box-shadow:0 2px 16px rgba(17,24,39,.06)!important}
.brand{color:var(--bs-dark)!important;font-size:20px!important}
.brand:after{color:var(--bs-green)!important}
.dot.ok{background:var(--bs-green)!important}


.sidebar,.drawer-panel{background:#fff!important;border-right:1px solid var(--line)!important}
.nav{color:#4B5563!important;border-radius:10px!important;margin:1px 4px!important}
.nav:hover{background:rgba(0,200,123,.08)!important;color:#111827!important}
.nav.on{background:rgba(0,200,123,.12)!important;color:var(--bs-green)!important;font-weight:900!important}
.nav-dot{background:#D1D5DB!important}
.nav.on .nav-dot{background:var(--bs-green)!important}
.nav-group-head{color:#6B7280!important}
.nav-group-head:hover{background:rgba(0,200,123,.06)!important;color:#111827!important}
.nav-children{border-left:2px solid rgba(0,200,123,.2)!important;margin-left:12px!important}
.drawer-panel .nav{color:#4B5563!important}
.drawer-panel .nav.on{color:var(--bs-green)!important}


.bottom-nav{background:#fff!important;border-top-color:var(--line)!important}
.bnav{color:#9CA3AF!important}
.bnav.on{color:var(--bs-green)!important;background:rgba(0,200,123,.08)!important}


.btn{background:var(--bs-green)!important;color:#fff!important;font-weight:900!important;box-shadow:0 2px 14px rgba(0,200,123,.2)!important;border:0!important}
.btn:hover{background:#00a868!important;box-shadow:0 4px 20px rgba(0,200,123,.3)!important}
.btn.secondary{background:#fff!important;color:var(--bs-dark)!important;border:1.5px solid var(--line)!important;box-shadow:none!important}
.btn.secondary:hover{border-color:var(--bs-green)!important;color:var(--bs-green)!important}
.btn:disabled{opacity:.45!important;box-shadow:none!important}


.card{border-color:var(--line)!important;box-shadow:0 1px 8px rgba(17,24,39,.05)!important;border-radius:16px!important}
.card-hd{border-bottom-color:var(--line)!important;font-weight:900!important}
.card-hd::before{background:var(--bs-green)!important}


.kpi{border-color:var(--line)!important;border-radius:14px!important}


input:focus,select:focus,textarea:focus{border-color:var(--bs-green)!important;box-shadow:0 0 0 3px rgba(0,200,123,.1)!important}


.settings-tabs button.on{background:var(--bs-green)!important;color:#fff!important;border-color:transparent!important}
.settings-tabs button:hover{border-color:var(--bs-green)!important;color:var(--bs-green)!important}


a{color:var(--bs-green)!important}
*:focus-visible{outline:2px solid var(--bs-green)!important;outline-offset:2px}


.hero{background:linear-gradient(135deg,#0d1f3c,#0a1628)!important;color:#fff!important}
.hero h1{color:#fff!important}
.hero small,.hero .top-sub{color:rgba(255,255,255,.55)!important}


.drawer-panel .brand{color:var(--bs-green)!important}


::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,200,123,.25);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,200,123,.45)}


.dark{--bg:#0a0f1a;--card:#111e30;--ink:#F0F4F8;--line:#1e2d42;--muted:#8899AA}
.dark .card{background:#111e30!important;border-color:#1e2d42!important}
.dark .topbar{background:#111e30!important;border-color:#1e2d42!important}
.dark input,.dark select,.dark textarea{background:#0a1628!important;color:#F0F4F8!important;border-color:#1e2d42!important}


#notif-perm-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#0d1f3c;color:#fff;border:1px solid rgba(0,200,123,.35);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;z-index:8000;box-shadow:0 8px 32px rgba(0,0,0,.35);animation:slide-up .3s ease;white-space:nowrap}
@keyframes slide-up{from{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
#notif-perm-banner button{background:var(--bs-green);border:0;border-radius:10px;padding:7px 14px;font-size:12px;font-weight:900;cursor:pointer;color:#fff}






@media(max-width:900px){
  input,select,textarea{font-size:16px!important}
  input[type="number"]{font-size:16px!important}
}


@media(max-width:760px){
  .table-wrap,[class*="-table-wrap"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:480px}
  .ar-table th,.ar-table td{padding:8px 6px!important;font-size:11px!important}
  th,td{white-space:nowrap}
}


@media(max-width:480px){
  .cards,.kpi-row{grid-template-columns:1fr!important;gap:8px!important}
  .kpi{min-width:0!important}
}


@media(max-width:480px){
  .hero{padding:12px 14px!important;border-radius:16px!important}
  .hero h1{font-size:20px!important}
  .hero .btn{padding:9px 12px!important;font-size:12px!important}
}


@media(max-width:420px){
  .btn.small.secondary[onclick="boot()"]{display:none}
  .conn-detail{display:none!important}
  #user-chip{max-width:80px;overflow:hidden;text-overflow:ellipsis}
  .topbar{padding:7px 10px!important}
}


@media(max-width:600px){
  .modal{
    width:100%!important;max-width:100%!important;
    border-radius:20px 20px 0 0!important;
    margin:0!important;align-self:flex-end
  }
  .modal-overlay,.overlay{padding:0!important;align-items:flex-end!important}
}


@media(max-width:900px){
  .btn{min-height:46px!important;border-radius:14px!important}
  .btn.small{min-height:38px!important}
  .field input,.field select,.field textarea,
  .lbl+input,.lbl+select{
    min-height:48px!important;border-radius:12px!important;padding:12px!important
  }
  .field{margin-bottom:10px!important}
}


@media(max-width:900px){
  .bnav{min-width:64px!important;padding:6px 4px!important}
  .bnav span:first-child{font-size:24px!important}
}


@media(max-width:600px){
  .panel{padding:0 2px!important}
  .card{border-radius:16px!important;margin-bottom:10px!important}
  .card-body{padding:12px!important}
  .card-hd{padding:12px 14px!important;font-size:13px!important}
}


@media(max-width:700px){
  .item-dropdown{position:fixed!important;left:8px!important;right:8px!important;
    width:auto!important;top:auto!important;max-height:50vh!important;z-index:9999!important}
}


@media(max-width:700px){
  .settings-tabs{flex-wrap:nowrap;padding-bottom:4px}
  .settings-tabs button{font-size:11px!important;padding:8px 10px!important}
}


@media(max-width:600px){
  .rev-entry-grid,.form-grid,.rev-calc-grid{grid-template-columns:1fr!important;gap:8px!important}
}



@media(max-width:700px){
  .po-items-grid,[class*="po-grid"]{grid-template-columns:1fr!important}
}


@media(max-width:900px){
  .drawer-panel{padding:16px 14px!important}
  .nav{padding:10px 12px!important;font-size:13px!important;min-height:44px}
  .nav-group-head{padding:10px 12px!important;font-size:12px!important}
}


@media(max-width:600px){
  input[type="number"],input[type="text"],input[type="date"],input[type="month"]{
    height:48px!important;font-size:16px!important
  }
}


@media print{
  .header,.bottom-nav,.drawer,.sidebar{display:none!important}
  .layout{display:block!important;padding:0!important}
  .panel{padding:0!important}
}


html{overflow-y:scroll!important;scrollbar-gutter:stable;scrollbar-color:#AAB4C8 #EEF1F6}
body{padding-top:84px!important}
.header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:rgba(246,248,252,.94)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.layout{padding-top:14px!important}
::-webkit-scrollbar{width:12px;height:10px}
::-webkit-scrollbar-track{background:#EEF1F6}
::-webkit-scrollbar-thumb{background:#AAB4C8;border:3px solid #EEF1F6;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#7D8AA3}


#rpt-suppliers>.table-wrap{padding:14px;background:#F7F9FC}
.supplier-report-shell{font-variant-numeric:tabular-nums}
.supplier-report-context{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center;padding:14px 16px;margin-bottom:12px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(20,35,75,.14)}
.supplier-report-context>div:not(.supplier-report-formula){display:flex;flex-direction:column;gap:3px}
.supplier-report-context>div{text-align:center;align-items:center}
.supplier-report-eyebrow{font-size:9px;font-weight:900;letter-spacing:.9px;color:rgba(255,255,255,.6)}
.supplier-report-context b{font-size:13px;color:#fff}
.supplier-report-formula{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:11px;font-weight:800;white-space:nowrap}
.supplier-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.supplier-report-kpis .kpi{min-height:92px;display:flex;flex-direction:column;justify-content:center;border:0!important;box-shadow:0 5px 18px rgba(18,35,78,.07)!important}
.supplier-report-kpis .kpi{text-align:center;align-items:center}
.supplier-balance-table-wrap{overflow:auto;border:1px solid #DFE5EF;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(18,35,78,.05)}
.supplier-balance-table{width:100%;min-width:760px}
.supplier-balance-table thead{position:sticky;top:0;z-index:2}
.supplier-balance-table th{padding:12px 14px!important;background:#F2F5FA!important;color:#344054!important;text-align:center!important}
.supplier-balance-table td{padding:11px 14px!important;text-align:center!important;font-weight:600}
.supplier-balance-table th:first-child,.supplier-balance-table td:first-child{text-align:left!important}
.supplier-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.supplier-name-cell b{font-weight:800!important;color:#172033}
.supplier-name-cell>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#EEF1FF;color:#4562E8;font-size:12px;font-weight:900}
.supplier-balance-table tfoot td{background:#111C3D!important;border:0!important}
.supplier-details-list>.card{border:1px solid #DFE5EF!important;box-shadow:0 7px 24px rgba(18,35,78,.06)!important}
.supplier-detail-report{margin-top:16px;border:1px solid #DFE5EF;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 28px rgba(18,35,78,.07);font-variant-numeric:tabular-nums}
.supplier-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff}
.supplier-detail-header span{display:block;margin-bottom:4px;color:rgba(255,255,255,.6);font-size:9px;font-weight:900;letter-spacing:1px}
.supplier-detail-header h2{margin:0;color:#fff;font-size:20px;letter-spacing:-.35px}
.supplier-detail-period{text-align:right}.supplier-detail-period b{font-size:12px;color:#fff}
.supplier-detail-body{padding:16px;background:#F8FAFD}
.supplier-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.supplier-detail-kpis .kpi{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0!important;box-shadow:0 5px 18px rgba(18,35,78,.07)!important}
.supplier-detail-kpis .kpi:nth-child(1){border-top:4px solid #5F7AFF!important}.supplier-detail-kpis .kpi:nth-child(2){border-top:4px solid #F65F49!important}.supplier-detail-kpis .kpi:nth-child(3){border-top:4px solid #FFE155!important}.supplier-detail-kpis .kpi:nth-child(4){border-top:4px solid #00C87B!important}
.supplier-detail-section{margin-top:12px;border:1px solid #DFE5EF;border-radius:13px;overflow:hidden;background:#fff}
.supplier-detail-section-title{padding:11px 14px;background:#fff;border-bottom:1px solid #E6EAF1;color:#172033;font-size:12px;font-weight:900;text-align:left}
.supplier-detail-table{width:100%;min-width:760px}.supplier-detail-table th{font-weight:900!important}.supplier-detail-table td{font-weight:600}

#rpt-revenue>.table-wrap{padding:14px;background:#F7F9FC}
#rpt-bank-deposits>.table-wrap{padding:14px;background:#F7F9FC}
.revenue-report-shell{font-variant-numeric:tabular-nums}.revenue-report-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(20,35,75,.14)}
.revenue-report-context>div{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.revenue-report-context span{font-size:9px;font-weight:900;letter-spacing:.9px;color:rgba(255,255,255,.6)}.revenue-report-context b{font-size:13px;color:#fff}
.revenue-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.revenue-report-kpis .kpi{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0!important;box-shadow:0 5px 18px rgba(18,35,78,.07)!important}.revenue-report-kpis .kpi:nth-child(1){border-top:4px solid #00C87B!important}.revenue-report-kpis .kpi:nth-child(2){border-top:4px solid #5F7AFF!important}.revenue-report-kpis .kpi:nth-child(3){border-top:4px solid #4EA6F2!important}.revenue-report-kpis .kpi:nth-child(4){border-top:4px solid #F65F49!important}
.revenue-average-check{margin-bottom:12px;padding:14px;border:1px solid #DFE5EF;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(18,35,78,.05)}.revenue-average-check-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.revenue-average-check-title div{display:flex;flex-direction:column;gap:2px}.revenue-average-check-title div span{font-size:9px;font-weight:900;letter-spacing:.8px;color:#667085}.revenue-average-check-title div b{font-size:15px;color:#172033}.revenue-average-check-title>small{font-size:10px;font-weight:800;color:#667085}.revenue-average-check-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.revenue-average-card{position:relative;overflow:hidden;padding:13px 12px;border:1px solid #E2E7F0;border-radius:12px;background:#F9FAFC;text-align:center}.revenue-average-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--avg-color)}.revenue-average-card small{display:block;color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.revenue-average-card b{display:block;margin:7px 0 5px;color:var(--avg-color);font-size:19px;font-weight:900}.revenue-average-card span{display:block;color:#7A8598;font-size:9px;font-weight:700}
.revenue-average-card:first-child{background:#F1F5FF;border-color:#AFC0FF;box-shadow:0 5px 14px rgba(71,98,232,.12)}
.revenue-report-table-wrap{border:1px solid #DFE5EF;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(18,35,78,.05)}.revenue-report-table{width:100%;min-width:1180px!important}.revenue-report-table th{padding:12px 8px!important;text-align:center!important;font-size:10px!important;font-weight:900!important;color:#344054!important}.revenue-report-table td{padding:10px 8px!important;text-align:center!important;font-size:11px!important;font-weight:600}.revenue-report-table tfoot td{background:#172554!important;color:#fff!important;font-weight:900!important;border:0!important}
.paymob-fees-table{min-width:760px!important}.paymob-fees-table th,.paymob-fees-table td{font-size:12px!important}.paymob-fees-table th:nth-child(2),.paymob-fees-table td:nth-child(2){text-align:left!important}.paymob-fees-table td:nth-child(4){font-weight:900!important;color:#E74F46!important}
.daily-operations-average-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.daily-operations-table{min-width:900px!important}.daily-operations-table th,.daily-operations-table td{text-align:center!important}.daily-operations-table td:first-child{font-weight:900!important}.daily-operations-table td:nth-child(6){color:#172554;font-weight:900!important}
.daily-op-money{display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}.daily-op-money b{font-size:11px;font-weight:900;color:#172033}.daily-op-money span{font-size:10px;font-weight:800;color:#00A968}
.daily-selected-basis{display:block;margin-top:3px;color:#667085;font-size:8px;font-weight:800}

#rpt-cash-activity>.table-wrap,#rpt-dc-cash>.table-wrap,#rpt-daily>.table-wrap,#rpt-treasury>.table-wrap,#rpt-treasury-reconciliation>.table-wrap{padding:14px;background:#F7F9FC}
.treasury-modern-shell{font-variant-numeric:tabular-nums}.treasury-modern-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px;margin-bottom:12px;border-radius:14px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff;box-shadow:0 10px 24px rgba(20,35,75,.14)}.treasury-modern-context>div{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.treasury-modern-context span{font-size:9px;font-weight:900;letter-spacing:.9px;color:rgba(255,255,255,.6)}.treasury-modern-context b{font-size:13px;color:#fff}
.treasury-modern-shell .rpt-summary{background:#fff!important;border:1px solid #DFE5EF!important;border-radius:14px!important;box-shadow:0 5px 20px rgba(18,35,78,.05)!important}.treasury-modern-shell .rpt-summary>div:nth-child(2)>div{min-height:92px!important;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #E2E7F0!important;box-shadow:none!important}.treasury-modern-shell .invrep-kpis{gap:10px!important}.treasury-modern-shell .invrep-kpi{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #DFE5EF!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(18,35,78,.06)}
.treasury-modern-shell table{width:100%;font-variant-numeric:tabular-nums}.treasury-modern-shell table thead{position:sticky;top:0;z-index:2}.treasury-modern-shell table th{padding:12px 9px!important;background:#EEF2F8!important;color:#25324A!important;font-size:10px!important;font-weight:900!important;letter-spacing:.3px;text-align:center!important;box-shadow:inset 0 -2px 0 #C7D0DF}.treasury-modern-shell table td{padding:10px 9px!important;font-size:11px!important;font-weight:650;text-align:center}.treasury-modern-shell table tbody tr:nth-child(even) td{background:#F8FAFC}.treasury-modern-shell table tbody tr:hover td{background:#F1F5FF}.treasury-modern-shell table tfoot td{background:#172554!important;color:#fff!important;font-weight:900!important;border:0!important}.treasury-modern-shell>div[style*="overflow-x:auto"],.treasury-modern-shell .invrep-table-wrap,#trsTbl{border:1px solid #DFE5EF!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 20px rgba(18,35,78,.05)!important;overflow:auto!important}
@media(max-width:900px){.treasury-modern-context{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#rpt-cash-activity>.table-wrap,#rpt-dc-cash>.table-wrap,#rpt-daily>.table-wrap,#rpt-treasury>.table-wrap,#rpt-treasury-reconciliation>.table-wrap{padding:8px}.treasury-modern-context{grid-template-columns:1fr}.treasury-modern-shell .rpt-summary{padding:10px!important}}
.treasury-recon-table{min-width:1280px!important}.treasury-recon-table code{font-size:9px;color:#526079}.recon-badge{display:inline-block;padding:3px 8px;border-radius:99px;font-size:9px;font-weight:900;text-transform:uppercase}.recon-badge.high{background:#FEE9E7;color:#B42318}.recon-badge.medium{background:#FFF3D6;color:#8A5700}.recon-badge.info{background:#E8F1FF;color:#175CD3}.recon-clean{padding:32px!important;text-align:center!important;color:#00A968!important;font-weight:900!important}.recon-rule-note{margin:0 0 10px;padding:10px 13px;border:1px solid #C9D5FF;border-radius:10px;background:#F1F5FF;color:#344054;font-size:11px;font-weight:750}.recon-rule-note code{font-weight:900;color:#172554}
@media(max-width:900px){.revenue-report-context,.revenue-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-average-check-grid,.daily-operations-average-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#rpt-revenue>.table-wrap,#rpt-bank-deposits>.table-wrap{padding:8px}.revenue-report-context,.revenue-report-kpis,.revenue-average-check-grid{grid-template-columns:1fr}.revenue-average-check-title{align-items:flex-start;flex-direction:column}}

#rpt-supplier-payments>.table-wrap{padding:14px;background:#F7F9FC}
.supplier-payment-report{font-variant-numeric:tabular-nums}
.supplier-payment-context{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff;border-radius:14px;box-shadow:0 10px 24px rgba(20,35,75,.14)}
.supplier-payment-context>div{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.supplier-payment-context span{font-size:9px;font-weight:900;letter-spacing:.9px;color:rgba(255,255,255,.6)}
.supplier-payment-context b{font-size:13px;color:#fff}
.supplier-payment-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.supplier-payment-kpis .kpi{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:0!important;box-shadow:0 5px 18px rgba(18,35,78,.07)!important}
.supplier-payment-kpis .kpi:nth-child(1){border-top:4px solid #00C87B!important}.supplier-payment-kpis .kpi:nth-child(2){border-top:4px solid #5F7AFF!important}.supplier-payment-kpis .kpi:nth-child(3){border-top:4px solid #F65F49!important}
.supplier-payment-table-wrap{border:1px solid #DFE5EF;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(18,35,78,.05);overflow:auto!important}
.supplier-payment-table{width:100%;min-width:980px!important}.supplier-payment-table thead{position:static}.supplier-payment-table th{position:static;padding:13px 10px!important;text-align:center!important;font-size:12px!important;font-weight:900!important;letter-spacing:.35px!important;color:#25324A!important;background:#EEF2F8!important;box-shadow:inset 0 -2px 0 #C7D0DF;-webkit-font-smoothing:antialiased}.supplier-payment-table td{padding:11px 10px!important;text-align:center!important;font-size:12px!important;font-weight:700}.supplier-payment-table th:nth-child(3),.supplier-payment-table td:nth-child(3){text-align:left!important}.supplier-payment-table td:nth-child(3) b{font-weight:900!important;color:#172033}
@media(max-width:900px){
  body{padding-top:72px!important}
  .supplier-report-context{grid-template-columns:1fr 1fr}.supplier-report-formula{grid-column:1/-1;white-space:normal}
  .supplier-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supplier-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supplier-payment-context{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-payment-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .supplier-payment-table-wrap{overflow:auto!important}
}
@media(max-width:520px){
  body{padding-top:66px!important}
  #rpt-suppliers>.table-wrap{padding:8px}
  .supplier-report-context{grid-template-columns:1fr}.supplier-report-formula{grid-column:auto}
  .supplier-report-kpis{grid-template-columns:1fr 1fr;gap:7px}
  .supplier-report-kpis .kpi{min-height:82px;padding:10px!important}
  .supplier-detail-header{align-items:flex-start;flex-direction:column}.supplier-detail-period{text-align:left}
  .supplier-detail-body{padding:9px}.supplier-detail-kpis{gap:7px}
  #rpt-supplier-payments>.table-wrap{padding:8px}.supplier-payment-context{grid-template-columns:1fr}.supplier-payment-kpis{grid-template-columns:1fr}.supplier-payment-kpis .kpi{min-height:82px}
}
@media print{body{padding-top:0!important}#rpt-suppliers>.table-wrap,#rpt-supplier-payments>.table-wrap{padding:0;background:#fff}.supplier-report-context,.supplier-payment-context{box-shadow:none}.supplier-balance-table-wrap,.supplier-payment-table-wrap{overflow:visible;box-shadow:none}.supplier-detail-report{break-before:page;box-shadow:none}.supplier-detail-body{padding:10px;background:#fff}.supplier-detail-section{break-inside:auto}}

:root{
  --bs-green:#00C87B;--bs-coral:#F65F49;--bs-yellow:#FFE155;--bs-blue:#5F7AFF;
  --bs-ink:#0B0F14;--bs-gray-100:#F3F5F8;--bs-gray-300:#D9DEE7;
  --shell-max:1520px;--shell-gap:16px;--sidebar-width:248px;
}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--bs-gray-100)}
.header{padding:10px 12px 0!important}
.topbar{width:100%;max-width:var(--shell-max)!important;min-height:64px!important;padding:8px 14px!important;border-radius:18px!important}

img.login-logo,svg.login-logo{display:block!important;width:min(190px,52vw)!important;height:auto!important;max-height:none!important;object-fit:contain;margin:0 auto 10px!important}
img.topbar-logo,svg.topbar-logo{display:block!important;width:48px!important;height:48px!important;max-height:48px!important;object-fit:contain;flex:0 0 auto}
.layout{width:100%;max-width:var(--shell-max)!important;grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;gap:var(--shell-gap)!important;padding:14px 12px 34px!important}
.layout>main,.panel{min-width:0;max-width:100%}
.sidebar{top:88px!important;height:calc(100dvh - 102px)!important;border-radius:18px!important}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.kpi{min-width:0}
.card-body{min-width:0}
.table-wrap,[class*="-table-wrap"]{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
svg,canvas{max-width:100%;height:auto}
.modal,.hr2-modal-box{max-width:min(680px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);overflow:auto}
.drawer{overscroll-behavior:contain}
.drawer-panel{max-width:min(360px,88vw)}
.bottom-nav{display:none!important}


@media (min-width:320px) and (max-width:767px){
  .header{padding:calc(6px + env(safe-area-inset-top,0px)) 8px 0!important}
  .topbar{min-height:54px!important;padding:6px 9px!important;border-radius:14px!important;gap:7px!important}
  img.topbar-logo,svg.topbar-logo{width:40px!important;height:40px!important;max-height:40px!important}
  .menu-btn{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;border-radius:12px!important;background:#3478F6!important}
  .conn,.conn-detail,.btn.small.secondary[onclick="boot()"]{display:none!important}
  .layout{display:block!important;padding:10px 8px calc(88px + env(safe-area-inset-bottom,0px))!important}
  .sidebar{display:none!important}
  .hero{min-height:0!important;padding:13px 14px!important;border-radius:15px!important;margin-bottom:10px!important}
  .hero:after{display:none!important}.hero h1{font-size:21px!important;line-height:1.15!important}
  .cards,.kpi-row{grid-template-columns:1fr!important;gap:9px!important}
  .form-grid,.rev-entry-grid,.rev-calc-grid{grid-template-columns:1fr!important}
  .card,.kpi{width:100%;border-radius:14px!important}.card-body{padding:12px!important}
  button,.btn,.btn-sm,input,select,textarea{min-height:44px}
  input,select,textarea{font-size:16px!important}
  .bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(70px + env(safe-area-inset-bottom,0px));padding:5px 6px env(safe-area-inset-bottom,0px);background:#fff!important;border-top:1px solid var(--bs-gray-300)!important;z-index:500;box-shadow:0 -8px 28px rgba(11,15,20,.08);overflow:visible!important}
  .bnav{min-width:0!important;width:100%;min-height:56px!important;padding:5px 2px!important;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#697386!important}
  .bnav.on{color:var(--bs-blue)!important;background:rgba(95,122,255,.10)!important}
  .bnav-icon{font-size:19px!important;line-height:1!important}.bnav-label{display:block;font-size:10px!important;margin:2px 0 0!important;white-space:nowrap}
  .drawer{align-items:flex-end;z-index:600!important;padding-top:calc(72px + env(safe-area-inset-top,0px))!important}
  .drawer-panel{display:flex!important;flex-direction:column;width:100%!important;max-width:100%!important;height:calc(100dvh - 72px - env(safe-area-inset-top,0px))!important;border-radius:22px 22px 0 0!important;padding:10px 14px env(safe-area-inset-bottom,0px)!important;overflow:hidden!important}
  .mobile-profile-anchor{display:block!important;flex:0 0 auto;position:relative;z-index:2;padding:4px 0 10px;background:#fff;border-bottom:1px solid var(--line)}
  .mobile-profile-anchor .side-user-block{display:block!important;margin:0!important;padding:0!important;border-bottom:0!important}
  .mobile-profile-anchor .side-user-card{display:flex!important;margin:0!important}
  .mobile-nav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 0 calc(18px + env(safe-area-inset-bottom,0px))}
  .modal-overlay,.overlay,.hr2-modal-overlay{align-items:flex-end!important;padding:0!important}
  .modal,.hr2-modal-box{width:100%!important;max-width:100%!important;max-height:88dvh!important;border-radius:22px 22px 0 0!important;margin:0!important}
  table{min-width:620px}th,td{white-space:nowrap}
}


@media (min-width:768px) and (max-width:1023px){
  .topbar{max-width:calc(100% - 20px)!important}.menu-btn{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bs-blue)!important}
  .layout{display:block!important;max-width:100%!important;padding:14px 18px 30px!important}.sidebar{display:none!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .drawer-panel{width:min(360px,46vw)!important;max-width:46vw!important;height:100dvh!important}
  .bottom-nav{display:none!important}
}


@media (min-width:1024px) and (max-width:1439px){
  .layout{grid-template-columns:224px minmax(0,1fr)!important;max-width:100%!important}
  .sidebar{display:block!important}.menu-btn{display:none!important}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


@media (min-width:1440px){
  .layout,.topbar{max-width:var(--shell-max)!important}
  .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .panel.on{max-width:100%}
}

@media (orientation:landscape) and (min-width:768px) and (max-width:1023px){
  .layout{padding-left:20px!important;padding-right:20px!important}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


@media (min-width:320px) and (max-width:767px){
  .sup-card-head{display:block!important;padding:12px!important}
  .sup-card-main{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center;gap:10px!important;width:100%!important}
  .sup-card-info{min-width:0!important;overflow:hidden}
  .sup-card-info>div:first-child{font-size:16px!important;line-height:1.15!important;overflow-wrap:anywhere}
  .sup-card-info>div:last-child{font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere}
  .sup-card-balance{grid-column:2 / 4!important;grid-row:2!important;text-align:left!important;margin:2px 0 0!important;padding-top:2px!important}
  .sup-card-balance>div:first-child{font-size:18px!important;line-height:1.15!important;white-space:nowrap!important}
  .sup-card-balance>div:last-child{font-size:11px!important}
  .sup-card-chevron{grid-column:3!important;grid-row:1!important;align-self:start!important;margin-top:4px!important}
  .sup-card-actions{display:grid!important;grid-template-columns:repeat(4,minmax(44px,1fr))!important;gap:8px!important;margin:12px 0 0 58px!important}
  .sup-card-actions button{width:100%!important;height:44px!important;min-width:44px!important}
}


.sa-card{border-color:var(--line)!important;box-shadow:var(--bs-shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.sa-card:hover{transform:translateY(-2px);box-shadow:var(--bs-shadow-md);border-color:#D8DEEB!important}
.sa-card-hd{letter-spacing:-.15px;color:var(--ink)}
.sa-card-body>div[onclick]{border-color:var(--line)!important}
@media (max-width:520px){.sa-card{padding:13px!important}.sa-card-hd{font-size:13px!important}}


.topbar svg.topbar-logo{width:190px!important;height:auto!important;max-height:54px!important;object-fit:contain}
.bs-topbar-wordmark{display:flex;align-items:center;gap:8px;height:54px;color:#0B0F14;font-family:Inter,Arial,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px;line-height:1}
.bs-topbar-wordmark img{width:48px;height:48px;object-fit:contain;display:block}
.bs-login-wordmark{display:flex;align-items:center;justify-content:center;gap:10px;height:92px;color:#0B0F14;font-family:Inter,Arial,sans-serif;font-size:58px;font-weight:800;letter-spacing:-3px;line-height:1;margin:0 auto 10px}
.bs-login-wordmark img{width:82px;height:82px;object-fit:contain;display:block}
.login-brand-new{display:flex;align-items:center;justify-content:center;gap:10px;height:92px;margin:0 auto 8px;color:#0B0F14;font-family:Inter,Arial,sans-serif;font-size:58px;font-weight:800;letter-spacing:-3px;line-height:1}
.login-brand-new img{width:82px;height:82px;object-fit:contain}.login-card>svg.login-logo,.login-card>.login-sub{display:none!important}
#login{background:#fff!important}
#login .login-card{box-shadow:0 12px 32px rgba(15,23,42,.06)!important;border-color:#E5E7EB!important}
#login .login-card{padding:24px 28px 28px!important}
.topbar .top-sub,.topbar-status,.topbar-user,.topbar-refresh{display:none!important}
.topbar>.spacer{display:block!important;flex:1 1 auto!important}
@media (max-width:767px){
  .topbar svg.topbar-logo{width:170px!important;max-height:48px!important}
  .bs-topbar-wordmark{height:48px;font-size:32px;letter-spacing:-1.5px}.bs-topbar-wordmark img{width:44px;height:44px}
  .bs-login-wordmark{height:76px;font-size:44px;letter-spacing:-2px;margin-bottom:6px}.bs-login-wordmark img{width:68px;height:68px}
  .login-brand-new{height:76px;font-size:44px;letter-spacing:-2px;margin-bottom:4px}.login-brand-new img{width:68px;height:68px}
  #login{padding:22px 12px 34px!important}.login-card{width:min(440px,96vw)!important}
}

:root{
  --blue:#5F7AFF;--purple:#5F7AFF;--green:#00C87B;--coral:#F65F49;
  --yellow:#FFE155;--red:#E74F46;--ink:#0B0F14;--muted:#667085;
  --bg:#F6F8FC;--card:#FFFFFF;--line:#E4E8F0;
  --bs-shadow-sm:0 1px 2px rgba(11,15,20,.03),0 6px 18px rgba(11,15,20,.045);
  --bs-shadow-md:0 12px 34px rgba(45,57,100,.09);
}
body{color:var(--ink);background:var(--bg)!important}
.topbar{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--bs-shadow-sm)!important}
.sidebar,.drawer-panel{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--bs-shadow-sm)!important}
.side-user-block{padding:0 6px 7px!important;margin-top:-9px!important;margin-bottom:4px!important}.side-user-card{padding:7px 8px!important;min-height:58px!important;background:#fff!important}.side-user-card:hover{background:#F4F6FF!important}.side-user-card.active{background:#EEF1FF!important;outline:1.5px solid #CBD4FF!important}.side-user-avatar{width:44px!important;height:44px!important;background:#5F7AFF!important;box-shadow:0 7px 18px rgba(95,122,255,.22)!important;border:2px solid #fff!important}
.recipe-excel-workflow{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.5fr) auto;align-items:center;gap:18px;margin:0 0 14px;padding:16px 18px;border:1px solid #DDE3FF;border-radius:18px;background:#F7F8FF;box-shadow:0 6px 20px rgba(31,45,75,.05)}.recipe-excel-copy{display:flex;align-items:center;gap:12px}.recipe-excel-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#5F7AFF;color:#fff;font:900 18px Inter,sans-serif;box-shadow:0 7px 16px rgba(95,122,255,.2)}.recipe-excel-copy b{display:block;font-size:14px;color:#17223b}.recipe-excel-copy small,.recipe-excel-steps small{display:block;margin-top:3px;color:#728097;font-size:10px;line-height:1.35}.recipe-excel-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.recipe-excel-steps li{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #DDE3FF;border-radius:12px;background:#fff}.recipe-excel-steps li>span{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#5F7AFF;color:#fff;font-size:11px;font-weight:900}.recipe-excel-steps b{display:block;color:#27344f;font-size:11px}.recipe-excel-actions{display:flex;gap:8px;white-space:nowrap}.recipe-import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.recipe-import-summary>div{padding:14px;border:1px solid #e4e9f2;border-radius:14px;background:#f8fafc}.recipe-import-summary b{display:block;font:800 24px Inter,sans-serif;color:#17223b}.recipe-import-summary span{font-size:10px;font-weight:700;color:#728097}.recipe-import-summary.has-errors>div:last-child{border-color:#f3c6c2;background:#fff}.recipe-import-summary.has-errors>div:last-child b{color:#b42318}.recipe-preview-table{overflow:auto;border:1px solid #e4e9f2;border-radius:14px}.recipe-preview-table table{min-width:720px}.recipe-preview-table thead{background:#f5f7fb}.recipe-preview-table tr.row-error{background:#fff}.recipe-check{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff;color:#067647;border:1px solid #A9E8CE;font-size:10px;font-weight:800;white-space:nowrap}.row-error .recipe-check{background:#fff;color:#b42318;border-color:#F3C6C2}.recipe-import-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.recipe-import-footer small{color:#667085;line-height:1.5}.recipe-import-footer .btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.menu-excel-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:15px 16px;border:1px solid #DDE3FF;border-radius:16px;background:#F7F8FF}.menu-excel-tools>div:first-child b{display:block;color:#17223b;font-size:14px}.menu-excel-tools>div:first-child small,.menu-import-preview>div:first-child small{display:block;margin-top:4px;color:#728097;font-size:10px}.menu-excel-tools>div:last-child{display:flex;gap:8px}.menu-import-preview{margin-bottom:14px;padding:15px;border:1px solid #DDE3FF;border-radius:16px;background:#fff}.menu-import-preview>div:first-child{margin-bottom:12px}.menu-import-preview>div:first-child b{display:block;color:#17223b;font-size:14px}
.recipe-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #EDF0F5}.recipe-card-actions .btn{min-height:36px!important;margin:0!important;padding:7px 9px!important;font-size:10px!important;box-shadow:none!important}.recipe-card-actions .danger{color:#B42318!important;border-color:#F3C6C2!important;background:#FFF!important}.recipe-card-actions .danger:hover{background:#FFF5F4!important}
@media(max-width:1100px){.recipe-excel-workflow{grid-template-columns:1fr auto}.recipe-excel-steps{grid-column:1/-1;grid-row:2}}
@media(max-width:767px){.recipe-excel-workflow{grid-template-columns:1fr;padding:14px;gap:12px}.recipe-excel-steps{grid-column:auto;grid-row:auto;grid-template-columns:1fr}.recipe-excel-actions{display:grid;grid-template-columns:1fr 1fr}.recipe-excel-actions .btn{min-width:0!important;font-size:10px!important}.recipe-import-summary{gap:6px}.recipe-import-summary>div{padding:10px 8px}.recipe-import-summary b{font-size:20px}.recipe-import-footer{align-items:stretch;flex-direction:column}.recipe-import-footer .btn{width:100%}.menu-excel-tools{align-items:stretch;flex-direction:column;padding:13px}.menu-excel-tools>div:last-child{display:grid;grid-template-columns:1fr 1fr}.menu-excel-tools>div:last-child .btn:first-child{grid-column:1/-1}.menu-excel-tools .btn{min-width:0!important;padding:9px 7px!important;font-size:10px!important}}
.nav,.nav-group-head{color:#475467!important;border:1px solid transparent!important;border-radius:12px!important;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.nav:hover,.nav-group-head:hover{background:#F3F5FF!important;color:#3857E8!important}
.nav.on,.nav.active,.nav-group-head.on{background:#EEF1FF!important;color:#3857E8!important;border-color:#DDE3FF!important;box-shadow:inset 3px 0 0 var(--blue)!important}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#101A38 0%,#17254D 64%,#253C79 100%)!important;border:0!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(18,35,78,.14)!important}
.hero:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-58px;top:-112px;background:rgba(95,122,255,.32);pointer-events:none}
.hero h1{position:relative;color:#fff!important;letter-spacing:-.7px!important}.hero .btn{position:relative}
.card,.kpi{background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--bs-shadow-sm)!important}
.card{border-radius:16px!important;overflow:hidden}.card:hover{border-color:#D8DEEB!important}
.card-hd{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;padding:14px 16px!important;font-size:14px!important;letter-spacing:-.1px}
.card-hd:before{content:"";display:inline-block;width:4px;height:16px;margin-right:8px;border-radius:99px;background:var(--blue);vertical-align:-3px}
[dir="rtl"] .card-hd:before{margin-right:0;margin-left:8px}
.card-body{padding:16px!important}.kpi{border-radius:15px!important;padding:15px!important}
.kpi small{color:var(--muted)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.35px}.kpi b{color:var(--ink);letter-spacing:-.5px}
.btn:not(.secondary),button.btn:not(.secondary){background:var(--blue)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 14px rgba(95,122,255,.22)}
.btn:hover:not(.secondary),button.btn:hover:not(.secondary){background:#4F6CEF!important;transform:translateY(-1px)}
.btn.secondary,.btn-sm{background:#fff!important;color:#344054!important;border:1px solid #D8DEEA!important;box-shadow:0 1px 2px rgba(11,15,20,.03)}
.btn.secondary:hover,.btn-sm:hover{background:#F8F9FC!important;border-color:#C9D0DE!important}
input,select,textarea{background:#fff!important;color:var(--ink)!important;border:1px solid #D6DCE7!important;border-radius:11px!important;box-shadow:0 1px 2px rgba(11,15,20,.02)!important}
input:hover,select:hover,textarea:hover{border-color:#B8C2D6!important}
input:focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(95,122,255,.14)!important;outline:0!important}
.lbl,label{color:#475467}.msg.ok{background:#ECFDF5!important;color:#067647!important;border-color:#ABEFC6!important}.msg.er{background:#FEF3F2!important;color:#B42318!important;border-color:#FECDCA!important}
table{background:#fff;border-collapse:separate!important;border-spacing:0!important}thead th{background:#F8F9FC!important;color:#475467!important;border-bottom:1px solid var(--line)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.25px}tbody td{border-bottom:1px solid #EEF1F5!important}tbody tr:hover td{background:#F8FAFF!important}
.tabs,.settings-tabs{gap:6px!important;padding:4px!important;background:#F1F3F8!important;border-radius:13px!important}.tabs button,.settings-tabs button{border:0!important;background:transparent!important;color:#667085!important;border-radius:10px!important;box-shadow:none!important}.tabs button.on,.settings-tabs button.on{background:#fff!important;color:#3857E8!important;box-shadow:0 2px 8px rgba(11,15,20,.08)!important}
.modal,.hr2-modal-box{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 24px 70px rgba(11,15,20,.22)!important}
.conn{color:#344054!important}.conn:before{background:var(--green)!important}
@media(max-width:767px){
  .hero{border-radius:15px!important}.hero:before{width:130px;height:130px;right:-42px;top:-74px}
  .card-hd{padding:12px 13px!important}.card-body{padding:13px!important}
  .card,.kpi{box-shadow:0 2px 12px rgba(11,15,20,.045)!important}
}
@media(prefers-reduced-motion:reduce){.nav,.nav-group-head,.btn{transition:none!important}.btn:hover{transform:none!important}}

.cards>.kpi{position:relative;overflow:hidden}
.cards>.kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--blue)}
.cards>.kpi:nth-child(4n+2):before{background:var(--coral)}
.cards>.kpi:nth-child(4n+3):before{background:var(--yellow)}
.cards>.kpi:nth-child(4n+4):before{background:var(--green)}
.kpi.green:before{background:var(--green)!important}.kpi.red:before{background:var(--coral)!important}
.card-hd:has(+ .card-body .msg.er):before{background:var(--coral)}
.card-hd:has(+ .card-body .msg.ok):before{background:var(--green)}
.hero{border-left:5px solid #00C87B!important;background:#5F7AFF!important;box-shadow:0 12px 30px rgba(95,122,255,.25)!important}
.cards>.kpi:nth-child(4n+1),.cards>.kpi:nth-child(4n+2),.cards>.kpi:nth-child(4n+3),.cards>.kpi:nth-child(4n+4){background:#fff!important}
.cards>.kpi:nth-child(4n+1) b{color:#5F7AFF!important}.cards>.kpi:nth-child(4n+2) b{color:#F65F49!important}.cards>.kpi:nth-child(4n+3) b{color:#0B0F14!important}.cards>.kpi:nth-child(4n+4) b{color:#00C87B!important}
.bnav.on{box-shadow:inset 0 -3px 0 var(--blue)!important}

#p-reports{--rpt-navy:#172554;--rpt-blue:#5F7AFF;--rpt-line:#DFE5EF;--rpt-soft:#F6F8FC;font-variant-numeric:tabular-nums}
#p-reports>.hero{margin-bottom:12px!important}
#p-reports>.tabs{display:flex!important;max-width:100%;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;white-space:nowrap;padding:5px!important;margin-bottom:8px!important}
#p-reports>.tabs button{flex:0 0 auto;scroll-snap-align:start;min-height:42px!important;padding:9px 14px!important;font-size:12px!important;font-weight:850!important}
#p-reports .bs-report-filters{margin-bottom:12px!important;border-color:var(--rpt-line)!important}
#p-reports .bs-report-filters .card-hd{display:flex;align-items:center;font-size:13px!important;font-weight:900!important}
#p-reports .bs-report-filters .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 12px!important}
#p-reports .bs-report-filters .lbl,#p-reports .bs-report-filters label{font-size:10px!important;font-weight:900!important;letter-spacing:.35px!important;text-transform:uppercase;color:#667085!important}
#p-reports .bs-report-filters input,#p-reports .bs-report-filters select{width:100%;min-width:0;min-height:46px!important;font-weight:750!important;color:#172033!important}
#p-reports .report-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
#p-reports .report-filter-actions .btn{min-height:42px!important;padding:9px 15px!important;font-size:12px!important;font-weight:900!important}
#p-reports .report-filter-actions .btn:first-child{min-width:132px}
#p-reports .bs-report-surface{overflow:visible!important;border-color:var(--rpt-line)!important;background:var(--rpt-soft)!important}
#p-reports .bs-report-surface>.card-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff!important;font-size:15px!important;font-weight:950!important}
#p-reports .bs-report-surface>.card-hd small{padding:4px 8px;border-radius:999px;background:#ECFDF5;color:#067647;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
#p-reports .bs-report-surface>.table-wrap{position:relative;padding:14px!important;overflow:visible!important;background:var(--rpt-soft)!important}
#p-reports .report-empty{display:grid;place-items:center;min-height:180px;padding:28px!important;border:1px dashed #C9D2E2;border-radius:14px;background:#fff;color:#667085!important;text-align:center;font-size:13px;font-weight:750}
#p-reports .rpt-summary{border:1px solid var(--rpt-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 20px rgba(18,35,78,.05)!important}
#p-reports .rpt-summary>div:nth-child(2){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px!important}
#p-reports .rpt-summary>div:nth-child(2)>div{min-width:0!important;min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:13px 14px!important;border-radius:12px!important;box-shadow:none!important}
#p-reports .invrep-head{padding:14px 16px;margin-bottom:12px!important;border-radius:14px;background:linear-gradient(112deg,#111C3D,#263C78);color:#fff;box-shadow:0 8px 22px rgba(20,35,75,.12)}
#p-reports .invrep-title,#p-reports .invrep-sub{color:#fff!important}#p-reports .invrep-sub{opacity:.7}
#p-reports .invrep-head .btn{min-height:38px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:none!important}
#p-reports .invrep-kpis{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:10px!important}
#p-reports .invrep-kpi{min-height:88px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--rpt-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 15px rgba(18,35,78,.05)!important}
#p-reports .invrep-kpi small{font-size:9px!important;letter-spacing:.45px}#p-reports .invrep-kpi b{font-size:19px!important}
#p-reports .invrep-table-wrap,#p-reports [class*="-table-wrap"],#p-reports #trsTbl,#p-reports .bs-report-surface>.table-wrap>div[style*="overflow-x:auto"]{position:relative;max-width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--rpt-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 20px rgba(18,35,78,.05)!important;scrollbar-color:#AAB4C8 #EEF1F6}
#p-reports table{width:100%;font-variant-numeric:tabular-nums}
#p-reports table th{height:44px;padding:10px 9px!important;background:#EEF2F8!important;color:#25324A!important;font-size:10px!important;font-weight:950!important;letter-spacing:.28px!important;text-align:center!important;white-space:nowrap;box-shadow:inset 0 -2px 0 #C7D0DF}
#p-reports table td{padding:10px 9px!important;font-size:11px!important;font-weight:650;vertical-align:middle;text-align:center}
#p-reports table td:first-child,#p-reports table th:first-child{text-align:left!important}
#p-reports table tbody tr:nth-child(even) td{background:#F9FAFC}#p-reports table tbody tr:hover td{background:#F1F5FF!important}
#p-reports table tfoot td{background:var(--rpt-navy)!important;color:#fff!important;font-weight:950!important;border-color:var(--rpt-navy)!important}
@media(max-width:1023px){#p-reports .bs-report-filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#p-reports .bs-report-surface>.table-wrap{padding:10px!important}#p-reports .rpt-summary>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  #p-reports>.hero{padding:12px 14px!important}#p-reports>.hero h1{font-size:20px!important}
  #p-reports>.tabs{border-radius:11px!important}#p-reports>.tabs button{min-height:40px!important;padding:8px 12px!important;font-size:11px!important}
  #p-reports .bs-report-filters .card-hd{padding:11px 12px!important}#p-reports .bs-report-filters .card-body{padding:11px!important}
  #p-reports .bs-report-filters .form-grid{grid-template-columns:1fr;gap:9px!important}
  #p-reports .report-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  #p-reports .report-filter-actions .btn{width:100%;min-width:0!important;margin:0!important}#p-reports .report-filter-actions .btn:first-child{grid-column:1/-1}
  #p-reports .bs-report-surface>.card-hd{position:sticky;top:65px;z-index:8;padding:11px 12px!important;box-shadow:0 6px 14px rgba(18,35,78,.06)}
  #p-reports .bs-report-surface>.table-wrap{padding:8px!important}#p-reports .rpt-summary{padding:10px!important}
  #p-reports .rpt-summary>div:nth-child(2){grid-template-columns:1fr 1fr;gap:7px!important}#p-reports .rpt-summary>div:nth-child(2)>div{min-height:78px;padding:10px!important}
  #p-reports .invrep-head{padding:12px!important;align-items:center!important}#p-reports .invrep-title{font-size:15px!important}#p-reports .invrep-sub{font-size:10px!important}
  #p-reports .invrep-kpis{grid-template-columns:1fr 1fr!important;gap:7px!important}#p-reports .invrep-kpi{min-height:76px!important;padding:9px!important}#p-reports .invrep-kpi b{font-size:16px!important}
  #p-reports table{min-width:720px}#p-reports table thead{position:sticky;top:0;z-index:5}#p-reports table th{position:sticky;top:0;z-index:5;height:42px;padding:9px 8px!important;font-size:9px!important}
  #p-reports table td{padding:9px 8px!important;font-size:10.5px!important}#p-reports table th:first-child,#p-reports table td:first-child{position:sticky;left:0;z-index:4;min-width:102px;box-shadow:2px 0 0 #E3E8F0}
  #p-reports table th:first-child{z-index:7;background:#E8EDF5!important}#p-reports table tbody tr:nth-child(odd) td:first-child{background:#fff!important}#p-reports table tbody tr:nth-child(even) td:first-child{background:#F9FAFC!important}
}
@media(max-width:420px){#p-reports .rpt-summary>div:nth-child(2),#p-reports .invrep-kpis{grid-template-columns:1fr!important}#p-reports .bs-report-surface>.card-hd small{display:none}}
@media(max-width:767px){#p-reports{max-width:100%;overflow-x:hidden}#p-reports .bp-filters-bar{padding:14px!important;border-radius:14px!important}#p-reports .bp-filters-bar>div{max-width:100%}#p-reports .bp-filters-bar select,#p-reports .bp-filters-bar input{min-width:0!important}#p-reports .bp-cmp{max-width:100%;overflow:hidden!important}#p-reports .bp-cmp>div:last-child{overflow-x:auto!important;-webkit-overflow-scrolling:touch}#p-reports .bp-cmp table{min-width:680px!important}#p-reports .report-categories{scroll-padding-inline:12px}#p-reports .report-categories button.on{position:sticky;left:0;z-index:2}}
@media print{#p-reports>.hero,#p-reports>.tabs,#p-reports .bs-report-filters,#p-reports .bs-report-surface>.card-hd,#p-reports .invrep-head .btn{display:none!important}#p-reports .bs-report-surface,#p-reports .bs-report-surface>.table-wrap{padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}#p-reports .rpt-summary,#p-reports .invrep-table-wrap,#p-reports [class*="-table-wrap"]{box-shadow:none!important;border-radius:0!important;overflow:visible!important}#p-reports table{min-width:0!important;font-size:8px!important}#p-reports table thead{display:table-header-group!important}#p-reports table th{position:static!important;padding:5px 4px!important;font-size:7px!important}#p-reports table td{padding:4px!important;font-size:7px!important}#p-reports .rpt-summary,#p-reports .invrep-kpis{break-inside:avoid}}
#p-recipe .hero .btn{margin-inline-start:8px;background:#fff;color:#23304d;border:1px solid rgba(255,255,255,.5)}
#p-recipe .recipe-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted)}
#p-recipe .recipe-empty b{font-size:18px;color:var(--ink)}#p-recipe .recipe-empty span{max-width:520px;font-size:13px}
#p-recipe .menu-empty-state{min-height:190px;padding:24px 16px;box-sizing:border-box}#p-recipe .menu-empty-state span{width:100%;max-width:420px;line-height:1.6;overflow-wrap:anywhere}
#p-recipe table{width:100%}#p-recipe td,#p-recipe th{padding:11px;text-align:left}
#p-recipe .recipe-lines{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fafc}
#p-recipe .recipe-lines-head,#p-recipe .recipe-cost-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
#p-recipe .recipe-lines-head>div>b{display:block;font-size:14px;color:#17223b}#p-recipe .recipe-lines-head>div>small{display:block;margin-top:3px;color:#728097;font-size:10px}#p-recipe .recipe-add-btn{width:auto!important;min-width:150px;padding:9px 13px!important;box-shadow:none!important}.recipe-line-labels{display:grid;grid-template-columns:minmax(180px,2fr) 110px 70px 90px 100px 36px;gap:8px;padding:7px 0;color:#7b879c;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
#p-recipe .recipe-line{position:relative;display:grid;grid-template-columns:minmax(180px,2fr) 110px 70px 90px 100px 40px;gap:10px;align-items:center;margin-top:8px;padding:11px 12px;border:1px solid #E1E6F0;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(31,45,75,.035)}#p-recipe .recipe-line:hover{border-color:#CBD4FF;box-shadow:0 5px 14px rgba(31,45,75,.07)}#p-recipe .recipe-line-field{display:contents}#p-recipe .recipe-line-field>small{display:none}#p-recipe .recipe-line input,#p-recipe .recipe-line select{min-width:0;height:40px!important;background:#F9FAFC!important;border-color:#DDE3ED!important}.recipe-unit{display:grid;place-items:center;min-height:34px;padding:5px 7px;border-radius:9px;background:#F1F3F8;color:#536078;font-size:10px;font-weight:800;text-align:center}.recipe-line-cost b{display:grid;place-items:center;min-height:34px;padding:5px 7px;border-radius:9px;background:#EEF1FF;color:#3857E8;font:800 12px Inter,sans-serif}.recipe-line-labels{padding-inline:13px!important}.recipe-remove{justify-self:end!important}
#p-recipe .recipe-remove{width:36px;height:36px;border:1px solid #F3C8C5;border-radius:10px;background:#FFF5F4;color:#B42318;font-size:20px;cursor:pointer;transition:background .15s,border-color .15s}#p-recipe .recipe-remove:hover{background:#FEE4E2;border-color:#EFA9A4}
#p-recipe .recipe-line-labels span:not(:first-child){text-align:center}#p-recipe .recipe-line input[type="number"]{text-align:center;font-family:'Inter',sans-serif;font-weight:800;font-variant-numeric:tabular-nums;padding-inline:8px!important}#p-recipe .recipe-line input[type="number"]::-webkit-inner-spin-button,#p-recipe .recipe-line input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#p-recipe .recipe-line input[type="number"]{-moz-appearance:textfield}#p-recipe #recipe-yield,#p-recipe #recipe-waste{text-align:center;font-family:'Inter',sans-serif;font-weight:800;font-variant-numeric:tabular-nums}#p-recipe .recipe-line-field{align-self:stretch}#p-recipe .recipe-line-field>input,#p-recipe .recipe-line-field>select{height:100%!important;min-height:40px}#p-recipe .recipe-unit,#p-recipe .recipe-line-cost b{height:100%;min-height:40px;box-sizing:border-box}#p-recipe .recipe-line-cost b{font-size:13px}#p-recipe .recipe-cost-summary>span:last-child{text-align:right}
#p-recipe .recipe-cost-summary{margin:12px 0 0;padding:12px;border-radius:10px;background:#fff}.recipe-cost-summary span{font-size:12px;color:var(--muted)}.recipe-cost-summary b{display:block;color:var(--ink);font-size:17px;margin-top:3px}
@media(max-width:767px){#p-recipe .hero .btn{margin:6px 4px 0 0}#p-recipe .recipe-line{grid-template-columns:1fr 1fr 60px}#p-recipe .recipe-line select{grid-column:1/-1}#p-recipe .recipe-line b{text-align:center}}
@media(max-width:767px){.recipe-line-labels{display:none}.recipe-add-btn{min-width:0!important}#p-recipe .recipe-line{grid-template-columns:minmax(0,1fr) minmax(90px,.55fr);gap:10px;margin-top:10px;padding:34px 11px 11px}#p-recipe .recipe-line:before{content:"Ingredient " attr(data-line);position:absolute;top:10px;left:12px;color:#3857E8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}#p-recipe .recipe-line-field{display:block;min-width:0}#p-recipe .recipe-line-field>small{display:block;margin:0 0 5px;color:#7A8699;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.3px}#p-recipe .recipe-item-field{grid-column:1/-1}#p-recipe .recipe-item-field>small{text-align:left}#p-recipe .recipe-line-field input,#p-recipe .recipe-line-field select{width:100%}.recipe-unit,.recipe-line-cost b{min-height:40px}.recipe-line-cost{grid-column:1/2}#p-recipe .recipe-remove{position:absolute;top:7px;right:8px;width:30px;height:30px;border-radius:9px}#p-recipe .recipe-cost-summary>span:last-child{text-align:left}}
.menu-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.menu-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.menu-item-card,.recipe-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(35,48,77,.07);border-inline-start:4px solid var(--green)}.menu-item-card.unlinked{border-inline-start-color:#ef4444}.menu-item-card header,.recipe-card header{display:flex;align-items:center;gap:10px}.menu-item-card header>span,.recipe-card header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eef3ff;color:#536dfe;font-size:19px;font-weight:900}.menu-item-card h3,.recipe-card h3{margin:0;font-size:15px}.menu-item-card header small,.recipe-card header small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.menu-item-card header>b,.recipe-card header>b{margin-inline-start:auto;padding:5px 8px;border-radius:999px;background:#e9fbf2;color:#067647;font-size:10px}.menu-item-card.unlinked header>b{background:#fff0f0;color:#b42318}.menu-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.menu-numbers>div{padding:10px;border-radius:11px;background:#f8fafc}.menu-numbers small{display:block;color:var(--muted);font-size:10px}.menu-numbers strong{display:block;margin-top:4px;font-size:14px}.menu-item-card label{display:block;color:var(--muted);font-size:10px}.menu-item-card select{display:block;width:100%;margin-top:5px}.recipe-card footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.menu-card-grid{gap:18px}.menu-item-card,.recipe-card{font-family:'Noto Sans Arabic','Inter','Segoe UI',sans-serif;padding:20px;border-color:#e4e9f2;border-radius:20px;box-shadow:0 7px 22px rgba(31,45,75,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-item-card:hover,.recipe-card:hover{transform:translateY(-2px);border-color:#cfd8e8;box-shadow:0 14px 32px rgba(31,45,75,.1)}.menu-item-card header,.recipe-card header{gap:12px}.menu-item-card header>span,.recipe-card header>span{width:48px;height:48px;border-radius:15px;font-size:20px;box-shadow:inset 0 0 0 1px rgba(83,109,254,.08)}.menu-item-card h3,.recipe-card h3{font-size:16px;font-weight:800;line-height:1.45;letter-spacing:-.15px;color:#17223b}.menu-item-card header small,.recipe-card header small{font-size:11px;line-height:1.5;margin-top:4px;color:#7b879c}.menu-item-card header>b,.recipe-card header>b{padding:6px 10px;font-size:10.5px;font-weight:800;white-space:nowrap}.menu-numbers{gap:10px;margin:18px 0}.menu-numbers>div{padding:12px 11px;background:#f6f8fc;border:1px solid #edf0f6;border-radius:13px}.menu-numbers small{font-size:10.5px;font-weight:600;color:#7a8699;line-height:1.4}.menu-numbers strong{font-family:'Inter','Noto Sans Arabic',sans-serif;font-size:15px;font-weight:800;color:#17223b;line-height:1.25;margin-top:6px}.menu-item-card label{font-size:11px;font-weight:700;color:#566178}.menu-item-card select{height:42px;margin-top:7px;padding-inline:11px;border:1px solid #dfe5ef;border-radius:11px;background:#fff;font-family:inherit;font-size:12px;font-weight:600}.recipe-card footer{margin-top:2px;padding-top:14px;font-size:11px;font-weight:600;line-height:1.5}.menu-kpis .kpi{border-radius:17px!important;border:1px solid #e4e9f2!important;box-shadow:0 6px 18px rgba(31,45,75,.045)!important}.menu-kpis .kpi small{font-size:11px!important;font-weight:700!important}.menu-kpis .kpi b{font-family:'Inter','Noto Sans Arabic',sans-serif;font-size:24px!important;font-weight:800!important}
@media(max-width:1050px){.menu-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.menu-kpis,.menu-card-grid{grid-template-columns:1fr}}
@media(max-width:767px){#p-recipe{max-width:100%;overflow-x:hidden}#p-recipe>.hero{align-items:flex-start;gap:10px}#p-recipe>.hero>div:last-child{display:flex;flex-wrap:wrap;gap:6px;width:100%}#p-recipe>.hero .btn{flex:1;min-width:135px;margin:0!important;padding:10px 8px;font-size:11px}#p-recipe .tabs{display:flex;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-bottom:4px}#p-recipe .tabs::-webkit-scrollbar{display:none}#p-recipe .tabs button{flex:0 0 auto;padding-inline:14px}.menu-card-grid{grid-template-columns:1fr;gap:12px}.menu-item-card,.recipe-card{padding:15px;border-radius:16px}.menu-item-card h3,.recipe-card h3{font-size:14px}.menu-item-card header>span,.recipe-card header>span{width:42px;height:42px;border-radius:12px}.menu-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.menu-numbers>div{padding:9px 7px;min-width:0}.menu-numbers small{font-size:9px;white-space:normal}.menu-numbers strong{font-size:12px;overflow-wrap:anywhere}.menu-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.menu-kpis .kpi{padding:11px 7px!important;min-width:0}.menu-kpis .kpi small{font-size:9px!important}.menu-kpis .kpi b{font-size:19px!important}#p-recipe .recipe-lines{padding:9px}#p-recipe .recipe-lines-head{align-items:flex-start;flex-wrap:wrap}#p-recipe .recipe-line{grid-template-columns:minmax(0,1fr) minmax(80px,.55fr) 34px;gap:6px}#p-recipe .recipe-line select{grid-column:1/-1;width:100%}#p-recipe .recipe-line .recipe-unit{align-self:center}#p-recipe .recipe-line input{width:100%;font-size:12px}#p-recipe .recipe-line b{font-size:11px}#p-recipe .recipe-cost-summary{flex-direction:column;align-items:stretch}}
@media(max-width:767px){#p-recipe .recipe-line{grid-template-columns:minmax(0,1fr) minmax(90px,.55fr)!important;gap:10px!important;padding:34px 11px 11px!important}#p-recipe .recipe-item-field{grid-column:1/-1!important}#p-recipe .recipe-line-cost{grid-column:1/2!important}}
@media(max-width:767px){#p-recipe .recipe-line{align-items:start!important;padding:42px 12px 14px!important;row-gap:14px!important;column-gap:10px!important}#p-recipe .recipe-line:before{top:14px!important;left:14px!important}#p-recipe .recipe-line-field{align-self:auto!important}#p-recipe .recipe-line-field>small{position:static!important;display:block!important;height:auto!important;margin:0 0 6px!important;line-height:1.2!important}#p-recipe .recipe-line-field>input,#p-recipe .recipe-line-field>select{height:46px!important;min-height:46px!important}#p-recipe .recipe-item-field select{font-size:15px!important}#p-recipe .recipe-unit,#p-recipe .recipe-line-cost b{height:46px!important;min-height:46px!important}#p-recipe .recipe-remove{top:9px!important;right:9px!important;width:32px!important;height:32px!important;font-size:18px!important}.recipe-line-cost{grid-column:auto!important}}
.recipe-menu-editor-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}.recipe-menu-editor{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #e3e8f1;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28);font-family:'Inter','Noto Sans Arabic','Segoe UI',sans-serif}.recipe-menu-editor>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.recipe-menu-editor>header small{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.recipe-menu-editor h2{margin:5px 0 0;color:#17223b;font-size:25px;line-height:1.2}.recipe-menu-editor-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;font-size:24px;cursor:pointer}.recipe-menu-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recipe-menu-editor-grid .lbl{margin:0}.recipe-menu-editor-grid input,.recipe-menu-editor-grid select{width:100%;height:48px!important;border:1px solid #d8e0ec!important;border-radius:12px!important;background:#fbfcfe!important;font:700 13px 'Inter','Noto Sans Arabic',sans-serif!important}.recipe-menu-editor>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.recipe-menu-editor>footer .btn{width:auto!important;min-width:140px}
.recipe-menu-editor .recipe-lines{border:1px solid #e3e8f1;border-radius:14px;padding:14px;background:#f8fafc;margin-top:18px}.recipe-menu-editor .recipe-lines-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.recipe-menu-editor .recipe-line-labels{grid-template-columns:minmax(160px,2fr) 100px 64px 80px 90px 38px}.recipe-menu-editor .recipe-lines-head>div>b{display:block;font-size:14px;color:#17223b}.recipe-menu-editor .recipe-lines-head>div>small{display:block;margin-top:3px;color:#728097;font-size:10px}.recipe-menu-editor .recipe-add-btn{width:auto!important;min-width:150px;padding:9px 13px!important;box-shadow:none!important}.recipe-menu-editor .recipe-line{position:relative;display:grid;grid-template-columns:minmax(160px,2fr) 100px 64px 80px 90px 38px;gap:8px;align-items:center;margin-top:8px;padding:11px 12px;border:1px solid #E1E6F0;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(31,45,75,.035)}.recipe-menu-editor .recipe-line:hover{border-color:#CBD4FF;box-shadow:0 5px 14px rgba(31,45,75,.07)}.recipe-menu-editor .recipe-line-field{display:contents;align-self:stretch}.recipe-menu-editor .recipe-line-field>small{display:none}.recipe-menu-editor .recipe-line-field>input,.recipe-menu-editor .recipe-line-field>select{height:100%!important;min-height:40px;background:#F9FAFC!important;border-color:#DDE3ED!important;width:100%}.recipe-menu-editor .recipe-unit,.recipe-menu-editor .recipe-line-cost b{height:100%;min-height:40px;box-sizing:border-box;display:grid;place-items:center;padding:5px 7px;border-radius:9px;background:#F1F3F8;color:#536078;font-size:10px;font-weight:800;text-align:center}.recipe-menu-editor .recipe-line-cost b{background:#EEF1FF;color:#3857E8;font:800 12px Inter,sans-serif;font-size:13px}.recipe-menu-editor .recipe-remove{width:36px;height:36px;border:1px solid #F3C8C5;border-radius:10px;background:#FFF5F4;color:#B42318;font-size:20px;cursor:pointer;justify-self:end!important}.recipe-menu-editor .recipe-remove:hover{background:#FEE4E2;border-color:#EFA9A4}.recipe-menu-editor .recipe-line input[type="number"]{text-align:center;font-family:'Inter',sans-serif;font-weight:800;font-variant-numeric:tabular-nums;padding-inline:8px!important}.recipe-menu-editor .recipe-line input[type="number"]::-webkit-inner-spin-button,.recipe-menu-editor .recipe-line input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipe-menu-editor .recipe-cost-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0;padding:12px;border-radius:10px;background:#fff}.recipe-menu-editor .recipe-cost-summary span{font-size:12px;color:#728097}.recipe-menu-editor .recipe-cost-summary b{display:block;color:#17223b;font-size:16px;margin-top:3px}.recipe-menu-editor .recipe-cost-summary>span:last-child{text-align:right}.recipe-menu-editor #recipe-yield{text-align:center;font-family:'Inter',sans-serif;font-weight:800}.recipe-menu-editor .recipe-remove-recipe-link{display:block;margin-top:10px;background:none;border:none;color:#B42318;font-size:11px;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;padding:0}
@media(max-width:650px){.recipe-menu-editor .recipe-line{grid-template-columns:minmax(0,1fr) minmax(72px,.55fr) 34px;gap:6px}.recipe-menu-editor .recipe-line select{grid-column:1/-1;width:100%}.recipe-menu-editor .recipe-line .recipe-unit{align-self:center}.recipe-menu-editor .recipe-line input{width:100%;font-size:12px}.recipe-menu-editor .recipe-line-labels{display:none}}
@media(max-width:650px){.recipe-menu-editor-overlay{align-items:end;padding:0}.recipe-menu-editor{width:100%;max-height:92dvh;padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.recipe-menu-editor h2{font-size:21px}.recipe-menu-editor-grid{grid-template-columns:1fr;gap:13px}.recipe-menu-editor>footer{position:sticky;bottom:0;margin:20px -16px -18px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8edf4}.recipe-menu-editor>footer .btn{flex:1;min-width:0;padding-inline:8px!important}}
.menu-filter-bar{display:flex;gap:10px;margin:14px 0}.menu-filter-bar input{flex:1;min-width:180px;height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-size:13px;font-weight:600;outline:none;background:#fff}.menu-filter-bar select{min-width:170px;height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font-size:13px;font-weight:700;background:#fff}
.menu-size-tabs-hint{display:block;margin-top:12px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.menu-size-tabs{display:flex;gap:6px;margin:6px 0 2px}.menu-size-tabs button{flex:1;border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:10px;padding:6px 10px;font-weight:800;font-size:11px;cursor:pointer}.menu-size-tabs button.on{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-color:transparent}.menu-size-panel-code{display:block;color:var(--muted);font-size:10px;margin-top:10px}.menu-code-aliases{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border:1px dashed #c9d4e6;border-radius:10px;background:#f8fafc}.menu-code-aliases small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.menu-code-aliases b{color:#334155;font-size:10px;text-align:right;overflow-wrap:anywhere}.menu-item-card.recipe-has-conflict{border-color:#f3b562;background:#fffaf0}.menu-item-card.recipe-has-conflict>header>b,.menu-recipe-status.recipe-conflict>b{color:#b45309}.menu-recipe-status.recipe-conflict{background:#fff3d6;border:1px solid #f7cf83}
.recipe-attr-field{display:flex;gap:8px;align-items:center}.recipe-attr-field select{flex:1}.recipe-attr-manage{width:44px!important;height:44px!important;padding:0!important;flex:none;font-size:16px}.recipe-menu-editor .recipe-attr-add-row{display:flex;gap:8px;margin-bottom:14px}.recipe-menu-editor .recipe-attr-add-row input:first-child{flex:1}.recipe-menu-editor .recipe-attr-add-row input,.recipe-menu-editor .recipe-attr-add-row select{height:44px;border:1px solid #d8e0ec;border-radius:12px;background:#fbfcfe;font:700 13px 'Inter','Noto Sans Arabic',sans-serif;padding:0 12px}.recipe-attr-add-row input#recipe-attr-sort{width:80px}.recipe-attr-list{display:grid;gap:8px;max-height:340px;overflow:auto}.recipe-attr-row{display:flex;gap:8px;align-items:center}.recipe-attr-row input{flex:1;height:42px;border:1px solid #e3e8f1;border-radius:10px;background:#fff;padding:0 12px;font:600 13px 'Inter','Noto Sans Arabic',sans-serif}.recipe-attr-row .btn{width:auto!important;min-width:0!important;padding:0 12px!important;height:42px!important}.menu-category-list{display:grid;gap:18px}.menu-category-section{padding:18px;border:1px solid #e1e7f0;border-radius:20px;background:#fbfcfe}.menu-category-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #e6ebf2}.menu-category-section>header small{display:block;color:#7b879c;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.menu-category-section>header h3{margin:3px 0 0;color:#17223b;font-size:18px}.menu-category-section>header>b{padding:6px 10px;border-radius:999px;background:#eef3ff;color:#3857e8;font-size:10px}.menu-recipe-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 15px;padding:10px 12px;border-radius:11px;background:#f8fafc;color:#738096;font-size:10px}.menu-recipe-status>b{color:#253149;font-size:11px;text-align:right}.menu-category-section .menu-card-grid{margin:0}
@media(max-width:650px){.menu-category-section{padding:12px;border-radius:16px}.menu-category-section>header h3{font-size:16px}.menu-category-section .menu-card-grid{gap:10px}.menu-recipe-status{align-items:flex-start;flex-direction:column}.menu-recipe-status>b{text-align:left}}
@media(max-width:390px){.menu-numbers,.menu-kpis{grid-template-columns:1fr}.menu-numbers>div{display:flex;align-items:center;justify-content:space-between}.menu-numbers strong{margin-top:0}.menu-item-card header,.recipe-card header{align-items:flex-start}.menu-item-card header>b,.recipe-card header>b{font-size:9px;padding:5px 7px}#p-recipe>.hero .btn{min-width:100%}}
#p-my-hr{font-family:'Inter','Segoe UI',Arial,sans-serif}.myhr-page{width:100%}.myhr-hero{box-shadow:0 18px 42px rgba(38,68,145,.2)}#p-my-hr .myhr-page>div:not(.myhr-hero){border-color:#e3e9f2!important;box-shadow:0 8px 25px rgba(31,45,75,.055)!important}#p-my-hr button,#p-my-hr input,#p-my-hr select{font-family:inherit}#p-my-hr .myhr-page [style*="font-weight:900"]{letter-spacing:-.15px}
@media(max-width:767px){#p-my-hr{padding-inline:0!important}.myhr-page{max-width:100%!important}.myhr-hero{border-radius:18px!important;padding:18px 15px!important}.myhr-hero+div{padding:13px 10px!important;border-radius:16px!important}.myhr-hero+div [style*="grid-template-columns:repeat(7"]{gap:2px!important}.myhr-hero+div [style*="padding:5px 1px"]{padding:5px 0!important}.myhr-page>[style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important;gap:8px!important}.myhr-page>[style*="grid-template-columns:1fr 1fr 1fr"]>div{display:grid;grid-template-columns:1fr auto;align-items:center}.myhr-page>[style*="grid-template-columns:1fr 1fr 1fr"]>div>div:last-child{grid-column:1/-1}.myhr-page [style*="padding:14px 16px"]{padding:12px!important}.myhr-page [style*="display:flex;gap:8px;flex-wrap:wrap"]>*{min-width:100%!important}}

@media(min-width:921px) and (max-width:1180px){
  html.sidebar-pinned .layout{grid-template-columns:minmax(0,1fr)!important}
  html.sidebar-pinned .sidebar{position:fixed!important;left:8px;top:86px;width:246px!important;height:calc(100vh - 104px);z-index:120;transform:translateX(-280px);transition:transform .2s ease}
  html.sidebar-pinned:has(#sideHandle:hover) .sidebar,html.sidebar-pinned .sidebar:hover{transform:translateX(0);box-shadow:0 18px 50px rgba(0,0,0,.28)}
  html.sidebar-pinned #sideHandle{display:flex}
}
@media(max-width:767px){
  #p-reports .card-hd{flex-wrap:wrap;gap:6px}
  #p-reports .table-wrap{margin:0 -6px;padding:0 6px}
  #p-reports table{min-width:0!important;width:100%;font-size:11px}
  #p-reports th,#p-reports td{padding:6px 7px!important}
  #p-reports .bp-cmp td:first-child,#p-reports .bp-cmp th:first-child{position:sticky;left:0;z-index:1;background:var(--card,#fff);max-width:120px;white-space:normal;box-shadow:2px 0 0 var(--line,#e5e7eb)}
  #p-reports .bp-cmp tfoot td:first-child{background:#17162A}
  #p-reports .bp-kpi{min-width:72px}
  #p-reports .bp-cmp th:nth-child(3),#p-reports .bp-cmp td:nth-child(3),#p-reports .bp-cmp th:nth-child(7),#p-reports .bp-cmp td:nth-child(7){display:none}
}