.app{grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.side{background:var(--surface);border-right:1px solid var(--line);height:100dvh;padding:18px 14px;padding-left:max(14px, env(safe-area-inset-left,0px));flex-direction:column;gap:6px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 16px;font-size:17px;font-weight:700;display:flex}.brand .logo{border-radius:9px;flex:none;width:32px;height:32px;display:block}.nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav a em.nv{font-style:normal;display:none}.nav a:hover{background:var(--card);color:var(--text)}.nav a[aria-current=page]{background:var(--card-2);color:var(--text);border-color:var(--line-2);box-shadow:inset 3px 0 0 var(--accent)}.nav a[aria-current=page] svg{color:var(--accent)}.side .env{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;font-size:12.5px;display:flex}.side .env i{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}.side .env b{color:var(--text);font-weight:600}.side .env em.nv{font-style:normal;display:none}.page{padding:22px 28px 40px;padding-right:max(28px, env(safe-area-inset-right,0px));min-width:0}.tabbar{display:none}@container ecran (max-width:1180px){.app{grid-template-columns:88px minmax(0,1fr)}.side{align-items:stretch;padding:16px 8px}.brand{justify-content:center;padding:2px 0 14px}.brand span{display:none}.nav{gap:4px;display:grid}.nav a{flex-direction:column;justify-content:center;gap:5px;padding:10px 0 9px}.nav a span{display:none}.nav a em.nv{letter-spacing:.01em;text-align:center;white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1.1;display:block}.nav a svg.i{width:20px;height:20px}.nav a[aria-current=page]{box-shadow:none}.side .env{flex-direction:column;justify-content:center;gap:6px;padding:9px 0 8px}.side .env span{display:none}.side .env em.nv{color:var(--ok);font-size:10.5px;font-weight:600;line-height:1.1;display:block}.page{padding:20px 22px 40px}}@container ecran (max-width:700px){.app{grid-template-columns:minmax(0,1fr);min-height:0}.side{display:none}.page{padding:14px 16px calc(96px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.tabbar{z-index:45;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);border-radius:10px;justify-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:600;text-decoration:none;display:grid}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar a svg.i{width:22px;height:22px}}