:root{--primary: #EFF1F0;--secondary: #FFFFFF;--accent: #0E6F63;--accent-light: #12897A;--accent-hover: #0B5A50;--accent-gold: #B08D57;--success: #1F8A5F;--success-strong: #166534;--warning: #B45309;--danger: #B91C1C;--border: #DCE0DE;--text-primary: #14181A;--text-secondary: #5B6368;--text-muted: #8A9096;--bg: #F6F7F6;--surface: #FFFFFF;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--primary: #1B2124;--secondary: #14181A;--accent: #14A08D;--accent-light: #2BC4AE;--accent-hover: #0E6F63;--accent-gold: #C9A468;--success: #34C48C;--success-strong: #2F9E64;--warning: #E0912F;--danger: #F0645F;--border: #2B3336;--text-primary: #ECEFEE;--text-secondary: #9AA3A8;--text-muted: #6B7478;--bg: #101416;--surface: #181D20;color-scheme:dark}}:root[data-theme=dark]{--primary: #1B2124;--secondary: #14181A;--accent: #14A08D;--accent-light: #2BC4AE;--accent-hover: #0E6F63;--accent-gold: #C9A468;--success: #34C48C;--success-strong: #2F9E64;--warning: #E0912F;--danger: #F0645F;--border: #2B3336;--text-primary: #ECEFEE;--text-secondary: #9AA3A8;--text-muted: #6B7478;--bg: #101416;--surface: #181D20;color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary)}.app-container{display:flex;flex-direction:column;height:100vh}.navbar{background:var(--secondary);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.app-title{font-size:22px;font-weight:700;background:linear-gradient(135deg,#12897A,#0E6F63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.workspace-selector-container{position:relative}.workspace-selector-btn{padding:10px 16px;background:var(--primary);border:1px solid var(--accent);border-radius:6px;color:var(--accent-light);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:200px}.workspace-selector-btn:hover{background:rgba(14,111,99,.08);border-color:var(--accent-light);color:var(--text-primary)}.dropdown-arrow{font-size:12px;transition:transform .2s}.workspace-selector-btn:hover .dropdown-arrow{transform:translateY(2px)}.workspace-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:220px;box-shadow:0 10px 25px #14181a1f;z-index:100}.dropdown-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:rgba(14,111,99,.08);color:var(--text-primary)}.dropdown-item.active{background:rgba(14,111,99,.15);color:var(--accent-light);font-weight:500}.dropdown-item-name{font-weight:500}.dropdown-item-currency{font-size:12px;opacity:.7}.dropdown-divider{height:1px;background:var(--border);margin:8px 0}.dropdown-create{width:100%;padding:10px 16px;background:transparent;border:none;color:var(--accent-light);font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-create:hover{background:rgba(14,111,99,.08)}.app-main{flex:1;display:flex;overflow:hidden}.sidebar{width:240px;background:var(--secondary);border-right:1px solid var(--border);padding:1.5rem 1rem;overflow-y:auto}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.menu-item:hover{background:rgba(14,111,99,.08);border-color:var(--border);color:var(--text-primary)}.menu-item.active{background:var(--accent);border-color:var(--accent);color:#fff}.menu-item span{font-size:16px}.main-content{flex:1;overflow-y:auto;padding:2rem}.loading{display:flex;justify-content:center;align-items:center;height:100%}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-bottom:2rem}.section-title{font-size:20px;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.section-desc{font-size:14px;color:var(--text-secondary);margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:all .2s}.card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0e6f631a}.metric-card{text-align:center}.metric-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.metric-value{font-size:28px;font-weight:700;color:var(--accent-light)}.button{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.button:hover{border-color:var(--accent);color:var(--text-primary)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--primary);padding:12px;text-align:left;font-weight:600;border-bottom:1px solid var(--border);color:var(--text-primary)}td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:hover{background:rgba(14,111,99,.05)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,24,26,.45);z-index:1000;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2rem;width:90%;max-width:450px}.modal-close{float:right;cursor:pointer;font-size:24px;color:var(--text-secondary);background:none;border:none;padding:0;margin-bottom:1rem}.modal-close:hover{color:var(--accent)}.modal h2{font-size:18px;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:10px;background:var(--primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0e6f631f}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-accent{background:rgba(14,111,99,.15);color:var(--accent-light)}.badge-success{background:rgba(31,138,95,.15);color:var(--success)}.badge-warning{background:rgba(180,83,9,.15);color:var(--warning)}h1,h2,h3,h4,h5,h6,p{color:var(--text-primary)}.btn-small{padding:4px 8px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;margin-right:4px}.btn-small:hover{border-color:var(--accent);color:var(--accent-light);background:rgba(14,111,99,.08)}.btn-small.danger:hover{border-color:var(--danger);color:var(--danger);background:rgba(185,28,28,.08)}.chart-container,.filters-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.filter-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:flex-end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.filter-group select,.filter-group input{padding:8px;background:var(--primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px}.filter-group select:hover,.filter-group input:hover{border-color:var(--accent)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0e6f631f}.menu-group{width:100%}.submenu{display:flex;flex-direction:column;background:var(--surface);border-left:2px solid var(--accent);margin-top:4px}.submenu-item{padding:10px 16px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;text-align:left;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px}.submenu-item:hover{background:var(--primary);color:var(--text-primary)}.submenu-item.active{color:var(--accent);background:var(--primary)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}button{font-family:inherit;cursor:pointer;transition:all .2s}input,select,textarea{font-family:inherit;font-size:inherit}