:root{--qwerty-sidebar-width:250px}
.app-shell{grid-template-columns:var(--qwerty-sidebar-width) minmax(0,1fr);transition:grid-template-columns .28s ease}
.sidebar{width:var(--qwerty-sidebar-width);z-index:100;transition:transform .28s ease,box-shadow .28s ease}
.main-content{min-width:0;transition:margin .28s ease}
.admin-content{min-width:0;overflow-x:hidden}
.topbar{position:sticky;top:0;z-index:90}
.topbar-leading{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-context{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 12px;border:1px solid #d4e0e9;border-radius:11px;background:#f7fafc;color:#174f82;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.sidebar-toggle:hover{transform:translateY(-1px);border-color:#8bb3cf;background:#edf6fc;box-shadow:0 7px 16px #173f6614}
.sidebar-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sidebar-backdrop{display:none}
.sidebar-collapsed .app-shell{grid-template-columns:0 minmax(0,1fr)}
.sidebar-collapsed .sidebar{transform:translateX(-102%);box-shadow:none}
.sidebar-collapsed .main-content{grid-column:2}
.theme-dark .sidebar-toggle{border-color:#365269;background:#172d3f;color:#b8d9ee}
.theme-dark .sidebar-toggle:hover{border-color:#5680a0;background:#1b354a}
@media(max-width:950px){
  .app-shell,.sidebar-collapsed .app-shell{display:block;min-width:0}
  .sidebar,.sidebar-collapsed .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(310px,86vw)!important;height:100dvh!important;padding-top:24px;transform:translateX(-105%);box-shadow:18px 0 45px #07142166;overflow:hidden;z-index:120}
  .sidebar-open .sidebar{transform:translateX(0)}
  .sidebar nav{display:flex!important;overflow-y:auto;overflow-x:hidden;padding-bottom:22px}
  .sidebar-backdrop{position:fixed;inset:0;z-index:110;border:0;background:#07142199;backdrop-filter:blur(2px);cursor:pointer}
  .sidebar-open .sidebar-backdrop{display:block}
  .main-content,.sidebar-collapsed .main-content{grid-column:auto;min-width:0}
  .topbar{position:sticky;top:0;z-index:90;gap:10px;padding:0 18px}
  .topbar-leading{gap:9px;min-width:0}
  .topbar-actions{flex:0 0 auto}
  .topbar-context{max-width:42vw}
  .sidebar-toggle span{display:none}
  .sidebar-toggle{width:40px;padding:0}
  body:has(.sidebar-open){overflow:hidden}
}
@media(max-width:600px){
  .topbar{height:64px}
  .topbar-context{max-width:34vw;font-size:12px}
  .topbar-actions .switch{font-size:0}
  .topbar-actions .switch:after{content:'Cambiar';font-size:11px}
}
@media print{.sidebar-toggle,.sidebar-backdrop{display:none!important}}