.shell{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);width:100%;max-width:none;margin:0;padding:0;min-height:100vh;align-items:start}.top{grid-column:2;grid-row:1;margin:0 32px;padding:16px 0;min-height:76px;grid-template-columns:minmax(0,1fr) auto}.top h1{font-size:16px;font-weight:500;color:var(--muted)}.shell>.tabs{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px;margin:0;padding:26px 14px;position:sticky;top:0;height:100vh;border:0;border-right:1px solid var(--line);background:#fff;overflow-y:auto}.nav-brand{display:grid;gap:6px;padding:0 14px 30px}.nav-brand strong{font-size:25px;color:#247364}.nav-brand span{font-size:14px;color:var(--muted)}.shell>.tabs .tab{flex-shrink:0;min-height:44px;width:100%;text-align:left;padding:12px 16px;font-size:15px;font-weight:500;border:0;border-radius:5px;box-shadow:none;white-space:normal;line-height:1.4;color:#555f66}.shell>.tabs .tab.active{background:#e7f2ed;color:#1c6657;font-weight:600}.shell>.tabs .tab:hover{background:#f0f5f3}.shell>.tabs .tab[hidden]{display:none}.shell>.tabs .tab[data-view=admin]{margin-top:auto;border-top:1px solid var(--line);border-radius:0;padding-top:20px}.shell>.view{grid-column:2;grid-row:2;padding:26px 32px 40px;min-width:0}.nav-toggle,.nav-backdrop{display:none}.style-reference-preview:empty{display:none}.style-reference-preview{display:flex;gap:12px;align-items:center;padding:12px;background:#f1f5f4;border-radius:5px;overflow-wrap:anywhere}.style-reference-preview img{width:68px;height:84px;object-fit:contain;background:white}.reference-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:12px}.reference-actions button{font-size:14px;min-height:34px}.reference-actions .reference-link{border:0;background:none;color:#247364;padding:0;font-size:13px}.reference-actions .primary{padding:6px 10px}#ideaGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1600px){#ideaGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}.shell>.view{padding:24px}.top{margin:0 24px}.top h1{font-size:14px}#ideaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-layout{grid-template-columns:1fr}}
@media(max-width:760px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:70px minmax(0,1fr)}.shell>.view{grid-column:1;padding:20px 16px}.top{grid-column:1;margin:0 16px;min-height:70px;display:flex;justify-content:space-between}.top>div:first-child{display:none}.userbar{margin-left:auto}.shell>.tabs{position:fixed;left:0;top:0;width:225px;height:100dvh;z-index:31;transform:translateX(-100%);transition:transform .15s ease}.sidebar-open .shell>.tabs{transform:translateX(0)}.nav-toggle{display:block;border:1px solid var(--line);background:white;border-radius:5px;padding:8px 12px;font-size:14px}.sidebar-open .nav-backdrop{display:block;position:fixed;inset:0;z-index:30;background:rgba(24,32,29,.28);border:0}#ideaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-actions .primary{width:100%}.userbar .member-name{max-width:150px;overflow-wrap:anywhere}.top .userbar{flex-wrap:nowrap}.style-reference-preview{align-items:flex-start}}
@media print{.shell{display:block}.shell>.tabs,.nav-toggle,.nav-backdrop{display:none!important}.shell>.view{padding:0}}

.shell{grid-template-rows:minmax(0,1fr)}
.shell>.top{display:none}
.shell>.tabs,.shell>.view{grid-row:1}
.shell>.tabs .nav-brand{padding:0 10px 22px}
.nav-brand h1{font-size:19px;line-height:1.5;color:#247364;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.sidebar-account{order:2;margin-top:auto;padding:16px 10px 0;border-top:1px solid var(--line);flex-shrink:0;min-width:0}
.sidebar-account .userbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;min-width:0}
.sidebar-account .member-name{max-width:none;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.sidebar-account #logout{width:100%;min-height:36px;padding:7px 10px;font-size:13px}
.shell>.tabs .tab[data-view=admin]{order:1;margin-top:12px;padding-top:12px}
@media(max-width:760px){
  .shell{grid-template-rows:48px minmax(0,1fr)}
  .shell>.top{display:flex;grid-row:1;min-height:48px;margin:0 16px;padding:6px 0;border:0;justify-content:flex-start}
  .shell>.top .nav-toggle{min-height:34px;padding:6px 12px;white-space:nowrap}
  .shell>.view{grid-row:2}
  .sidebar-account .userbar .member-name{max-width:none}
}
@media print{.shell>.top{display:none!important}}
.mobile-navigation{display:none}
@media(max-width:760px){.shell>.mobile-navigation{display:flex;grid-column:1;grid-row:1;align-items:center;padding:6px 16px;min-height:48px}.mobile-navigation .nav-toggle{min-height:34px;padding:6px 12px;white-space:nowrap}}
@media print{.mobile-navigation{display:none!important}}