.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(108,92,231,.15),transparent),var(--bg)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 20px 50px #0000004d}.login-card h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.login-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.login-card form label{display:block;margin-bottom:1rem}.login-card form label span{display:block;margin-bottom:.35rem;font-size:.875rem;color:var(--text-muted)}.login-card input{width:100%;padding:.65rem .9rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}.login-card input:focus{outline:none;border-color:var(--accent)}.login-error{margin:0 0 1rem;color:var(--danger);font-size:.9rem}.login-card .btn-primary{width:100%;padding:.75rem 1rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;margin-top:.5rem}.login-card .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.login-card .btn-primary:disabled{opacity:.7;cursor:not-allowed}.table-page{max-width:100%}.table-page h2{margin:0 0 .25rem;font-size:1.35rem}.table-desc{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.table-error{margin:0 0 1rem;color:var(--danger);font-size:.9rem}.login-success{margin:0 0 1rem;color:var(--success);font-size:.9rem}.table-loading{color:var(--text-muted);padding:2rem}.table-add{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.table-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.table-form select,.table-form input{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.table-form input[type=number]{min-width:100px}.table-form input[type=text]{min-width:180px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{background:var(--surface-hover);color:var(--text-muted);font-weight:600;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.data-table input[type=text],.data-table input[type=number]{width:100%;max-width:200px;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.btn-primary{padding:.5rem 1rem;background:var(--accent);color:#fff;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{padding:.5rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-sm{padding:.3rem .6rem;font-size:.8rem;margin-right:.35rem;background:var(--accent);color:#fff}.btn-sm:hover{background:var(--accent-hover)}.btn-sm.btn-danger{background:var(--danger)}.btn-sm.btn-danger:hover{background:#ff5252}.btn-sm.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.table-pagination{margin:.75rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.table-pagination select{padding:.25rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text)}.table-pagination button{padding:.25rem .6rem;font-size:.8rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted)}.table-pagination button:disabled{opacity:.5;cursor:not-allowed}.table-pagination button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-header h1{margin:0;font-size:1.35rem;font-weight:700}.user-badge{font-size:.85rem;color:var(--text-muted);background:var(--bg);padding:.25rem .6rem;border-radius:6px}.offline-badge{font-size:.8rem;color:var(--danger);background:#ff6b6b26;padding:.25rem .5rem;border-radius:6px}.pending-badge{font-size:.8rem;color:var(--accent);background:#6c5ce733;padding:.25rem .5rem;border-radius:6px}.header-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header-nav a{padding:.5rem .9rem;border-radius:var(--radius);color:var(--text-muted);font-size:.9rem}.header-nav a:hover{color:var(--text);background:var(--surface-hover)}.header-nav a.active{color:var(--accent);background:#6c5ce726}.btn-logout{padding:.5rem .9rem;background:transparent;color:var(--text-muted);font-size:.9rem;border:1px solid var(--border)}.btn-logout:hover{color:var(--danger);border-color:var(--danger)}.dashboard-filters{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.dashboard-filters label{display:flex;flex-direction:column;gap:.3rem}.dashboard-filters label span{font-size:.8rem;color:var(--text-muted)}.dashboard-filters input,.dashboard-filters select{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);min-width:140px}.total-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface-hover);border-bottom:1px solid var(--border)}.total-label{font-size:.9rem;color:var(--text-muted)}.total-value{font-size:1.25rem;font-weight:700}.total-value.positive{color:var(--success)}.total-value.negative{color:var(--danger)}.dashboard-main{flex:1;padding:1.5rem;overflow:auto}:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface-hover: #252542;--border: #2d2d4a;--text: #e8e8f0;--text-muted: #9898b0;--accent: #6c5ce7;--accent-hover: #7d6ef7;--success: #00c9a7;--danger: #ff6b6b;--radius: 10px;--font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius)}input,select,textarea{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}