*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{margin-left:260px;width:calc(100% - 260px);min-height:100vh;padding:30px;transition:all .3s ease;background:#f4f7f6}@media (max-width: 768px){main{margin-left:0!important;width:100%!important;padding:80px 15px 15px!important}.top-bar{position:fixed;top:0;left:0;right:0;z-index:900;margin-bottom:0!important;border-radius:0!important;width:100%!important}.burger-btn{display:block!important}.page-header{grid-template-columns:1fr!important;gap:10px!important}.page-header>button,.page-header>div{width:100%!important;justify-content:stretch}.hide-mobile{display:none!important}}@media (min-width: 769px){.burger-btn{display:none!important}}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;background:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 2px 5px #00000005}.page-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:10px}.nav-btn{background:#2c3e50;border:none;color:#fff;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px}