:root{--primary-color: #1976d2;--background-dark: #121212;--background-light: #f5f6fa;--text-light: #fff;--text-dark: #222;--card-bg-dark: #1e1e1e;--card-bg-light: #fff;--border-radius: 12px;--transition: all .3s ease;--shadow: 0 4px 20px rgba(0, 0, 0, .1)}html,body,#root{margin:0;padding:0;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:var(--background-light);color:var(--text-dark)}body.dark{background-color:var(--background-dark);color:var(--text-light)}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:#1565c0}h1,h2,h3{margin:0}button{padding:.6em 1.4em;border-radius:var(--border-radius);border:none;background-color:var(--primary-color);color:#fff;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}button:hover{background-color:#0d6efd}button.logout{background-color:#e53935}button.logout:hover{background-color:#c62828}.header{width:100%;background:var(--card-bg-light);display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem}body.dark .header{background:var(--card-bg-dark)}.logo{display:flex;align-items:center;gap:12px}.logo img{width:36px;height:36px;border-radius:8px}.logo h1{font-size:1.3rem;font-weight:600}.table-container{max-width:1200px;margin:0 auto;background:var(--card-bg-light);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}body.dark .table-container{background:var(--card-bg-dark)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--background-light)}body.dark .login-page{background:var(--background-dark)}.login-card{background:var(--card-bg-light);padding:2rem 3rem;border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:400px}body.dark .login-card{background:var(--card-bg-dark)}.login-card h2{margin-bottom:1.5rem;text-align:center}.login-card input{width:100%;padding:.8em;margin-bottom:1rem;border-radius:var(--border-radius);border:1px solid #ccc;font-size:1rem}.login-card input:focus{border-color:var(--primary-color);outline:none}.login-card button{width:100%;margin-top:1rem}.login-card p{text-align:center;margin-top:1rem;font-size:.9rem;color:#666}