.app-container{width:100%;display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;box-shadow:0 2px 10px #0000001a}.logo h1{margin:0;font-size:1.5rem}nav{display:flex;gap:1.5rem;align-items:center}nav a{color:#ffffffde;text-decoration:none;transition:color .3s}nav a:hover{color:#646cff}main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}footer{text-align:center;padding:1rem;background-color:#1a1a1a;margin-top:auto}.card{padding:2em;border-radius:8px;background-color:#1a1a1a;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem}@media (prefers-color-scheme: light){header,footer{background-color:#f9f9f9}nav a{color:#213547}.card{background-color:#fff}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{display:block;width:100%;padding:.6em .8em;border-radius:4px;border:1px solid #3c3c3c;background-color:#1a1a1a;color:inherit;font-size:1em;font-family:inherit}.form-group input:focus{outline:none;border-color:#646cff}.form-group small{display:block;margin-top:.5rem;color:#9e9e9e;font-size:.8em}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #3c3c3c}th{font-weight:600;background-color:#0003}tr:hover{background-color:#646cff14}.error-message{padding:.75rem 1rem;border-radius:4px;background-color:#ff323233;border:1px solid rgba(255,50,50,.3);margin-bottom:1rem}.success-message{padding:.75rem 1rem;border-radius:4px;background-color:#1ed76033;border:1px solid rgba(30,215,96,.3);margin-bottom:1rem}.status-ok{color:#1ed760;font-weight:600}.status-error{color:#ff3232;font-weight:600}.login-container{display:flex;justify-content:center;align-items:center;width:100%}.login-card{max-width:400px;width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}.form-group input{background-color:#fff;border-color:#e0e0e0}th{background-color:#0000000d}tr:hover{background-color:#646cff0d}}