*,:after,:before{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden}.page-shell,body{min-height:100vh}.page-content{padding:84px 20px 20px}.top-nav{align-items:center;background:#fffffff2;box-shadow:0 2px 12px #0000001f;display:flex;gap:12px;justify-content:space-between;left:0;padding:14px 16px;position:fixed;right:0;top:0;z-index:1000}.tabs{display:flex;gap:10px}.tab{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;font-weight:600;padding:8px 14px;text-decoration:none}.admin-tab{border:1px solid #cbd5e1;cursor:pointer}.tab.active{background:#667eea;border-color:#667eea;color:#fff}.access-warning{background:#fff1f2;color:#9f1239;left:50%;margin:0;position:fixed;top:66px;transform:translate(-50%);z-index:1100}.access-warning,.logout-btn{border:1px solid #fecaca;border-radius:999px;font-weight:600;padding:8px 14px}.logout-btn{background:#fff5f5;color:#991b1b;cursor:pointer}@media(max-width:640px){.page-content{padding:118px 12px 14px}.top-nav{align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px 12px}.tabs{width:100%}.tab{flex:1 1 0;font-size:.92rem;padding:10px 8px;text-align:center}.access-warning{border-radius:10px;text-align:center;top:92px;width:calc(100% - 24px)}.logout-btn{padding:10px 8px;width:100%}}