*,:after,:before{box-sizing:border-box;margin:0;padding:0}.content-wrapper{padding:0 10px;margin-top:10px}@media (min-width:768px){.content-wrapper{padding:0 16px}}@media (min-width:1200px){.content-wrapper{padding:0 20px;margin-top:0 20px}}:root{--bgCard:#fff;--border:#dde4ec;--primary:#00b4d8;--accent:#06d6a0;--text:#1d3557;--textLight:#6b7a8d;--warning:#ffbe00;--shadow-card:0 2px 12px rgba(13,31,45,.08);--shadow-cardHover:0 6px 24px rgba(13,31,45,.14);--radius-card:16px;--radius-pill:999px;--font-mono:"JetBrains Mono",monospace}body,html{height:100%;font-family:DM Sans,sans-serif;background:#f0f4f8;color:#1d3557;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh;position:relative}.sidebar{width:220px;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:transform .3s ease}.sidebar.mobile{transform:translateX(-100%)}.sidebar.mobile.open{transform:translateX(0)}.main-content{flex:1 1;display:flex;flex-direction:column;min-height:100vh;margin-left:220px;overflow:hidden;transition:margin-left .3s ease}.menu-toggle{display:none}.page-body{flex:1 1;overflow-y:auto;background:#f0f4f8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f4f8}::-webkit-scrollbar-thumb{background:#c8d6e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9aacbb}a{text-decoration:none;color:inherit}button,input,select{font-family:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:768px){.main-content{margin-left:0!important;width:100%}.menu-toggle{display:flex!important}.sidebar{box-shadow:2px 0 10px rgba(0,0,0,.1)}}@media (min-width:769px) and (max-width:1024px){.main-content{margin-left:220px}}@media (max-width:480px){.page-body{padding:12px!important}}