.viewport{width:100vw;height:100vh;background:var(--unprint-white);position:relative;overflow:hidden;display:flex;flex-direction:column}.content{flex:1;display:flex;flex-direction:column;gap:16px;padding-bottom:96px}.pad-x{padding-left:32px;padding-right:32px}.pad-top{padding-top:24px}h1{font-size:24px;font-weight:800;letter-spacing:-.8px;margin:0}p{font-size:13px;color:#6a6a6a;margin:6px 0 0}.page-actions{display:flex;gap:12px;padding:0 24px;margin-bottom:8px}.btn-add{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px solid var(--unprint-mint, #00ff94);border-radius:10px;background:#f0fff7;color:#000;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-add:active{transform:scale(.97);background:var(--unprint-mint, #00ff94)}.btn-add svg{width:18px;height:18px}@media(min-width:768px){.viewport>.content{padding-left:32px;padding-right:32px}}@media(min-width:1024px){.viewport{height:auto;min-height:100vh;transition:margin-right .2s ease}.viewport>.content{padding-top:32px;padding-bottom:32px}}