@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-elevated: #2d2d2d;--bg-hover: #353535;--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #b3b3b3;--text-muted: #808080;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-hover: #4f46e5;--border-primary: #2d2d2d;--border-secondary: #3a3a3a;--border-focus: rgba(99, 102, 241, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;width:100%}.main-panel{position:relative;min-height:100vh;width:100%;background:var(--bg-primary);display:flex;flex-direction:column}.top-navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;padding:.4rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);min-height:52px}.top-navbar-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.top-navbar-logo{width:32px;height:32px;object-fit:cover;border-radius:6px}.top-navbar-nav{flex:1;display:flex;justify-content:center;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.top-navbar-nav::-webkit-scrollbar{height:4px}.top-navbar-right{display:flex;align-items:center;flex-shrink:0}.nav-horizontal{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.15rem;justify-content:center;align-items:center}.nav-horizontal .nav-item{margin:0;padding:0;list-style:none;flex-shrink:0}.nav-horizontal .nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);font-weight:500;font-size:.85rem;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.nav-horizontal .nav-link i{font-size:.95rem;flex-shrink:0}.nav-horizontal .nav-link .nav-text{display:inline;white-space:nowrap}.nav-horizontal .nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-horizontal .nav-link.active{color:var(--text-primary);background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.nav-link-logout{color:var(--text-tertiary);flex-shrink:0}.nav-link-logout:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-project-switcher{border:1px solid rgba(255,255,255,.35);background:#ffffff0f;color:#ffffffe6;font-size:.875rem;padding:.4rem .6rem;border-radius:8px;min-height:2rem}.btn-project-switcher:hover{background:#ffffff1f;border-color:#ffffff80;color:#fff}.project-switcher-icon{flex-shrink:0;font-size:.95rem;opacity:.9}.project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nav.nav-horizontal{flex-direction:row;flex-wrap:nowrap}.flex-column{flex-direction:column}.nav-item{margin:0;padding:0;list-style:none}.nav-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;border-bottom:2px solid var(--border-primary)}.nav-tabs .nav-item{display:block}.nav-tabs .nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;margin-bottom:-2px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-tertiary);font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);border-radius:8px 8px 0 0}.nav-tabs .nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-tabs .nav-link.active{color:var(--text-primary);background:var(--bg-elevated);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.nav-tabs .nav-link .badge{font-size:.75rem}.nav-tabs-wrapper{width:100%}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}hr{border:0;border-top:1px solid var(--border-primary);margin:.5rem 0;opacity:.5}.text-start{text-align:left}.btn-outline-light{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.btn-outline-light:hover{background:#ffffff1a;color:#fff}.border-light{border-color:#fff3}.opacity-25{opacity:.25}.main-content{background-color:var(--bg-primary);color:var(--text-secondary);flex:1;min-height:calc(100vh - 52px);padding:0;overflow-y:auto;overflow-x:hidden;transition:margin-left var(--transition-base)}.card{border-radius:16px;box-shadow:var(--shadow-md);background-color:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{color:var(--text-secondary);padding:1.5rem}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary);font-weight:600;color:var(--text-primary)}.table-responsive{border-radius:12px;overflow:auto;max-height:calc(80vh - 200px);border:1px solid var(--border-primary);margin-bottom:20px}.table{color:var(--text-secondary);background:var(--bg-elevated);margin-bottom:0;width:100%;border-collapse:collapse}.table thead{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.table tbody tr{border-color:var(--border-primary);transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-hover)}.table td,.table th{border:1px solid var(--border-primary);padding:1rem;vertical-align:middle;text-align:left}.form-control,.form-select{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-primary);border-radius:10px;padding:.75rem 1rem;width:100%;transition:all var(--transition-base)}.form-control:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-focus);outline:none}.form-control::placeholder{color:var(--text-muted)}.form-label{color:var(--text-secondary);font-weight:500;margin-bottom:.5rem;display:block}.form-check{display:flex;align-items:center;gap:.5rem}.form-check-input{width:1.1em;height:1.1em;margin:0;cursor:pointer}.form-check-label{margin:0;cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;margin-top:0}h2{font-size:1.75rem}p{color:var(--text-tertiary);margin-bottom:1rem}.text-muted{color:var(--text-muted)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-base);font-size:.9rem}.btn-primary{background:var(--accent-gradient);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-outline-primary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-outline-primary:hover{background:var(--accent-primary);color:#fff}.btn-outline-secondary{background:transparent;color:var(--text-tertiary);border-color:var(--border-secondary)}.btn-outline-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:#10b981;color:#fff;border:none}.btn-warning{background:#f59e0b;color:#000;border:none}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-info{background:#3b82f6;color:#fff;border:none}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.alert{background:var(--bg-elevated);border:1px solid var(--border-secondary);color:var(--text-secondary);border-radius:12px;padding:1rem 1.25rem}.alert-danger{border-color:#ef4444;color:#fca5a5}.alert-info{border-color:#3b82f6;color:#93c5fd}.alert-success{border-color:#10b981;color:#6ee7b7}.badge{display:inline-block;padding:.25em .6em;border-radius:8px;font-size:.75rem;font-weight:500}.bg-primary{background:var(--accent-primary);color:#fff}.bg-success{background:#10b981;color:#fff}.bg-danger{background:#ef4444;color:#fff}.bg-warning{background:#f59e0b;color:#000}.bg-info{background:#3b82f6;color:#fff}.bg-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.stats-card{background:var(--bg-elevated);color:var(--text-primary);border-radius:16px;border:1px solid var(--border-primary);transition:all var(--transition-base);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.img-fluid{max-width:100%;height:auto;display:block}.p-5{padding:3rem!important}.rounded{border-radius:.5rem}.login-container{background:var(--bg-primary);min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem;box-sizing:border-box}.login-container:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:.05;z-index:0;pointer-events:none}.login-card{background:var(--bg-elevated);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);position:relative;z-index:1;width:100%;max-width:420px;margin:0 auto}.login-logo{width:100px;height:100px;object-fit:cover;margin:0 auto}.filter-section{background:var(--bg-elevated);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border-primary)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-buttons .btn{font-size:.8rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-container{position:relative;height:300px;padding:1rem}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;transform:translate(400px);transition:all var(--transition-base);pointer-events:auto;overflow:hidden}.notification.show{opacity:1;transform:translate(0)}.notification-content{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-message{flex:1;color:var(--text-secondary);font-size:.9rem}.notification-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid var(--accent-primary)}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-dialog{max-width:90%;width:100%;max-width:800px}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-primary);padding:1.5rem}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:.5rem}.modal-title{color:var(--text-primary);font-weight:600;margin:0}.btn-close-modal{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;font-size:1.25rem}.btn-close-modal:hover{color:var(--text-primary)}.custom-modal .modal-header{background:var(--accent-gradient);border:none;color:#fff}.custom-modal .modal-header .modal-title{color:#fff}.custom-modal .modal-header .btn-close-modal{color:#fffc}.custom-modal .modal-header .btn-close-modal:hover{color:#fff}.project-selection-header{background:var(--accent-gradient);border:none;padding:2rem;color:var(--text-primary)}.project-selection-header .text-muted{color:#ffffffd9!important}.project-selection-icon{width:56px;height:56px;background:#ffffff26;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.project-selection-body{padding:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.project-card{position:relative;background:var(--bg-tertiary);border-radius:16px;cursor:pointer;transition:all var(--transition-base);overflow:hidden;border:2px solid var(--border-primary);min-height:150px}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card-selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-focus);background:var(--bg-elevated)}.project-card-gradient{position:absolute;top:0;left:0;right:0;height:4px}.project-card-content{padding:1.5rem;position:relative;display:flex;flex-direction:column;height:100%}.project-card-icon{width:52px;height:52px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-primary);margin-bottom:1rem}.project-card-info{flex:1}.project-card-title{color:var(--text-primary);font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.project-card-slug{color:var(--text-tertiary);font-size:.8rem;margin:0 0 .35rem;font-family:monospace}.project-card-description{color:var(--text-tertiary);font-size:.875rem;margin:0;line-height:1.5}.project-card-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-gradient);color:#fff;padding:.4rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600}.project-card-arrow{position:absolute;bottom:1.25rem;right:1.25rem;width:36px;height:36px;background:#6366f126;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.project-empty-state{text-align:center;padding:4rem 1.5rem;color:var(--text-secondary)}.empty-state-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--accent-primary)}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.col-12{flex:0 0 100%;max-width:100%;padding:0 .75rem}.col-md-2{flex:0 0 16.666%;max-width:16.666%;padding:0 .75rem}.col-md-3{flex:0 0 25%;max-width:25%;padding:0 .75rem}.col-md-4{flex:0 0 33.333%;max-width:33.333%;padding:0 .75rem}.col-md-6{flex:0 0 50%;max-width:50%;padding:0 .75rem}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.me-2{margin-right:.5rem}.d-flex{display:flex}.gap-2{gap:.5rem}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.text-center{text-align:center}.text-end{text-align:right}.w-100{width:100%}.h-100{height:100%}.ps-3{padding-left:1rem}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-warning{color:#f59e0b!important}.text-info{color:#0ea5e9!important}.text-primary{color:var(--accent-primary)!important}.border-danger{border:2px solid #ef4444!important}.border-success{border:2px solid #10b981!important}.border-warning{border:2px solid #f59e0b!important}.border-secondary{border-color:var(--border-secondary)!important}.settings-page .settings-cards-row{display:flex;flex-wrap:wrap}.settings-page .settings-card{display:flex;flex-direction:column;transition:box-shadow var(--transition-base)}.settings-page .settings-card .card-body{flex:1;display:flex;flex-direction:column}.settings-page .settings-save-card{border-style:dashed;border-width:2px;background:var(--bg-tertiary)}.settings-readonly{background:var(--bg-tertiary)!important;color:var(--text-tertiary)!important;cursor:not-allowed}.table.table-sm td,.table.table-sm th{padding:.5rem;font-size:.9rem}.financial-summary-table td,.financial-summary-table th{padding:.5rem}tr.table-warning{background:#f59e0b26}tr.table-info{background:#0ea5e91a}@media(max-width:768px){.top-navbar{padding:.35rem .5rem;gap:.35rem;min-height:48px}.top-navbar-nav{justify-content:flex-start}.nav-horizontal .nav-link{padding:.35rem .5rem;font-size:.8rem}.col-md-2,.col-md-3,.col-md-4,.col-md-6{flex:0 0 100%;max-width:100%}}