:root{font-family:Segoe UI,Avenir,Helvetica,Arial,sans-serif;color-scheme:dark;color:#f1f1f1;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;display:flex;justify-content:center;background:#121212}h1{font-size:2.4em;letter-spacing:.5px;color:#fff;margin-bottom:20px}h2{color:gold;font-weight:600;font-size:1.3em;margin-bottom:15px;display:flex;align-items:center;gap:8px}a{color:#43a047;text-decoration:none}a:hover{text-decoration:underline}button{background-color:#2e7d32;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.95em;transition:background .2s ease}button:hover{background-color:#43a047}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){h1{font-size:1.8em}h2{font-size:1.1em}}#root{max-width:1000px;margin:0 auto;padding:2rem}section{background:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 0 10px #ffffff14;margin-bottom:30px}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{padding:8px 10px;border:1px solid #333;text-align:left}th{background:#252525;font-weight:600;color:#f1f1f1}tr:nth-child(2n){background:#181818}input,select{background:#1c1c1c;color:#f1f1f1;border:1px solid #333;padding:6px 10px;border-radius:5px;outline:none}input:focus,select:focus{border-color:#43a047}form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}p{margin-top:10px;font-size:.95em}button{background:#2e7d32;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;transition:background .2s ease}button:hover{background:#43a047}button.delete,button.delete:focus{background:#b71c1c!important;color:#fff!important;border:none;border-radius:5px;padding:6px 12px;cursor:pointer;transition:background .2s ease,transform .1s ease}button.delete:hover{background:#e53935!important;transform:scale(1.03)}.navbar{width:100%;background:#0f0f0f;border-bottom:1px solid #333;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0006}.navbar-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.logo{font-size:1.4em;font-weight:700;color:#fff;letter-spacing:.5px}nav a{color:#ccc;margin-left:20px;text-decoration:none;font-size:.95em;transition:color .2s}nav a:hover{color:#43a047}h1{text-align:center;margin-top:20px;margin-bottom:30px;font-size:2.4em;color:#fff;letter-spacing:1px}.footer{background:#0f0f0f;color:#aaa;text-align:center;padding:20px 10px;font-size:.9em;border-top:1px solid #333;margin-top:60px}.footer p{margin:0;line-height:1.6}.footer .dev-note{font-size:.8em;color:#666;margin-top:5px;font-style:italic}.footer p::selection{background:#b71c1c;color:#fff}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}