.mobile-top-logout{display:none}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin .toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid #40527f;border-radius:14px;background:linear-gradient(135deg,#1b2747,#17213b);box-shadow:0 12px 30px #060b1f33;color:#bcc9ed}.admin .toolbar>span{margin-right:auto;color:#bcc9ed;font-size:13px;font-weight:700}.admin .toolbar .btn.secondary{background:#243354;border-color:#50669b;color:#f4f7ff}.row-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.member-delete{border-color:#6b3854!important;background:#38233a!important;color:#ffb4c8!important}
.task-modal{width:min(680px,calc(100vw - 32px));padding:24px;overflow:hidden;background:linear-gradient(145deg,#202944,#161d34);border:1px solid #485b8c;box-shadow:0 28px 80px #05081699;animation:none}.task-modal>h2{margin:0;color:#f4f7ff}.task-modal>p{margin:7px 0 22px;padding-bottom:16px;color:#b9c6e7;border-bottom:1px solid #40527f}.task-modal .field{margin-bottom:16px;color:#dbe5ff;font-weight:750}.task-modal textarea{min-height:94px}.task-modal select[multiple]{min-height:128px;background:#11182d}.task-modal .grid.two{padding:14px 14px 0;border:1px solid #3d4e7c;border-radius:12px;background:#141c33}.task-modal .modal-foot{margin:22px -24px -24px;padding:16px 24px;background:#131a2f;border-top:1px solid #384975}
.blogger-page{max-width:980px;margin:0 auto}.blogger-hero{padding:30px;border:1px solid #42588d;border-radius:22px;background:radial-gradient(circle at 84% 20%,#7988ff42,transparent 28%),linear-gradient(135deg,#18264a,#111a31);box-shadow:0 18px 45px #070b1c33;color:#f4f7ff}.blogger-hero h1{margin:8px 0;font-size:31px;letter-spacing:-.03em}.blogger-hero p{max-width:610px;margin:0;color:#b9c8ea;line-height:1.75}.blogger-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.blogger-hero-meta span{padding:7px 10px;border:1px solid #7086bc;background:#23365f99;border-radius:999px;color:#dce6ff;font-size:12px}.blogger-compose,.blogger-result,.blogger-history{margin-top:16px;padding:24px;border:1px solid #34446f;border-radius:18px;background:#19233f;box-shadow:0 14px 32px #070b181c}.blogger-compose-head,.blogger-history-head,.blogger-result-head,.blogger-compose-foot{display:flex;gap:14px;align-items:center;justify-content:space-between}.blogger-compose h2,.blogger-history h2{margin:0;color:#f2f5ff;font-size:20px}.blogger-compose-head p{margin:6px 0 0;color:#aebce0;font-size:13px}.blogger-limit{padding:6px 9px;border-radius:8px;background:#28395f;color:#bcd0ff;font-size:12px;white-space:nowrap}.blogger-field{display:block;margin-top:20px;color:#e6edff;font-weight:750}.blogger-field textarea{display:block;box-sizing:border-box;width:100%;min-height:178px;margin-top:9px;padding:15px;border:1px dashed #657caf;border-radius:14px;background:#11182d;color:#f4f7ff;resize:vertical;font:14px/1.7 inherit}.blogger-field textarea:focus{outline:2px solid #8090ff;border-color:#8090ff}.blogger-compose-foot{margin-top:14px}.blogger-compose-foot small{color:#aebce0;line-height:1.5}.blogger-result-head{padding-bottom:14px;border-bottom:1px solid #35466f;color:#f4f7ff}.blogger-result-head span{color:#aebce0;font-size:12px}.blogger-result-row{margin-top:12px;padding:12px 14px;border-radius:12px}.blogger-result-row b{display:block;margin-bottom:5px;font-size:13px}.blogger-result-row p{margin:0;line-height:1.65;word-break:break-word}.blogger-result-row.success{background:#143b355c;color:#bff9de}.blogger-result-row.duplicate{background:#4b273c75;color:#ffc0d0}.blogger-history-head>span{color:#aebce0;font-size:13px}.blogger-history-list{margin-top:14px}.blogger-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #334366}.blogger-history-row:last-child{border-bottom:0}.blogger-history-row b{display:block;color:#edf2ff}.blogger-history-row small{display:block;margin-top:5px;color:#aebce0;font-size:12px}.blogger-history-row>span{padding:5px 8px;border-radius:8px;background:#203e39;color:#a5f0cd;font-size:12px;white-space:nowrap}.blogger-empty,.blogger-muted{color:#aebce0;text-align:center;padding:24px 12px}
.blogger-history-actions{display:flex;align-items:center;gap:8px}.blogger-history-row>div>span{padding:5px 8px;border-radius:8px;background:#203e39;color:#a5f0cd;font-size:12px;white-space:nowrap}.blogger-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;color:#aebce0;font-size:12px}.blogger-pagination .btn:disabled{opacity:.42;cursor:not-allowed}
.blogger-batch{align-items:flex-start}.blogger-batch-names{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.blogger-batch-names span{padding:5px 8px;border:1px solid #40537e;border-radius:7px;background:#141d34;color:#dce6ff;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.blogger-batch .blogger-history-actions{padding-top:1px}
@media(max-width:720px){
  .page-actions{width:100%;justify-content:flex-start}
  .topbar .actions .mobile-top-logout{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:42px;padding:0;border:1px solid #40527f;border-radius:10px;background:#243354;color:#f4f7ff;font:700 12px inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .topbar .actions .mobile-top-logout:active{transform:scale(.95)}
  .modal-backdrop{z-index:20}
  .mobile-menu-grid button{min-width:0}
  .mobile-menu-label{display:block;min-width:0;flex:1;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu{background:#141d38!important;color:#edf2ff!important}
  .mobile-menu-grid button{background:#243354!important;border-color:#40527f!important;color:#f4f7ff!important}
  .mobile-menu-label{color:#f4f7ff!important}
  .mobile-menu-grid button>span{color:#a8bbff!important}
  .mobile-menu-title button{background:#2a3a60!important;color:#f4f7ff!important}
  .mobile-menu-actions{display:flex;align-items:center;gap:8px}.mobile-menu-title .mobile-menu-logout{width:auto;height:40px;padding:0 12px;font-size:13px;font-weight:700}
  .material-preview-wrap{margin:-16px -16px 14px;border-radius:14px 14px 10px 10px;overflow:hidden;background:#11182d;position:relative}
  .material-preview{display:block;width:100%;height:180px;object-fit:cover;background:#11182d}
  .material-preview-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 12px #000a;pointer-events:none}
  .admin .toolbar{flex-wrap:wrap;align-items:stretch}.admin .toolbar>span{width:100%;margin:0}.admin .toolbar .btn{flex:1}
  .task-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.task-modal .modal-foot{margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding-left:18px;padding-right:18px;position:sticky;bottom:0}.task-modal .grid.two{grid-template-columns:1fr}
  .blogger-hero{padding:22px 18px;border-radius:18px}.blogger-hero h1{font-size:24px;line-height:1.25}.blogger-hero-meta{gap:7px;margin-top:16px}.blogger-hero-meta span{font-size:11px}.blogger-compose,.blogger-result,.blogger-history{padding:18px 15px;border-radius:16px}.blogger-compose-head{align-items:flex-start}.blogger-compose h2,.blogger-history h2{font-size:18px}.blogger-limit{font-size:11px}.blogger-field textarea{min-height:154px}.blogger-compose-foot{align-items:stretch;flex-direction:column}.blogger-compose-foot .btn{width:100%}.blogger-history-row{align-items:flex-start}
}

@media(max-width:720px){.blogger-pagination{justify-content:space-between;gap:6px}.blogger-pagination span{text-align:center}.blogger-history-actions{gap:6px}.blogger-history-actions .btn{padding:7px 9px}}