.app{min-height:100vh}.navbar{background:#16213e;color:#fff;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.nav-brand a{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.nav-links a{color:#a8b2d1;text-decoration:none;font-size:.9rem}.nav-links a.router-link-active{color:#fff}.btn-logout{background:none;border:1px solid #a8b2d1;color:#a8b2d1;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}.container{max-width:900px;margin:0 auto;padding:1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:#fff;padding:1.5rem;border-radius:12px;width:90%;max-width:400px}.modal h3{margin-bottom:1rem;color:#16213e}.modal form{display:flex;flex-direction:column;gap:.75rem}.modal input{padding:.65rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.modal .btn{padding:.6rem 1.25rem;background:#16213e;color:#fff;border:none;border-radius:8px;cursor:pointer}.modal .btn.secondary{background:#ccc;color:#333}.modal .btn:disabled{opacity:.6}.modal-actions{display:flex;gap:.75rem}.msg-ok{color:#27ae60;font-size:.85rem}.msg-err{color:#e74c3c;font-size:.85rem}