.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#073f2c;color:#dffff0;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand-logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#25d695,#0f8f5d);display:grid;place-items:center;font-weight:950;color:white;box-shadow:0 12px 28px rgba(0,0,0,.2)}.brand span,.side-status span{display:block;color:#aee8cf;font-size:12px;margin-top:2px}.nav{display:grid;gap:7px}.nav button{display:flex;gap:11px;align-items:center;width:100%;background:transparent;color:#dffff0;padding:12px 13px;border-radius:14px;text-align:left;font-weight:750}.nav button.active,.nav button:hover{background:rgba(255,255,255,.13)}.side-status{margin-top:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;background:rgba(255,255,255,.08)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.icon-btn{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line);font-weight:850}.global-search{flex:1;display:flex;align-items:center;gap:10px;height:44px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 14px;box-shadow:0 8px 20px rgba(17,35,27,.04)}.global-search span{font-size:12px;color:var(--muted);font-weight:850;background:#f1f5f9;border-radius:8px;padding:4px 7px}.global-search input{border:0;outline:0;width:100%;background:transparent}.top-actions{display:flex;gap:8px;align-items:center}.content{padding:22px;max-width:1600px;margin:auto}.bottom-nav{display:none}@media(max-width:1050px){.app-shell{grid-template-columns:86px 1fr}.sidebar{padding:12px}.brand div:last-child,.nav span,.side-status{display:none}.nav button{justify-content:center}.content{padding:18px}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:auto;flex-wrap:wrap;padding:10px}.global-search{order:3;flex-basis:100%}.top-actions .btn,.top-actions #modeDesktop,.top-actions #modeMobile{display:none}.content{padding:14px 12px 88px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:80;background:#073f2c;border-radius:22px;padding:8px;box-shadow:var(--shadow)}.bottom-nav button{background:transparent;color:#dffff0;border-radius:14px;padding:7px 4px;font-size:11px}.bottom-nav button.active{background:rgba(255,255,255,.16)}}.force-mobile .app-shell{display:block;max-width:430px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--bg)}.force-mobile .sidebar{display:none}.force-mobile .topbar{height:auto;flex-wrap:wrap}.force-mobile .global-search{order:3;flex-basis:100%}.force-mobile .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:calc(50% - 205px);right:calc(50% - 205px);bottom:10px;z-index:80;background:#073f2c;border-radius:22px;padding:8px;box-shadow:var(--shadow)}.force-mobile .bottom-nav button{background:transparent;color:#dffff0;border-radius:14px;padding:7px 4px;font-size:11px}.force-mobile .bottom-nav button.active{background:rgba(255,255,255,.16)}