:root{--bg: #0c0c0e;--surface: #131316;--surface-2: #1a1a1f;--surface-elev: #1c1c22;--text: #f5f5f7;--text-dim: #8a8a93;--text-dimmer: #5a5a63;--border: #26262d;--border-strong: #3a3a44;--pill-bg: #1a1a1f;--pill-active: #2b2735;--accent: #a78bfa;--grid: rgba(255, 255, 255, .05);--tooltip-bg: rgba(26, 26, 31, .92);--tooltip-shadow: 0 8px 24px rgba(0, 0, 0, .4);font-family:Geist,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e0e0e0;margin-bottom:2rem}.app-header h1{font-size:1.5rem;font-weight:600}.app-header nav{display:flex;gap:1.5rem}.app-header nav a{color:#213547;text-decoration:none;font-weight:500;transition:color .2s}.app-header nav a:hover{color:#3b82f6}.app-main{padding:1rem 0}.page{animation:fadeIn .2s ease-in}.page h2{font-size:1.75rem;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transactions-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.transactions-table th,.transactions-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0}.transactions-table th{background:#f1f5f9;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.transactions-table tbody tr:hover{background:#f8fafc}.transactions-table tbody tr:last-child td{border-bottom:none}.type-buy{color:#16a34a;font-weight:600}.type-sell{color:#dc2626;font-weight:600}button{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}button:hover{background:#2563eb}.error{color:#dc2626;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-header h2{margin-bottom:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h3{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#213547;background:none}.modal form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.875rem;color:#374151}.form-group input,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-secondary{background:#f1f5f9;color:#374151}.btn-secondary:hover{background:#e2e8f0}button:disabled{opacity:.6;cursor:not-allowed}.btn-delete{background:none;color:#94a3b8;padding:.25rem .5rem;font-size:1.25rem;line-height:1;border-radius:4px;transition:color .15s,background .15s}.btn-delete:hover{background:#fee2e2;color:#dc2626}.chart-container{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a;margin-top:1rem}.chart-container p{text-align:center;padding:2rem;color:#64748b}.chart-info{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.chart-info p{padding:0;margin:0;font-size:.95rem;color:#475569}.chart-info strong{color:#1e293b;font-weight:600}