*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}a{color:#0066cc;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.topbar{background:#2c3e50;color:white;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.topbar .logo{font-size:20px;font-weight:bold}.topbar .user-info{display:flex;gap:20px;align-items:center}.topbar .credits{background:rgba(255,255,255,0.1);padding:5px 10px;border-radius:4px;font-size:14px}.login-box{max-width:400px;margin:100px auto;background:white;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.login-box h1{margin-bottom:30px;text-align:center;color:#2c3e50}.login-box form{display:flex;flex-direction:column;gap:15px}.login-box input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.login-box input:focus{outline:none;border-color:#0066cc;box-shadow:0 0 4px rgba(0,102,204,0.2)}.login-box button{padding:12px;background:#0066cc;color:white;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.3s}.login-box button:hover{background:#0052a3}.search-section{background:white;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.search-section h2{margin-bottom:20px;color:#2c3e50}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-form input,.search-form select{flex:1;min-width:150px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-form button{padding:10px 20px;background:#0066cc;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:600}.search-form button:hover{background:#0052a3}.results-section{background:white;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.results-section h2{margin-bottom:20px;color:#2c3e50}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:#f8f9fa}.results-table th,.results-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.results-table tbody tr:hover{background:#f8f9fa}.tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:20px}.tab-btn{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn.active{color:#0066cc;border-bottom-color:#0066cc}.create-user-form{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.create-user-form h3{color:#2c3e50;margin-bottom:10px}.create-user-form input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.create-user-form button{padding:10px 15px;background:#0066cc;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:600;align-self:flex-start}.create-user-form button:hover{background:#0052a3}.users-table,.logs-table{width:100%;border-collapse:collapse;margin-top:20px}.users-table thead,.logs-table thead{background:#f8f9fa}.users-table th,.logs-table th,.users-table td,.logs-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.users-table tbody tr:hover,.logs-table tbody tr:hover{background:#f8f9fa}.users-table button{padding:6px 12px;background:#28a745;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px}.users-table button:hover{background:#218838}.credits-form{background:#f8f9fa;padding:20px;border-radius:8px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.credits-form select,.credits-form input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1;min-width:150px}.credits-form button{padding:10px 15px;background:#0066cc;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:600}.credits-form button:hover{background:#0052a3}.logs-search{margin-bottom:20px;display:flex;gap:10px}.logs-search input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.logs-search button{padding:10px 15px;background:#0066cc;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:600}.logs-search button:hover{background:#0052a3}.error{color:#d32f2f;font-size:14px;padding:10px;background:#ffebee;border-radius:4px;margin-top:10px}.loading{color:#0066cc;font-size:14px;padding:10px;background:#e3f2fd;border-radius:4px;margin-top:10px;text-align:center}.btn-logout{padding:8px 16px;background:#d32f2f;color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.btn-logout:hover{background:#b71c1c}