.app{min-height:100vh}.navbar{background:#1a73e8;color:#fff;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 6px #0003}.brand{font-size:1.2rem;font-weight:700}.nav-links a{color:#fff;text-decoration:none;margin-left:1.5rem;font-size:.95rem;opacity:.9;transition:opacity .2s}.nav-links a:hover{opacity:1;text-decoration:underline}.main-content{max-width:900px;margin:2rem auto;padding:0 1rem}.card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 4px #0000001a;margin-bottom:1rem}.card h2{margin-bottom:.5rem;color:#1a73e8}.user-table{width:100%;border-collapse:collapse;margin-top:1rem}.user-table th,.user-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid #eee}.user-table th{background:#f7f9fc;font-weight:600;color:#555}.user-table tr:hover td{background:#f0f4ff}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-active{background:#d4edda;color:#155724}.badge-inactive{background:#f8d7da;color:#721c24}.loading{text-align:center;padding:3rem;color:#888}.error-box{background:#fff3f3;border:1px solid #f5c2c7;color:#842029;padding:1rem;border-radius:8px}.btn{display:inline-block;padding:.5rem 1.2rem;background:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn:hover{background:#1558b0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:#f0f2f5;color:#333}