body.cat-page{min-height:100vh;display:flex;flex-direction:column;padding:0}
body.cat-page>.page{width:100%;margin-top:0;margin-bottom:0}
.cat-header,.cat-footer{width:100%;flex:none;background:#fff;color:#10203a;font-family:Inter,Arial,sans-serif}
.cat-header{border-bottom:1px solid #dce4ed}
.cat-header-inner,.cat-footer-inner{width:min(100%,1280px);margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}
.cat-header-inner{min-height:72px}
.cat-brand{font-size:23px;font-weight:700;line-height:1.2;white-space:nowrap;color:#0b1930;text-decoration:none}
.cat-brand span{color:#ed8b00}
.cat-admin-label{padding:4px 7px;border-radius:4px;background:#fff2d8;color:#9a5100;font-size:11px;font-weight:700;text-transform:uppercase}
.cat-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;margin-left:auto}
.cat-nav a{color:#10203a;text-decoration:none;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}
.cat-nav a:hover,.cat-nav a:focus-visible,.cat-nav a[aria-current=page]{color:#bd6500}
.cat-nav .cat-register{padding:10px 14px;border-radius:5px;background:#f59e0b;color:#fff}
.cat-nav .cat-register:hover,.cat-nav .cat-register:focus-visible{background:#d98800;color:#fff}
.cat-nav .cat-signout{color:#c43932}
.cat-footer{margin-top:auto;border-top:1px solid #dce4ed}
.cat-footer-inner{min-height:64px;justify-content:space-between;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;color:#667892;font-size:13px}
.cat-footer nav{display:flex;flex-wrap:wrap;gap:20px}
.cat-footer a{color:#506580;text-decoration:none}
.cat-footer a:hover,.cat-footer a:focus-visible{color:#bd6500}
body.cat-auth-page .cat-auth-content{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}
body.cat-auth-page .cat-auth-content>*{flex:none}
body.cat-register-page .cat-auth-content{align-items:flex-start}
body.cat-register-page .register-container{width:min(100%,900px)}
body.cat-profile-page .profile-card{margin-top:30px;margin-bottom:30px}
body.cat-page>.main-container{width:100%}
.cat-menu-toggle,.cat-nav-head,.cat-nav-backdrop{display:none}
@media(max-width:700px){
    .cat-header{position:relative;z-index:1000}
    .cat-header-inner{min-height:64px;padding:10px 16px;gap:10px;flex-wrap:nowrap}
    .cat-brand{font-size:20px}
    .cat-admin-label{font-size:10px}
    .cat-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;border:1px solid #dce4ed;border-radius:5px;background:#fff;color:#10203a;font-size:19px;cursor:pointer}
    .cat-menu-toggle:focus-visible,.cat-menu-close:focus-visible,.cat-nav a:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
    .cat-nav{position:fixed;z-index:1002;top:0;bottom:0;left:0;width:min(320px,85vw);max-width:none;margin:0;padding:16px;background:#fff;box-shadow:12px 0 35px #10203a33;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:2px;overflow-y:auto;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .22s ease,visibility .22s ease}
    .cat-header.is-open .cat-nav{visibility:visible;pointer-events:auto;transform:translateX(0)}
    .cat-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:4px 2px 14px;border-bottom:1px solid #dce4ed;color:#10203a;font-size:18px}
    .cat-menu-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:4px;background:#f1f5f9;color:#10203a;font-size:18px;cursor:pointer}
    .cat-nav a,.cat-nav .cat-register{display:block;width:100%;padding:12px;border-radius:5px;font-size:15px;text-align:left}
    .cat-nav a:hover,.cat-nav a[aria-current=page]{background:#fff6e5}
    .cat-nav .cat-register{margin-top:6px}
    .cat-nav-backdrop:not([hidden]){display:block;position:fixed;z-index:1001;inset:0;width:100%;height:100%;padding:0;border:0;background:#0b1d34a6;cursor:pointer}
    body.cat-nav-open{overflow:hidden}
    .cat-footer-inner{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){.cat-nav{transition:none}}