@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap");* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Ubuntu', sans-serif;}html, body {width: 100vw;height: 100vh;background: transparent;}.modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.75);align-items: center;justify-content: center;z-index: 999;}@keyframes popIn {from {opacity: 0;transform: scale(0.9);}to {opacity: 1;transform: scale(1);}}.modal {position: relative;animation: popIn 0.3s ease-out both;}.card {background: #161616;padding: 2rem;border-radius: 0.6rem;width: 90vw;max-width: 400px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);}.close-btn {position: absolute;top: 1rem;right: 1rem;font-size: 1.4rem;color: #bbb;background: transparent;border: none;cursor: pointer;transition: color 0.2s;}.close-btn:hover {color: #ff4d4d;}h2 {color: #fff;font-size: 1.6rem;text-align: center;margin-bottom: 0.5rem;}.subtitle {color: #ccc;font-size: 0.9rem;text-align: center;margin-bottom: 1.5rem;}.field {margin-bottom: 1rem;}.field input, .field select {width: 100%;padding: 0.8rem;border: 2px solid #3f3f3f;border-radius: 0.4rem;background: #2a2b2d;color: #eee;font-size: 0.9rem;appearance: none;}.field input:focus, .field select:focus {outline: none;border-color: rgb(0, 78, 194);}.btn {display: block;width: 100%;padding: 0.8rem;font-size: 1rem;font-weight: 200;border: none;border-radius: 0.4rem;cursor: pointer;transition: transform 0.1s, background 0.2s;}.btn.primary {background: rgb(0, 78, 194);color: #fff;}.btn.primary:hover {background: rgb(0, 56, 177);transform: translateY(-2px);}.action-btn.delete {background: #e53e3e;color: #fff;padding: 0.4rem 0.8rem;border: none;border-radius: 0.3rem;font-size: 0.8rem;font-weight: 200;cursor: pointer;transition: background 0.2s, transform 0.1s;}.action-btn.delete:hover {background: #c53030;transform: translateY(-1px);}.dashboard-modal {display: flex;width: 80vw;max-width: 1000px;height: 75vh;background: #1a1a1a;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7);}.sidebar {width: 240px;background: linear-gradient(180deg, #1f2022, #151516);padding: 2rem 1.5rem;display: flex;flex-direction: column;gap: 1.5rem;}.sidebar h2 {color: #fff;text-align: center;font-size: 1.5rem;letter-spacing: 0.05em;}.nav {list-style: none;padding: 0;margin: 0;}.nav a {display: block;padding: 0.8rem 1.2rem;border-radius: 0.3rem;color: #bbb;text-decoration: none;font-weight: 200;transition: background 0.2s, color 0.2s;}.nav a.active {color: rgb(0, 78, 194);border-left: 4px solid rgb(0, 78, 194);padding-left: 1rem;}.nav a:hover {background: rgba(0, 102, 255, 0.1);color: rgb(0, 78, 194);}.content {flex: 1;padding: 2rem;color: #eee;overflow-y: auto;background: #161616;}.section {display: none;}.section.active {display: block;}.stats {display: flex;gap: 1rem;margin-bottom: 2rem;}.stat {flex: 1;background: #1f2022;padding: 1.2rem;border-radius: 0.5rem;text-align: center;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);transition: transform 0.2s, background 0.2s;}.stat:hover {background: #2a2b2d;transform: translateY(-6px);}.stat h3 {font-size: 1.1rem;color: #aaa;margin-bottom: 0.6rem;text-transform: uppercase;letter-spacing: 0.03em;}.stat p {font-size: 2.4rem;color: rgb(0, 78, 194);}.logs {background: #1e1e1e;padding: 1.5rem;border-radius: 0.6rem;box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6);max-height: 20vh;overflow-y: auto;margin-bottom: 2rem;border: 1px solid #333;}.logs h3 {font-size: 1.3rem;color: #fff;margin-bottom: 0.8rem;}.logs::-webkit-scrollbar {width: 8px;}.logs::-webkit-scrollbar-track {background: transparent;}.logs::-webkit-scrollbar-thumb {background-color: rgb(0, 78, 194);border-radius: 10px;}.logs::-webkit-scrollbar-thumb:hover {background-color: rgb(0, 56, 177);}.logs ul {list-style: none;}.logs li {display: flex;justify-content: space-between;align-items: center;padding: 0.7rem;background: #2a2b2d;border-radius: 0.4rem;margin-bottom: 0.7rem;transition: background 0.2s;}.logs li:hover {background: #333436;}.view-log-btn {background: rgb(0, 78, 194);border: none;padding: 0.5rem 0.8rem;border-radius: 0.3rem;font-size: 0.9rem;font-weight: 200;color: #fff;cursor: pointer;transition: background 0.2s;}.view-log-btn:hover {background: rgb(0, 56, 177);}#log-details {background: #2a2b2d;padding: 1rem;border-radius: 0.4rem;font-family: 'Ubuntu', monospace;color: #fff;white-space: pre-wrap;word-break: break-word;max-height: 40vh;overflow-y: auto;border: 1px solid #333;box-shadow: inset 0 0 8px rgba(0,0,0,0.5);margin-top: 1rem;}.header-row {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.2rem;}.header-row h2 {font-size: 1.5rem;color: #fff;}.header-row .btn {max-width: 120px;}.table-wrapper {overflow-x: auto;margin-bottom: 2rem;}table {width: 100%;border-collapse: collapse;background: #1f2022;border-radius: 0.4rem;overflow: hidden;box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.4);}th, td {padding: 0.9rem;color: #ddd;font-size: 0.9rem;text-align: left;}thead {background: #2a2b2d;}th {text-transform: uppercase;letter-spacing: 0.05em;}tbody tr:nth-child(even) {background: #2d2e30;}tbody tr:hover {background: #333436;}