:root{--bg-base:#0a0a0a;--bg-surface:#121212;--bg-raised:#1a1a1a;--bg-hover:#2a2a2a;--bg-active:#333;--border:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#fff;--text-muted:#6a6a6a;--text-secondary:#b3b3b3;--accent:#1db954;--accent-hover:#1ed760;--accent-muted:#1db9541a;--accent-glow:#1db95440;--card-shadow:0 4px 14px #00000080;--card-shadow-hover:0 8px 24px #0009;--green:#1db954;--green-bright:#1ed760;--amber:#f59e0b;--red:#e74c3c;--blue:#4687d6;--transition:.25s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.9rem;line-height:1.6;background-color:var(--bg-base)!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Inter,Arial,sans-serif!important}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#222;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary)!important;font-weight:600!important}.text-muted{font-size:.875rem;color:var(--text-muted)!important}.label-mono{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.7rem;font-weight:600}.top-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border);margin-bottom:2rem;padding:1.5rem 0;box-shadow:0 1px 3px #0003}.hero-brand{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);opacity:.9;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;font-weight:700}.container,.container-fluid{max-width:1400px}.card{transition:background-color var(--transition),transform var(--transition);padding:1.5rem;background-color:var(--bg-raised)!important;box-shadow:none!important;border:none!important;border-radius:8px!important}.card:hover{transform:none;background-color:var(--bg-hover)!important}.card.pillar-card{cursor:pointer;min-height:220px;background:var(--bg-raised)!important;border:none!important;border-radius:8px!important;flex-direction:column!important;display:flex!important}.card.pillar-card:hover{background:var(--bg-hover)!important}.card.pillar-card .card-body{flex-direction:column;flex:1;display:flex}.card-title{letter-spacing:-.01em;color:var(--text-primary)!important;margin-bottom:.75rem!important;font-size:1rem!important;font-weight:700!important}.card-text{font-size:.875rem;line-height:1.5;color:var(--text-secondary)!important}.card-body{padding:1.25rem!important}.stat-card{text-align:center;cursor:pointer;transition:background-color var(--transition);background:#181818!important;border:none!important;border-radius:8px!important;padding:1.25rem!important}.stat-card:hover{transform:none;background:#282828!important}.stat-value{color:var(--accent);margin:.5rem 0;font-size:2rem;font-weight:800;line-height:1}.stat-label{letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem;font-weight:600}.dashboard-grid{gap:1.5rem;display:grid}.dashboard-pillars{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-row-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.activity-notifications{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.action-card{transition:all var(--transition);padding:1rem;background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:var(--card-shadow)!important;border-radius:12px!important}.action-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)!important}.list-group-item{transition:background-color var(--transition);margin-bottom:2px;color:var(--text-primary)!important;background-color:#0000!important;border:none!important;border-radius:6px!important;padding:.75rem 1rem!important}.list-group-item:hover{transform:none;background-color:#ffffff12!important}.list-group-item strong{color:var(--text-primary);font-weight:600}.list-group-item .text-muted{margin-top:.25rem;font-size:.8rem;color:var(--text-muted)!important}.badge{letter-spacing:.02em;border:none!important;border-radius:4px!important;padding:4px 10px!important;font-size:.7rem!important;font-weight:600!important}.badge.bg-secondary{color:var(--text-secondary)!important;background-color:#ffffff1a!important}.badge.bg-primary{background-color:var(--accent-muted)!important;color:var(--green-bright)!important}.badge.bg-success{color:var(--green)!important;background-color:#1db95426!important}.badge.bg-info{color:var(--blue)!important;background-color:#4687d626!important}.badge.bg-warning{color:var(--amber)!important;background-color:#f59e0b26!important}.badge.bg-danger{color:var(--red)!important;background-color:#e74c3c26!important}.btn{letter-spacing:.01em;transition:all var(--transition)!important;border:none!important;border-radius:500px!important;padding:8px 20px!important;font-size:.85rem!important;font-weight:700!important}.btn-sm{padding:6px 14px!important;font-size:.78rem!important}.btn-primary{background-color:var(--accent)!important;color:#000!important}.btn-primary:hover{box-shadow:none;transform:scale(1.04);background-color:var(--accent-hover)!important}.btn-secondary{color:var(--text-primary)!important;background-color:#ffffff12!important}.btn-secondary:hover{color:var(--text-primary)!important;background-color:#ffffff1f!important}.btn-outline-primary{color:var(--text-primary)!important;background:0 0!important;border:1px solid #fff3!important}.btn-outline-primary:hover{color:var(--text-primary)!important;background:#ffffff12!important;border-color:#ffffff4d!important}.btn-outline-secondary{color:var(--text-secondary)!important;background:0 0!important;border:1px solid #ffffff26!important}.btn-outline-secondary:hover{color:var(--text-primary)!important;background:#ffffff12!important;border-color:#ffffff40!important}.form-control,.form-select{transition:all var(--transition);padding:12px 14px;font-size:.875rem;color:var(--text-primary)!important;background-color:#ffffff12!important;border:none!important;border-radius:6px!important}.form-control::placeholder{color:var(--text-muted)!important}.form-control:focus,.form-select:focus{outline:none;color:var(--text-primary)!important;background-color:#ffffff1a!important;border:none!important;box-shadow:0 0 0 2px #fff3!important}.form-label{margin-bottom:6px;font-size:.8rem;font-weight:500;color:var(--text-secondary)!important}.nav-tabs{gap:4px;margin-bottom:1.5rem;padding:0;border-bottom:1px solid var(--border)!important}.nav-tabs .nav-link{transition:all var(--transition);font-size:.85rem;font-weight:500;color:var(--text-muted)!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:10px 16px!important}.nav-tabs .nav-link:hover{color:var(--text-secondary)!important;background:var(--bg-hover)!important}.nav-tabs .nav-link.active{box-shadow:var(--card-shadow);font-weight:600;color:var(--text-primary)!important;background:var(--bg-surface)!important;border:1px solid var(--border)!important}.modal-content{background-color:#282828!important;border:none!important;border-radius:12px!important;box-shadow:0 16px 48px #000000b3!important}.modal-header{background-color:#282828!important;border-bottom:1px solid #ffffff0f!important;padding:1.5rem 1.5rem 1rem!important}.modal-header .modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)!important}.modal-header .btn-close{filter:invert()grayscale()brightness(200%)}.modal-body{color:var(--text-primary)!important;background-color:#282828!important;padding:1.5rem!important}.modal-footer{background-color:#282828!important;border-top:1px solid #ffffff0f!important;padding:1rem 1.5rem!important}.progress{overflow:hidden;background-color:var(--bg-active)!important;border-radius:20px!important;height:8px!important}.progress-bar{background:linear-gradient(90deg,var(--accent),var(--green-bright))!important;border-radius:20px!important}.alert{border:1px solid!important;border-radius:8px!important;padding:1rem!important}.alert-danger{color:var(--red)!important;background-color:#ef44441a!important;border-color:#ef44444d!important}.alert-success{color:var(--green)!important;background-color:#22c55e1a!important;border-color:#22c55e4d!important}.alert-info{color:var(--blue)!important;background-color:#3b82f61a!important;border-color:#3b82f64d!important}.alert-warning{color:var(--amber)!important;background-color:#f59e0b1a!important;border-color:#f59e0b4d!important}.form-check-input{background-color:var(--bg-active)!important;border-color:var(--border)!important}.form-check-input:checked{background-color:var(--accent)!important;border-color:var(--accent)!important}.form-check-label{color:var(--text-secondary)!important}.table{color:var(--text-primary)!important}.table>thead>tr>th{background-color:var(--bg-raised)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}.table>tbody>tr>td{border-color:var(--border)!important}.btn-success{background-color:var(--accent)!important;color:#000!important;font-weight:700!important}.btn-success:hover{transform:scale(1.04);background-color:var(--accent-hover)!important}.btn-danger{background-color:var(--red)!important;color:#fff!important}.btn-outline-danger{border:1px solid var(--red)!important;color:var(--red)!important;background:0 0!important}.btn-outline-danger:hover{background:#ef44441a!important}.btn-outline-success{border:1px solid var(--accent)!important;color:var(--accent)!important;background:0 0!important}.btn-outline-success:hover{background:var(--accent-muted)!important;color:var(--green-bright)!important}.btn-outline-info{border:1px solid var(--blue)!important;color:var(--blue)!important;background:0 0!important}.btn-outline-info:hover{background:#3b82f61a!important}.btn-outline-light{border:1px solid var(--border)!important;color:var(--text-secondary)!important;background:0 0!important}.btn-outline-light:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}a{transition:color var(--transition);color:var(--accent)!important;text-decoration:none!important}a:hover{color:var(--green-bright)!important}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.empty-state-text{color:var(--text-muted);font-size:.9rem}.back-button{transition:all .2s;color:var(--text-secondary)!important;border:1px solid var(--border)!important;background:0 0!important;border-radius:8px!important;padding:.5rem 1rem!important;font-size:.9rem!important}.back-button:hover{color:var(--text-primary)!important;border-color:var(--accent)!important;background:var(--accent-muted)!important}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header h2{margin:0;font-size:1.8rem;font-weight:700}.section-emoji{font-size:2.5rem;line-height:1}.custom-modal .modal-content{border-radius:8px!important}.custom-modal .modal-header,.custom-modal .modal-body{background:var(--bg-raised)!important}.table-hover tbody tr:hover{background-color:#ffffff0d!important}.mobile-bottom-nav{display:none!important}.mobile-nav-item{color:var(--text-muted);cursor:pointer;text-align:center;flex-direction:column;align-items:center;min-width:60px;padding:.5rem;font-size:.7rem;transition:all .2s;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--accent)}.mobile-nav-icon{margin-bottom:.25rem;font-size:1.5rem}.table{color:var(--text-primary)!important;--bs-table-bg:transparent!important}.table>:not(caption)>*>*{border-bottom-color:var(--border)!important;background:0 0!important}.nav-pills .nav-link{color:var(--text-muted)!important;transition:all var(--transition)!important;border-radius:8px!important}.nav-pills .nav-link:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.nav-pills .nav-link.active{background:var(--accent-muted)!important;color:var(--accent)!important}.dropdown-menu{background:var(--bg-raised)!important;border:1px solid var(--border)!important}.dropdown-item{color:var(--text-primary)!important}.dropdown-item:hover{background:var(--accent-muted)!important}.tooltip-inner{background:var(--bg-raised)!important;border:1px solid var(--border)!important}.desktop-nav-tabs{display:none!important}.desktop-nav-tab{white-space:nowrap;border:1px solid var(--border)!important;color:var(--text-muted)!important;background:0 0!important;border-radius:8px!important;padding:.4rem .75rem!important;font-size:.8rem!important;font-weight:500!important;transition:all .2s!important}.desktop-nav-tab:hover{background:var(--bg-hover)!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}.desktop-nav-tab.active{background:var(--accent-muted)!important;border-color:var(--accent)!important;color:var(--accent)!important;font-weight:600!important}@media (max-width:768px){body{padding-bottom:0;overflow-x:hidden}.container,.container-fluid{max-width:100%!important;padding:0 12px!important;overflow-x:hidden!important}.card{padding:1rem;border-radius:8px!important}.card.pillar-card{min-height:160px}.dashboard-pillars,.dashboard-row-2,.activity-notifications{grid-template-columns:1fr;gap:.75rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.modal-dialog{height:100vh;max-width:100%!important;margin:0!important}.modal-content{height:100vh;border:none!important;border-radius:0!important}.modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.form-control,.form-select{min-height:44px!important;padding:12px!important;font-size:16px!important}textarea.form-control{min-height:100px!important}.btn{min-height:48px!important;padding:12px 16px!important;font-size:.9rem!important}.btn-sm{min-height:44px!important;padding:10px 14px!important;font-size:.85rem!important}.mobile-bottom-nav,.desktop-nav-tabs{display:none!important}.app-top-bar{flex-wrap:wrap;gap:.5rem;flex-direction:row!important}.app-top-bar .artist-profile-section .artist-name-text{display:none}.top-bar{padding:1rem 0}.hero-brand{font-size:.65rem}*{max-width:100%}img{max-width:100%;height:auto}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.row>[class*=col-]{padding-left:8px!important;padding-right:8px!important}.dashboard-wrapper{padding:.75rem!important}.dashboard-action-grid,.dashboard-goals-grid,.dashboard-activity-grid{grid-template-columns:1fr!important}.stat-chips-row{justify-content:center!important}.section-header{text-align:center;justify-content:center}.landing-nav-buttons .btn{min-height:40px!important;padding:6px 12px!important;font-size:.8rem!important}.view-grid-2col,.view-grid-3col,.view-grid-4col{grid-template-columns:1fr!important}.mobile-center{text-align:center!important}.sub-tab-row{flex-wrap:wrap!important;justify-content:center!important}}.nav-card-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0 2rem;display:grid}@media (min-width:769px){.nav-card-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.nav-card{cursor:pointer;text-align:left;background:#181818;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:150px;padding:clamp(1.25rem,3.5vw,2rem);transition:background-color .3s;display:flex}.nav-card:hover{background:#282828;transform:none}.nav-card:active{transform:scale(.98)}.nav-card-icon{margin-bottom:.25rem;font-size:2rem}.nav-card-stat{color:var(--accent);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;line-height:1.1}.nav-card-title{color:#fff;font-size:clamp(1rem,2.5vw,1.15rem);font-weight:700}.nav-card-desc{color:#a0a0a0;font-size:clamp(.8rem,2vw,.9rem);line-height:1.5}.premium-nav-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,2vw,1rem);padding:.5rem 0 2.5rem;display:grid}@media (min-width:769px){.premium-nav-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:960px){.dashboard-5-grid{grid-template-columns:repeat(5,1fr);gap:1rem}}@media (min-width:769px) and (max-width:959px){.dashboard-5-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.premium-nav-card{cursor:pointer;text-align:center;background:#181818;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:clamp(150px,22vw,190px);padding:clamp(1.25rem,3.5vw,2rem);transition:background-color .3s,transform .2s;display:flex;position:relative;overflow:hidden}.premium-nav-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08 0%,#0000 100%);border-radius:8px 8px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.premium-nav-card:hover{background:#282828;transform:none}.premium-nav-card:active{transform:scale(.98)}.premium-nav-card-emoji{margin-bottom:.35rem;font-size:clamp(2.5rem,6vw,3.25rem);line-height:1;position:relative}.premium-nav-card-title{color:#fff;letter-spacing:-.01em;font-size:clamp(1rem,2.5vw,1.15rem);font-weight:700}.premium-nav-card-stat{color:var(--accent);font-size:clamp(.8rem,2vw,.9rem);font-weight:600}.premium-nav-card-desc{color:#a0a0a0;max-width:200px;font-size:clamp(.72rem,1.6vw,.8rem);line-height:1.4}.view-section-title{letter-spacing:-.03em;line-height:1.15;color:#fff!important;margin-bottom:.35rem!important;font-size:clamp(1.75rem,5vw,2.25rem)!important;font-weight:800!important}.view-section-subtitle{color:#a0a0a0;margin-bottom:2rem;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.5}.nav-back-btn{color:#fff;cursor:pointer;background:#ffffff12;border:none;border-radius:500px;align-items:center;gap:.35rem;min-height:40px;margin-bottom:1.75rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.nav-back-btn:hover{color:#fff;background:#ffffff1f}@media (max-width:480px){.container,.container-fluid{padding:0 8px!important}.card{padding:.75rem}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.mobile-bottom-nav{padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom,0px))}.mobile-nav-item{min-width:48px;padding:.35rem;font-size:.6rem}.mobile-nav-icon{font-size:1.25rem}.row{margin-left:0!important;margin-right:0!important}}