:root{--p51-font:"Oilora IranYekan","IRANYekanX","IRANYekan","IranYekan","Iran Yekan",Tahoma,"Segoe UI",Arial,sans-serif}
html,body,#app,button,input,select,textarea,option{font-family:var(--p51-font)!important}
.shell[data-phase51-ui="true"] .p51-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;grid-template-columns:none!important;gap:18px!important;min-height:66px!important;height:66px!important;padding:0 22px!important}
.shell[data-phase51-ui="true"] .topbar-start{display:flex;align-items:center;min-width:0;gap:12px}
.shell[data-phase51-ui="true"] .page-identity{display:grid;gap:1px;min-width:0}.shell[data-phase51-ui="true"] .page-identity small{font-size:10px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell[data-phase51-ui="true"] .page-identity b{font-size:15px;line-height:1.5}
.shell[data-phase51-ui="true"] .top-actions{margin-inline-start:auto!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:max-content!important}
.shell[data-phase51-ui="true"] .topbar-search-wrap,.shell[data-phase51-ui="true"] .shell-theme-toggle,.shell[data-phase51-ui="true"] .mobile-search-trigger{display:none!important}
.shell[data-phase51-ui="true"] .quick-create{height:42px!important;min-height:42px!important;padding:0 15px!important;box-shadow:none!important}.shell[data-phase51-ui="true"] .icon-btn{width:42px;height:42px;min-width:42px}.shell[data-phase51-ui="true"] .profile-pro{min-height:42px!important;padding:4px 8px 4px 12px!important;box-shadow:none!important}.shell[data-phase51-ui="true"] .profile-text small{font-size:9px}.shell[data-phase51-ui="true"] .profile .avatar{width:32px;height:32px}
body.p51-command-open{overflow:hidden}
.p51-command-backdrop{position:fixed;inset:0;z-index:2500;background:rgba(4,24,19,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:8vh 18px 30px}.p51-command-backdrop.open{display:flex}
.p51-command{width:min(660px,100%);max-height:min(720px,82vh);overflow:hidden;background:#fff;border:1px solid #dce8e4;border-radius:22px;box-shadow:0 28px 80px rgba(5,35,27,.22);display:flex;flex-direction:column;color:#10251f}.p51-command>header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #edf3f1}.p51-command>header>div{min-width:0;flex:1;display:flex;align-items:center;gap:10px;border:1px solid #dce8e4;background:#f8fbfa;border-radius:13px;padding:0 12px}.p51-command>header svg{width:18px;height:18px;opacity:.55}.p51-command>header input{min-width:0;flex:1;height:46px;border:0;outline:0;background:transparent;color:#10251f;font-size:14px}.p51-command kbd{border:1px solid #dce8e4;background:#f5f8f7;border-radius:7px;padding:3px 7px;font:600 10px/1.4 var(--p51-font);color:#667c74}.p51-command-body{padding:10px;overflow:auto;display:grid;gap:9px}.p51-command-section{border:1px solid #edf3f1;border-radius:15px;padding:8px}.p51-command-title{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 8px}.p51-command-title b{font-size:12px}.p51-command-title small{font-size:10px;color:#81918b}.p51-command-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;color:#173028;transition:.14s ease}.p51-command-item:hover,.p51-command-item:focus-visible{background:#effaf6;outline:0}.p51-command-item>svg{width:18px;height:18px;color:#148f70}.p51-command-item>span{display:grid;min-width:0}.p51-command-item b{font-size:12px}.p51-command-item small{font-size:10px;color:#7c9088;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p51-command-item em{font-style:normal;color:#8ba097}.p51-command-empty,.p51-command-hint{display:block;padding:14px 9px;text-align:center;color:#869790;font-size:11px}.p51-command>footer{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #edf3f1;color:#82928d;font-size:10px}
.p51-customers-loading{min-height:460px}.p51-customer-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.p51-customer-skeleton i{height:94px;border-radius:16px;background:linear-gradient(90deg,#f2f6f5 25%,#eaf2ef 38%,#f2f6f5 62%);background-size:300% 100%;animation:p51Shimmer 1.25s infinite}@keyframes p51Shimmer{to{background-position:-100% 0}}
.p51-hero-brand{position:relative;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.p51-hero-logo-halo{position:absolute;z-index:-1;width:min(540px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(24,235,176,.14),rgba(24,235,176,.04) 45%,transparent 70%);filter:blur(3px)}.p51-hero-logo{display:block;width:min(520px,88%);height:auto;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(11,66,52,.11))}.p51-hero-brand-note{display:flex;align-items:center;gap:12px;margin-top:14px;color:#72847e;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.p51-hero-brand-note span{width:34px;height:1px;background:#b8d8ce}
@media(max-width:1080px){.shell[data-phase51-ui="true"] .profile-text{display:none}.p51-hero-brand{min-height:390px}.p51-customer-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shell[data-phase51-ui="true"] .p51-topbar{height:60px!important;min-height:60px!important;padding:0 12px!important;gap:8px!important}.shell[data-phase51-ui="true"] .quick-create span{display:none}.shell[data-phase51-ui="true"] .quick-create{width:42px;padding:0!important}.shell[data-phase51-ui="true"] .profile-caret{display:none}.p51-command-backdrop{padding:12px;align-items:flex-end}.p51-command{border-radius:20px 20px 14px 14px;max-height:86dvh}.p51-command>footer{display:none}.p51-customer-skeleton{grid-template-columns:1fr 1fr}.p51-hero-brand{min-height:300px}.p51-hero-logo{width:min(400px,92%)}}
@media(prefers-reduced-motion:reduce){.p51-customer-skeleton i{animation:none}.p51-command-item{transition:none}}
[data-theme="dark"] .p51-command{background:#0e201a;color:#ecf7f3;border-color:#28463c}.shell[data-phase51-ui="true"]~.p51-command-backdrop .p51-command{color-scheme:light}
/* Role account interface */
.demo-role-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important}
.demo-role-card{align-items:flex-start!important;gap:6px!important;padding:16px!important}
.demo-role-card code,.demo-customer-card code{direction:ltr;unicode-bidi:plaintext;display:block;width:100%;padding:7px 9px;border-radius:9px;background:rgba(15,23,42,.06);font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.demo-customer-card{margin-top:14px;display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,.8fr) minmax(100px,.55fr) auto;align-items:center;gap:10px;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--surface,#fff)}
.demo-customer-card div{display:grid;gap:4px}.demo-customer-card small{color:var(--muted,#64748b)}
@media(max-width:780px){.demo-customer-card{grid-template-columns:1fr}.demo-customer-card .btn{width:100%}}


/* Admin shell */
:root{--p68-sidebar-expanded:252px;--p68-sidebar-collapsed:78px;--p68-topbar:64px}
@media(min-width:981px){
  :root{--oilora-app-sidebar:var(--p68-sidebar-expanded)!important;--oilora-shell-sidebar:var(--p68-sidebar-expanded)!important;--oilora-app-sidebar-collapsed:var(--p68-sidebar-collapsed)!important;--oilora-shell-sidebar-collapsed:var(--p68-sidebar-collapsed)!important;--oilora-app-topbar:var(--p68-topbar)!important;--oilora-shell-topbar:var(--p68-topbar)!important}
  .shell[data-admin-shell]>.sidebar{width:var(--p68-sidebar-expanded)!important;overflow:visible!important;z-index:80!important;box-shadow:-1px 0 0 rgba(255,255,255,.03)}
  .shell[data-admin-shell].sidebar-collapsed>.sidebar{width:var(--p68-sidebar-collapsed)!important}
  .shell[data-admin-shell]>.main{width:calc(100% - var(--p68-sidebar-expanded))!important;margin-inline-start:var(--p68-sidebar-expanded)!important}
  .shell[data-admin-shell].sidebar-collapsed>.main{width:calc(100% - var(--p68-sidebar-collapsed))!important;margin-inline-start:var(--p68-sidebar-collapsed)!important}
  .shell[data-admin-shell] .side-brand{height:64px!important;min-height:64px!important;position:relative!important;overflow:visible!important;padding:0 14px!important}
  .shell[data-admin-shell] .side-brand-mark{width:32px!important;height:32px!important}
  .shell[data-admin-shell] .side-brand-wordmark{width:86px!important;max-height:25px!important}
  .shell[data-admin-shell] .side-collapse{display:grid!important;position:absolute!important;inset-inline-end:-15px!important;top:16px!important;width:30px!important;height:30px!important;z-index:120!important;border-radius:999px!important;background:#fff!important;border:1px solid #dce7e1!important;color:#315a45!important;box-shadow:0 5px 18px rgba(6,31,20,.16)!important;transform:none!important}
  .shell[data-admin-shell] .side-collapse:hover{background:#f1faf5!important;color:#0e7b47!important;border-color:#b9d8c7!important;transform:scale(1.04)!important}
  .shell[data-admin-shell] .side-collapse .oil-icon{width:15px!important;height:15px!important;transition:transform .18s ease!important}
  .shell[data-admin-shell].sidebar-collapsed .side-collapse{display:grid!important;inset-inline-end:-15px!important}
  .shell[data-admin-shell].sidebar-collapsed .side-collapse .oil-icon{transform:rotate(180deg)!important}
  .shell[data-admin-shell].sidebar-collapsed .side-brand{justify-content:center!important;padding:0!important}
  .shell[data-admin-shell].sidebar-collapsed .side-brand-link{justify-content:center!important;width:100%!important}
  .shell[data-admin-shell].sidebar-collapsed .side-brand-wordmark{display:none!important}
  .shell[data-admin-shell] .sidebar-scroll{overflow-y:auto!important;overflow-x:hidden!important;padding:10px 9px 14px!important}
  .shell[data-admin-shell] .sidebar-foot{overflow:hidden!important;padding:10px!important}
  .shell[data-admin-shell] .nav-item{min-height:40px!important;border-radius:10px!important;font-size:12px!important}
  .shell[data-admin-shell] .nav-section{padding:11px 10px 5px!important;font-size:9.5px!important}
  .shell[data-admin-shell].sidebar-collapsed .sidebar-scroll{padding-inline:9px!important}
  .shell[data-admin-shell].sidebar-collapsed .nav-item{justify-content:center!important;padding:0!important}
  .shell[data-admin-shell].sidebar-collapsed .nav-label,.shell[data-admin-shell].sidebar-collapsed .nav-section,.shell[data-admin-shell].sidebar-collapsed .nav-active-mark,.shell[data-admin-shell].sidebar-collapsed .p50-branch-summary div,.shell[data-admin-shell].sidebar-collapsed .p50-branch-summary i,.shell[data-admin-shell].sidebar-collapsed .plan-chip div,.shell[data-admin-shell].sidebar-collapsed .sidebar-version{display:none!important}
  .shell[data-admin-shell].sidebar-collapsed .p50-branch-summary{justify-content:center!important;padding-inline:0!important}
  .shell[data-admin-shell].sidebar-collapsed .plan-chip{justify-content:center!important;padding:10px 0!important}
  .shell[data-admin-shell]>.main>.topbar{height:var(--p68-topbar)!important;min-height:var(--p68-topbar)!important;padding-inline:20px!important;z-index:55!important;background:rgba(255,255,255,.96)!important}
  .shell[data-admin-shell] .p51-topbar{height:var(--p68-topbar)!important;min-height:var(--p68-topbar)!important;padding:0 20px!important}
  .shell[data-admin-shell] .page-identity small{font-size:9px!important}
  .shell[data-admin-shell] .page-identity b{font-size:14px!important}
  .shell[data-admin-shell] .quick-create,.shell[data-admin-shell] .icon-btn,.shell[data-admin-shell] .profile-pro{min-height:38px!important;height:38px!important}
  .shell[data-admin-shell] .icon-btn{width:38px!important;min-width:38px!important}
}
/* Admin header never carries a hamburger. Mobile navigation is bottom-nav + More drawer. */
.shell[data-admin-shell] .mobile-menu,.shell[data-admin-shell] [data-menu]{display:none!important}
@media(max-width:980px){
  .shell[data-admin-shell]>.sidebar,.shell[data-admin-shell].sidebar-collapsed>.sidebar{overflow:hidden!important;z-index:90!important;width:min(292px,88vw)!important}
  .shell[data-admin-shell] .side-collapse{display:none!important}
  .shell[data-admin-shell] .side-brand{height:62px!important;min-height:62px!important;padding:0 15px!important;justify-content:flex-start!important}
  .shell[data-admin-shell] .side-brand-wordmark{display:block!important}
  .shell[data-admin-shell] .p51-topbar{height:60px!important;min-height:60px!important;padding:0 12px!important}
  .shell[data-admin-shell] .topbar-start{min-width:0!important;flex:1!important}
  .shell[data-admin-shell] .page-identity small{display:none!important}
  .shell[data-admin-shell] .page-identity b{font-size:13px!important}
  .shell[data-admin-shell] .top-actions{gap:6px!important}
}
@media(max-width:640px){
  .shell[data-admin-shell] .notify-btn{display:none!important}
  .shell[data-admin-shell] .profile-pro{width:38px!important;min-width:38px!important;padding:3px!important}
  .shell[data-admin-shell] .profile-text,.shell[data-admin-shell] .profile-caret{display:none!important}
  .shell[data-admin-shell]>.main>.content{padding-bottom:104px!important}
}