*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6fa;color:#2d3436;line-height:1.5}.navbar{display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem;height:56px;background:#fff;border-bottom:1px solid #dfe6e9}.navbar-brand{font-weight:700;font-size:1.1rem;margin-right:auto}.navbar-links{display:flex;gap:.25rem}.navbar-links a{text-decoration:none;color:#636e72;padding:.4rem .75rem;border-radius:6px;font-size:.9rem}.navbar-links a:hover{background:#f0f0f0}.navbar-links a.active{color:#0984e3;background:#e8f4fd}.content{max-width:960px;margin:2rem auto;padding:0 1.5rem}.card{background:#fff;border-radius:8px;border:1px solid #dfe6e9;overflow:hidden}.detail-table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{text-align:left;padding:.65rem 1rem;border-bottom:1px solid #f0f0f0}.detail-table th{width:160px;color:#636e72;font-weight:500;font-size:.85rem}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.6rem 1rem}.data-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#636e72;border-bottom:2px solid #dfe6e9}.data-table tbody tr{border-bottom:1px solid #f0f0f0}.data-table tbody tr:hover{background:#fafafa}.pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.85rem;color:#636e72}.pagination div{display:flex;gap:.5rem}.btn{border:none;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:#0984e3;color:#fff}.btn-primary:hover:not(:disabled){background:#0773c5}.btn-secondary{background:#dfe6e9;color:#2d3436}.btn-secondary:hover:not(:disabled){background:#c8d6db}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{background:#fff;padding:2.5rem 2rem;border-radius:10px;border:1px solid #dfe6e9;width:100%;max-width:380px}.login-form h1{font-size:1.5rem;margin-bottom:.15rem}.login-subtitle{color:#636e72;font-size:.9rem;margin-bottom:1.5rem}.login-form label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.3rem;color:#636e72}.login-form input{display:block;width:100%;padding:.55rem .75rem;font-size:.95rem;border:1px solid #dfe6e9;border-radius:6px;margin-bottom:1rem;outline:none}.login-form input:focus{border-color:#0984e3;box-shadow:0 0 0 3px #0984e326}.login-form .btn{width:100%;padding:.6rem;font-size:.95rem;margin-top:.5rem}.error-message{background:#ffeaa7;color:#6c5b00;padding:.6rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#d4edda;color:#155724;padding:.6rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.login-footer{text-align:center;margin-top:1rem;font-size:.9rem}.login-footer a{color:#4a90d9;text-decoration:none}.login-footer a:hover{text-decoration:underline}.data-table tbody tr.clickable{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 30px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #dfe6e9}.modal-header h3{font-size:1.1rem;margin:0}.modal-close{font-size:.8rem}.tabs{display:flex;gap:0;border-bottom:2px solid #dfe6e9;padding:0 1.25rem}.tab{background:none;border:none;padding:.6rem 1rem;font-size:.9rem;color:#636e72;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:#2d3436}.tab.active{color:#0984e3;border-bottom-color:#0984e3}.modal-tab-content{padding:1rem 1.25rem}.toggle-row{margin-bottom:.75rem}.toggle-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#636e72;cursor:pointer}.navbar-test-toggle{margin-left:.5rem}.navbar-test-toggle input:checked+span{color:#e17055;font-weight:600}h2{font-size:1.3rem;margin-bottom:1rem}.stats-cards{display:flex;gap:1rem}.stat-card{flex:1;background:#fff;border:1px solid #dfe6e9;border-radius:8px;padding:1rem 1.25rem;text-align:center}.stat-value{font-size:1.75rem;font-weight:700;color:#2d3436}.stat-label{font-size:.85rem;color:#636e72;margin-top:.25rem}.preferences-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f6fa}.preferences-card{background:#fff;padding:2.5rem 2rem;border-radius:10px;border:1px solid #dfe6e9;box-shadow:0 2px 8px #0000000f;width:100%;max-width:440px}.preferences-card h2{font-size:1.3rem;margin-bottom:.5rem}.preferences-description{color:#636e72;font-size:.9rem;margin-bottom:1.5rem}.preferences-option{margin-bottom:1.5rem}.preferences-option-help{color:#636e72;font-size:.8rem;margin-top:.3rem;margin-left:1.6rem}