/* ADMIN */
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; flex-wrap:wrap; gap:0.5rem; }
.admin-toolbar h3 { font-size:1.05rem; font-weight:700; }
.admin-list { display:flex; flex-direction:column; gap:0.5rem; }
.admin-row-info { flex:1; min-width:0; }
.admin-row-title { font-weight:600; font-size:0.85rem; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; gap:0.3rem; flex-wrap:wrap; }
.admin-row-sub { font-size:0.72rem; color:var(--text-muted); margin-top:0.15rem; }
.admin-row-actions { display:flex; gap:0.35rem; flex-shrink:0; }
.admin-row-actions .btn-sm { padding:0.35rem 0.6rem; font-size:0.72rem; }

/* MODAL */
.modal-overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.45); z-index:500; align-items:center; justify-content:center; padding:1rem; }
.modal-overlay.active { display:flex; }
@keyframes modalIn { from{opacity:0;transform:scale(0.95) translateY(10px)} to{opacity:1;transform:scale(1) translateY(0)} }
.modal-head { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid var(--border); }
.modal-head h3 { font-size:0.95rem; font-weight:600; }
.modal-x { width:30px; height:30px; border-radius:50%; border:none; background:var(--bg); color:var(--text-secondary); font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.modal-body { padding:1.25rem; overflow-y:auto; flex:1; }
.modal-foot { padding:0.75rem 1.25rem; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:0.5rem; }

/* TOAST */
.toast-container { position:fixed; bottom:1.25rem; left:50%; transform:translateX(-50%); z-index:600; }

/* OLD ROLE SELECTION - overridden by improved styles below */

/* ABOUT */
.about-center { text-align:center; padding:1.5rem 0; }
.about-center h4 { font-size:1.1rem; margin-bottom:0.15rem; }
.about-center .ver { font-size:0.75rem; color:var(--text-muted); margin-bottom:1rem; }
.about-center .desc { font-size:0.82rem; color:var(--text-secondary); line-height:1.6; max-width:400px; margin:0 auto 1.25rem; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0.5rem; }