:root{
  --oilora-shell-sidebar:280px;
  --oilora-shell-sidebar-collapsed:88px;
  --oilora-shell-topbar:72px;
  --oilora-shell-content-max:1540px;
  --oilora-shell-gutter:clamp(16px,2.15vw,32px);
  --oilora-shell-side-bg:#0a1d17;
  --oilora-shell-side-border:rgba(255,255,255,.075);
  --oilora-shell-side-text:#d9e9e2;
  --oilora-shell-side-muted:#78998b;
  --oilora-shell-surface:var(--oilora-canvas,#fff);
  --oilora-shell-canvas:var(--oilora-app-canvas,#f7faf9);
}

.shell-skip-link{position:fixed;inset-block-start:8px;inset-inline-start:50%;z-index:9999;transform:translate(-50%,-160%);padding:9px 14px;border-radius:10px;background:#071a14;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.25);transition:transform .16s ease}.shell-skip-link:focus{transform:translate(-50%,0);outline:3px solid var(--oilora-focus);outline-offset:2px}

body.oilora-surface-admin{background:var(--oilora-shell-canvas)!important}
body.oilora-surface-admin.oilora-drawer-open{overflow:hidden!important}
.shell[data-admin-shell]{min-width:0;background:var(--oilora-shell-canvas)!important}
.shell[data-admin-shell]>.sidebar{background:var(--oilora-shell-side-bg)!important;border-inline-end:1px solid var(--oilora-shell-side-border);color:var(--oilora-shell-side-text);box-shadow:10px 0 34px rgba(3,20,14,.055)}
.shell[data-admin-shell] .side-brand{height:72px!important;min-height:72px!important;border-color:var(--oilora-shell-side-border)!important}
.shell[data-admin-shell] .sidebar-scroll{padding:12px 12px 18px!important;scroll-padding-block:14px;scrollbar-width:thin;scrollbar-color:rgba(126,171,151,.35) transparent}
.shell[data-admin-shell] .sidebar-scroll::-webkit-scrollbar{width:7px}.shell[data-admin-shell] .sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(126,171,151,.3);border-radius:999px}
.shell[data-admin-shell] .nav-section{color:var(--oilora-shell-side-muted)!important;padding:14px 11px 6px!important;font-size:10px!important;letter-spacing:.015em!important}
.shell[data-admin-shell] .nav-item{min-height:42px!important;border-radius:11px!important;color:#aec6bb!important;padding-inline:11px!important;transition:background .14s ease,color .14s ease,transform .14s ease!important}
.shell[data-admin-shell] .nav-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:translateX(-1px)}
html[dir="ltr"] .shell[data-admin-shell] .nav-item:hover{transform:translateX(1px)}
.shell[data-admin-shell] .nav-item.active{background:linear-gradient(110deg,rgba(8,123,96,.96),rgba(7,92,72,.96))!important;color:#fff!important;box-shadow:0 9px 22px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.075)!important}
.shell[data-admin-shell] .nav-active-mark{background:var(--oilora-primary-500,#18ebb0)!important}
.shell[data-admin-shell] .sidebar-foot{border-color:var(--oilora-shell-side-border)!important;padding:11px 12px 12px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.07))}
.shell[data-admin-shell] .plan-chip{border-color:var(--oilora-shell-side-border)!important;background:rgba(255,255,255,.045)!important}
.shell[data-admin-shell] .plan-dot{background:var(--oilora-primary-500,#18ebb0)!important;box-shadow:0 0 0 5px rgba(24,235,176,.10)!important}

.shell[data-admin-shell]>.main{background:var(--oilora-shell-canvas)!important;min-width:0!important}
.shell[data-admin-shell]>.main>.topbar{height:var(--oilora-shell-topbar)!important;min-height:var(--oilora-shell-topbar)!important;margin:0!important;background:color-mix(in srgb,var(--oilora-shell-surface) 95%,transparent)!important;border-bottom:1px solid var(--oilora-border,#dfe8e4)!important;box-shadow:0 1px 0 rgba(6,38,27,.018)!important;backdrop-filter:blur(18px) saturate(1.08)!important}
.shell[data-admin-shell] .topbar-start{min-width:0}.shell[data-admin-shell] .page-identity small{color:var(--oilora-text-muted,#687c74)!important}.shell[data-admin-shell] .page-identity b{font-size:13px!important;line-height:1.4!important}
.shell[data-admin-shell] .topbar-search{height:42px!important;border-color:var(--oilora-border,#dfe8e4)!important;box-shadow:none!important;background:var(--oilora-shell-surface)!important}.shell[data-admin-shell] .topbar-search:focus-within{border-color:var(--oilora-primary-500,#18ebb0)!important;box-shadow:0 0 0 4px rgba(24,235,176,.12)!important}
.shell[data-admin-shell] .icon-btn,.shell[data-admin-shell] .branch-btn,.shell[data-admin-shell] .panel-switch-btn,.shell[data-admin-shell] .profile-pro{border-color:var(--oilora-border,#dfe8e4)!important;background:var(--oilora-shell-surface)!important;box-shadow:none!important}
.shell[data-admin-shell] .quick-create{background:var(--oilora-primary-800,#087b60)!important;box-shadow:0 8px 18px rgba(8,123,96,.16)!important}
.shell[data-admin-shell] .quick-create:hover{background:var(--oilora-primary-900,#09644f)!important}

.shell[data-admin-shell]>.main>.content{min-width:0!important;background:var(--oilora-shell-canvas)!important;scrollbar-gutter:stable;overscroll-behavior-y:contain;scroll-behavior:smooth}
.shell[data-admin-shell] .app-breadcrumb{width:min(100%,var(--oilora-shell-content-max));margin:0 auto 14px;display:flex;align-items:center;gap:7px;min-height:28px;color:var(--oilora-text-muted,#687c74);font-size:10.5px;white-space:nowrap;overflow:hidden}
.shell[data-admin-shell] .app-breadcrumb a{color:var(--oilora-primary-800,#087b60);font-weight:800}.shell[data-admin-shell] .app-breadcrumb span{opacity:.55}.shell[data-admin-shell] .app-breadcrumb b{color:var(--oilora-text,#10221c);font-weight:800;overflow:hidden;text-overflow:ellipsis}.shell[data-admin-shell] .app-breadcrumb .crumb-group{color:var(--oilora-text-muted,#687c74);font-weight:650}
.shell[data-admin-shell] .page-head{padding-block:0!important}.shell[data-admin-shell] .page-head h1{font-weight:850!important}.shell[data-admin-shell] .page-head p{color:var(--oilora-text-muted,#687c74)!important}

.shell[data-admin-shell] .shell-overlay{position:fixed!important;inset:0!important;z-index:68!important;background:rgba(2,16,11,.48)!important;backdrop-filter:blur(3px)!important}

@media(min-width:981px){
  body.oilora-surface-admin{overflow:hidden!important}
  .shell[data-admin-shell]{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  .shell[data-admin-shell]>.sidebar{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;width:var(--oilora-shell-sidebar)!important;height:100dvh!important;max-height:100dvh!important;z-index:70!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transition:width .18s ease!important}
  .shell[data-admin-shell].sidebar-collapsed>.sidebar{width:var(--oilora-shell-sidebar-collapsed)!important}
  .shell[data-admin-shell]>.main{position:fixed!important;inset-block:0!important;inset-inline-end:0!important;width:calc(100% - var(--oilora-shell-sidebar))!important;height:100dvh!important;margin:0!important;display:grid!important;grid-template-rows:var(--oilora-shell-topbar) minmax(0,1fr)!important;overflow:hidden!important;transition:width .18s ease!important}
  .shell[data-admin-shell].sidebar-collapsed>.main{width:calc(100% - var(--oilora-shell-sidebar-collapsed))!important}
  .shell[data-admin-shell]>.main>.topbar{position:relative!important;top:auto!important;z-index:50!important}
  .shell[data-admin-shell]>.main>.content{height:100%!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:22px var(--oilora-shell-gutter) 48px!important}
  .shell[data-admin-shell]>.main>.content>*:not(.app-breadcrumb){width:min(100%,var(--oilora-shell-content-max));margin-inline:auto}
  .shell[data-admin-shell] .side-collapse{display:grid!important}
  .shell[data-admin-shell].sidebar-collapsed .side-brand{padding-inline:12px!important;justify-content:center!important}.shell[data-admin-shell].sidebar-collapsed .side-brand-link{justify-content:center!important}.shell[data-admin-shell].sidebar-collapsed .side-brand-wordmark,.shell[data-admin-shell].sidebar-collapsed .nav-section,.shell[data-admin-shell].sidebar-collapsed .nav-label,.shell[data-admin-shell].sidebar-collapsed .nav-active-mark,.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 .side-collapse{position:absolute;inset-inline-end:-16px;background:#fff;color:#173c2f;border-color:var(--oilora-border,#dfe8e4);box-shadow:0 5px 15px rgba(0,0,0,.12)}.shell[data-admin-shell].sidebar-collapsed .sidebar-scroll{padding-inline:12px!important}.shell[data-admin-shell].sidebar-collapsed .nav-item{justify-content:center!important;padding:0!important}.shell[data-admin-shell].sidebar-collapsed .plan-chip{justify-content:center!important;padding-inline:0!important}
}

@media(max-width:1280px) and (min-width:981px){:root{--oilora-shell-sidebar:256px}.shell[data-admin-shell]>.main>.topbar{padding-inline:16px!important}.shell[data-admin-shell] .branch-btn{display:none!important}}

@media(max-width:980px){
  body.oilora-surface-admin{overflow-x:hidden!important}
  .shell[data-admin-shell],.shell[data-admin-shell].sidebar-collapsed{display:block!important;min-height:100dvh!important;height:auto!important;overflow:visible!important}
  .shell[data-admin-shell]>.main,.shell[data-admin-shell].sidebar-collapsed>.main{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;display:block!important;overflow:visible!important}
  .shell[data-admin-shell]>.main>.topbar{position:sticky!important;top:0!important;z-index:55!important;height:68px!important;min-height:68px!important}
  .shell[data-admin-shell]>.main>.content{width:100%!important;max-width:none!important;height:auto!important;min-height:calc(100dvh - 68px)!important;overflow:visible!important;margin:0!important;padding:18px 14px 96px!important}
  .shell[data-admin-shell]>.main>.content>*:not(.app-breadcrumb){width:100%!important;max-width:100%!important}
  .shell[data-admin-shell] .app-breadcrumb{width:100%!important;margin-bottom:12px!important}
  .shell[data-admin-shell]>.sidebar,.shell[data-admin-shell].sidebar-collapsed>.sidebar{position:fixed!important;top:0!important;bottom:0!important;right:auto!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:-320px!important;width:min(292px,88vw)!important;height:100dvh!important;max-height:100dvh!important;z-index:75!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transition:inset-inline-end .2s ease!important;box-shadow:-22px 0 48px rgba(0,0,0,.20)!important}
  .shell[data-admin-shell]>.sidebar.open,.shell[data-admin-shell].sidebar-collapsed>.sidebar.open{inset-inline-end:0!important}
  html[dir="ltr"] .shell[data-admin-shell]>.sidebar,html[dir="ltr"] .shell[data-admin-shell].sidebar-collapsed>.sidebar{inset-inline-end:auto!important;inset-inline-start:-320px!important;transition:inset-inline-start .2s ease!important;box-shadow:22px 0 48px rgba(0,0,0,.20)!important}
  html[dir="ltr"] .shell[data-admin-shell]>.sidebar.open,html[dir="ltr"] .shell[data-admin-shell].sidebar-collapsed>.sidebar.open{inset-inline-start:0!important}
  .shell[data-admin-shell] .side-collapse{display:none!important}
  .shell[data-admin-shell].sidebar-collapsed .side-brand-wordmark,.shell[data-admin-shell].sidebar-collapsed .nav-section,.shell[data-admin-shell].sidebar-collapsed .nav-label,.shell[data-admin-shell].sidebar-collapsed .nav-active-mark,.shell[data-admin-shell].sidebar-collapsed .plan-chip>div,.shell[data-admin-shell].sidebar-collapsed .sidebar-version{display:initial!important}
  .shell[data-admin-shell].sidebar-collapsed .nav-item{justify-content:flex-start!important;padding-inline:11px!important}
  .shell[data-admin-shell].sidebar-collapsed .plan-chip{justify-content:flex-start!important;padding-inline:11px!important}
  .shell[data-admin-shell] .shell-overlay{display:none!important}.shell[data-admin-shell]:has(>.sidebar.open)>.shell-overlay{display:block!important}
}

@media(max-width:700px){
  .shell[data-admin-shell]>.main>.topbar{grid-template-columns:minmax(0,1fr) auto!important;padding-inline:10px!important}.shell[data-admin-shell] .topbar-search-wrap.mobile-open{display:block!important}.shell[data-admin-shell] .page-identity small{display:none!important}.shell[data-admin-shell] .page-identity b{font-size:12px!important}.shell[data-admin-shell]>.main>.content{padding-inline:12px!important;padding-top:14px!important}.shell[data-admin-shell] .app-breadcrumb{font-size:10px!important}.shell[data-admin-shell] .app-breadcrumb .crumb-group{display:none}.shell[data-admin-shell] .app-breadcrumb .crumb-group+span{display:none}
}

html[data-theme="dark"] body.oilora-surface-admin{--oilora-shell-surface:#10231d;--oilora-shell-canvas:#0c1a16}.shell[data-admin-shell] .shell-popover{background:var(--oilora-shell-surface);border-color:var(--oilora-border);color:var(--oilora-text)}

@media(prefers-reduced-motion:reduce){.shell[data-admin-shell]>.sidebar,.shell[data-admin-shell]>.main,.shell-skip-link{transition:none!important}.shell[data-admin-shell]>.main>.content{scroll-behavior:auto}}