.app{min-height:100vh}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;flex-direction:column;gap:1rem}.navbar h1{margin:0}.navbar>div:first-of-type{display:flex;justify-content:space-between;align-items:center}.navbar ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem}.navbar a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.navbar a:hover{background-color:#34495e}.main-content{max-width:1400px;margin:2rem auto;padding:0 2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}button{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#2980b9}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.summary-card h3{margin:0 0 .5rem;color:#7f8c8d;font-size:.9rem;text-transform:uppercase}.summary-card .value{margin:0;font-size:1.8rem;font-weight:700;color:#2c3e50}.value.positive{color:#27ae60}.value.negative{color:#e74c3c}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}thead{background-color:#34495e;color:#fff}th,td{padding:1rem;text-align:left}tbody tr:hover{background-color:#f8f9fa}.positive{color:#27ae60}.negative{color:#e74c3c}form{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.auth-section{display:flex;align-items:center;gap:1rem}.auth-section .username{color:#fff;font-weight:500}.auth-section .login-btn,.auth-section .logout-btn{padding:.5rem 1.5rem;font-size:.9rem}.auth-section .logout-btn{background-color:#e74c3c}.auth-section .logout-btn:hover{background-color:#c0392b}.auth-section .login-btn:disabled{background-color:#95a5a6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}