:root{--primary: #0066cc;--card: #2d2d2d;--border: #404040;--text: #e5e5e5;--background: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}nav{background-color:var(--card);border-bottom:1px solid var(--border);padding:1rem 2rem}nav ul{list-style:none;display:flex;gap:0;align-items:center;position:relative}nav li{position:relative}nav button{background:transparent;border:none;color:var(--text);padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;border-radius:0;font-size:.9rem;font-weight:500}nav button:hover{background-color:var(--border)}nav button.active{background-color:var(--primary);color:#fff}nav ul ul{position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);border-radius:0 0 8px 8px;min-width:200px;z-index:1000;box-shadow:0 4px 12px #0000004d;flex-direction:column;gap:0}nav ul ul li{width:100%}nav ul ul button{width:100%;text-align:left;padding:.75rem 1rem;border-radius:0}nav ul ul button:hover{background-color:var(--border)}nav ul ul button.active{background-color:var(--primary);color:#fff}main{flex:1;padding:2rem;margin:0 auto;width:90%}h1,h2,h3,h4,h5,h6{color:#fff}h1{font-size:2rem;font-weight:600}h2{font-size:1.5rem;font-weight:500}h3{font-size:1.25rem;font-weight:500}.card{background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}table{width:100%;border-collapse:collapse;background-color:#2d2d2d;border-radius:8px;overflow:hidden;margin-bottom:1.5rem}thead{background-color:#404040}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #404040}th{font-weight:600;color:#fff}tbody tr:hover{background-color:#333}form{background-color:#2d2d2d;padding:1.5rem;border-radius:8px;border:1px solid #404040}input,select,textarea{width:100%;padding:.75rem;background-color:#1a1a1a;border:1px solid #404040;border-radius:4px;color:#e5e5e5;font-size:1rem;margin-bottom:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff}button{background-color:#06c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}button:hover{background-color:#0052a3}button:disabled{background-color:#666;cursor:not-allowed}button.secondary{background-color:#404040;color:#e5e5e5}button.secondary:hover{background-color:#505050}button.danger{background-color:#dc3545}button.danger:hover{background-color:#c82333}.message{padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid}.message.success{background-color:#0f3a0f;border-color:#28a745;color:#d4edda}.message.error{background-color:#3a0f0f;border-color:#dc3545;color:#f8d7da}.message.warning{background-color:#3a300f;border-color:#ffc107;color:#fff3cd}.message.info{background-color:#0f2a3a;border-color:#17a2b8;color:#d1ecf1}.stats{display:flex;gap:1rem;margin-bottom:2rem}.stat-item{flex:1;background-color:#2d2d2d;padding:1.5rem;border-radius:8px;border:1px solid #404040;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{color:#b3b3b3;font-size:.9rem}.amount-positive{color:#28a745}.amount-negative{color:#dc3545}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;padding:1rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.summary-item .label{font-size:.9rem;color:#b3b3b3;margin-bottom:.5rem}.summary-item .value{font-size:1.5rem;font-weight:600;color:#fff}.transaction-list{display:flex;flex-direction:column;gap:.5rem}.transaction-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:.75rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.destination-list{display:flex;flex-direction:column;gap:.5rem}.destination-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.75rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.transactions-page{display:flex;flex-direction:column;gap:1.5rem}.search-form{display:flex;gap:1rem;align-items:flex-end;background:none;border:none;padding:0}.search-form input{flex:1;margin-bottom:0}.search-form button{margin-bottom:0;white-space:nowrap}.transactions-list{display:flex;flex-direction:column;gap:.5rem}.transaction-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:1rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040;transition:background-color .2s}.transaction-row:hover{background-color:#2a2a2a}.transaction-date{font-size:.9rem;color:#b3b3b3;white-space:nowrap}.transaction-description{display:flex;flex-direction:column;gap:.25rem}.transaction-description .description{font-weight:500}.transaction-description .merchant{font-size:.85rem;color:#b3b3b3}.transaction-amount{font-weight:600;text-align:right;white-space:nowrap}.transaction-amount.positive{color:#28a745}.transaction-amount.negative{color:#dc3545}.transaction-account{font-size:.9rem;color:#b3b3b3;text-align:right;white-space:nowrap}.load-more-button{align-self:center;margin-top:1rem}.manage-accounts{display:flex;flex-direction:column}.accounts-list{display:flex;flex-direction:column;gap:.5rem}.account-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:center;padding:1rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040;transition:background-color .2s}.account-row:hover{background-color:#2a2a2a}.account-name{font-weight:500}.account-type{color:#b3b3b3;text-transform:capitalize}.account-balance{font-weight:600;text-align:right}.account-created{font-size:.9rem;color:#b3b3b3;text-align:right}.analytics{display:flex;flex-direction:column;gap:1.5rem}.analytics-list{display:flex;flex-direction:column;gap:.5rem}.analytics-item{display:grid;grid-template-columns:2fr auto auto;gap:1rem;align-items:center;padding:.75rem;background-color:#1a1a1a;border-radius:6px;border:1px solid #404040}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (max-width: 768px){main{padding:1rem}nav{padding:1rem}nav ul{flex-wrap:wrap;gap:1rem}.card-grid{grid-template-columns:1fr}.stats{flex-direction:column}table{font-size:.9rem}th,td{padding:.5rem}.transaction-row,.account-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.transaction-amount,.transaction-account,.account-balance,.account-created{text-align:left}.analytics-item,.destination-item{grid-template-columns:1fr;gap:.5rem}.search-form{flex-direction:column;align-items:stretch}.search-form input,.search-form button{margin-bottom:.5rem}}.loading{display:inline-block;width:20px;height:20px;border:3px solid #404040;border-radius:50%;border-top-color:#06c;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkbox-inline{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.checkbox-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);border-radius:4px}.checkbox-inline input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #0066cc59}.manage-accounts .search-bar input{width:100%;max-width:600px;padding:12px;border-radius:8px;border:1px solid var(--border);font-size:16px;box-shadow:0 2px 8px #0000001a}.manage-accounts .floating-create-btn{position:fixed;right:24px;bottom:24px;z-index:1000;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:32px;line-height:0;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 4px 12px #0003;cursor:pointer}.manage-accounts .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.manage-accounts .modal-content{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;min-width:420px;max-width:90vw}.manage-accounts .form-inline{display:flex;gap:8px;flex-wrap:wrap}.manage-accounts .form-inline input,.manage-accounts .form-inline select{flex:1 1 180px}.manage-accounts .form-inline select[data-type=type]{flex:1 1 140px}.manage-accounts .form-inline select[data-type=currency]{flex:1 1 120px}.manage-accounts .form-buttons{display:flex;gap:12px;justify-content:flex-end;width:100%;margin-top:12px}.manage-accounts .type-badge{padding:4px 8px;border-radius:4px;font-size:.9em;text-transform:capitalize}.manage-accounts .edit-btn{padding:6px;border-radius:4px;border:1px solid var(--border);background-color:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center}.manage-accounts [data-testid=data-table]{background-color:var(--card)!important;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.manage-accounts .rdt_TableHeader{background-color:var(--card)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important}.manage-accounts .rdt_TableHeadRow{background-color:var(--card)!important;border-bottom:1px solid var(--border)!important;min-height:48px}.manage-accounts .rdt_TableCol{color:var(--text)!important;font-weight:600!important;padding:12px 16px!important}.manage-accounts .rdt_TableCol:hover{background-color:var(--hover)!important}.manage-accounts .rdt_TableCol .rdt_TableCol_Sortable{color:var(--text)!important}.manage-accounts .rdt_TableBody{background-color:var(--card)!important}.manage-accounts .rdt_TableRow{background-color:var(--card)!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important;min-height:45px}.manage-accounts .rdt_TableRow:nth-child(2n){background-color:var(--card-hover, rgba(255,255,255,.02))!important}.manage-accounts .rdt_TableRow:hover{background-color:var(--hover)!important}.manage-accounts .rdt_TableCell{padding:12px 16px!important;color:var(--text)!important}.manage-accounts .rdt_Pagination{background-color:var(--card)!important;border-top:1px solid var(--border)!important;color:var(--text)!important;padding:12px 16px!important}.manage-accounts .rdt_Pagination nav{color:var(--text)!important}.manage-accounts .rdt_Pagination button{background-color:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:4px!important;padding:6px 12px!important;margin:0 2px!important}.manage-accounts .rdt_Pagination button:hover:not(:disabled){background-color:var(--hover)!important}.manage-accounts .rdt_Pagination button:disabled{opacity:.5!important;cursor:not-allowed!important}.manage-accounts .rdt_Pagination select{background-color:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:4px!important;padding:4px 8px!important}.manage-accounts .rdt_TableWrapper .rdt_Table .rdt_TableBody .rdt_TableRow{text-align:center!important}.manage-accounts .rdt_ProgressWrapper{background-color:var(--card)!important}.manage-accounts .rdt_TableHeader input{background-color:var(--input-bg, var(--card))!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:4px!important;padding:8px 12px!important}.manage-accounts .rdt_TableWrapper{border-radius:8px;overflow:hidden}