*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:#f5f7fa;background-color:#0e1117;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{background:radial-gradient(circle at 0 0,#2fa84f29,#0000 30%),#0e1117;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:#151a22eb;border-right:1px solid #2a3342;min-height:100vh;padding:24px}.sidebar__brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.sidebar__logo{color:#fff;background:linear-gradient(135deg,#0b3d2e,#146b3a);border-radius:16px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.sidebar__eyebrow,.topbar__eyebrow{color:#7f8a9a;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.sidebar__title{color:#f5f7fa;font-size:1.05rem}.sidebar__nav{gap:10px;display:grid}.sidebar__link{color:#aab4c3;border-radius:12px;padding:12px 14px;transition:all .2s}.sidebar__link:hover{color:#fff;background:#2fa84f24}.app-main{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1117b8;border-bottom:1px solid #2a3342;justify-content:space-between;align-items:center;min-height:86px;padding:22px 32px;display:flex}.topbar__title{font-size:1.35rem}.topbar__badges{gap:10px;display:flex}.topbar__badges span{color:#f5f7fa;background:#151a22;border:1px solid #2a3342;border-radius:999px;padding:8px 12px;font-size:.85rem}.app-content{padding:32px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #2a3342;border-right:none;min-height:auto}.sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start;gap:16px}}