:root{--primary:#036;--primary-dark:#024;--primary-light:#0075c9;--primary-red:#c51a1d;--accent-teal:#34ddd0;--accent-blue-gray:#5186a2;--accent-cream:#fff3c8;--accent-gold:#ffc600;--accent-orange:#fa7e04;--secondary:#3aaa35;--secondary-dark:#0d5d09;--white:#fff;--gray-50:#f0f5f8;--gray-100:#e5eaed;--gray-200:#d0d8de;--gray-300:#b5c0c8;--gray-400:#919fa6;--gray-500:#778590;--gray-600:#565f68;--gray-700:#464e55;--gray-800:#373a36;--gray-900:#1a1c1a;--success:#3aaa35;--warning:#ffc600;--error:#c51a1d;--info:#0075c9;--font-family:"Avenir","Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Avenir Black","Arial Bold","Arial",sans-serif;--font-family-body:"Avenir Book","Arial",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-current-width:var(--sidebar-width);--header-height:64px;--mobile-nav-height:64px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:400;line-height:1.5;color:var(--gray-800);background-color:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.25;color:var(--gray-800)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}div,p,span{font-family:var(--font-family-body)}p{color:var(--gray-600)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:var(--font-size-base);cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-success{background:var(--success);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);transition:all var(--transition-base)}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,95,122,.1)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--gray-500)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-slow)}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{height:8px;background:#0075c9;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width var(--transition-slow)}.badge,.progress-bar-fill{border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:600}.badge-primary{background:var(--badge-bg,var(--primary-red));color:var(--white)}.badge-success{background:rgba(34,197,94,.1);color:var(--success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--warning)}.badge-error{background:rgba(239,68,68,.1);color:var(--error)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width:768px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}body{padding-bottom:var(--mobile-nav-height)}}html.dark-theme{color-scheme:dark}html.dark-theme body{background-color:#1a1d21;color:#e5e7eb}html.dark-theme h1,html.dark-theme h2,html.dark-theme h3,html.dark-theme h4,html.dark-theme h5,html.dark-theme h6{color:#f3f4f6}html.dark-theme p{color:#d1d5db}html.dark-theme a{color:#60a5fa}html.dark-theme a:hover{color:#93c5fd}html.dark-theme .main-content,html.dark-theme .main-content-inner{background-color:#1a1d21}html.dark-theme .sidebar{background-color:#111827;border-right-color:#374151}html.dark-theme .sidebar-header{border-bottom-color:#374151}html.dark-theme .nav-item{color:#d1d5db}html.dark-theme .nav-item:hover{background:rgba(81,134,162,.2);color:#93c5fd}html.dark-theme .nav-item.active{background:rgba(81,134,162,.25);color:#93c5fd}html.dark-theme .sidebar-footer{border-top-color:#374151}html.dark-theme .user-info{background:#374151}html.dark-theme .user-name{color:#f3f4f6}html.dark-theme .user-id{color:#9ca3af}html.dark-theme .logout-btn{background:#374151;color:#d1d5db}html.dark-theme .logout-btn:hover{background:#4b5563;color:#f3f4f6}html.dark-theme .mobile-header{background:#111827;border-bottom-color:#374151;color:#f3f4f6}html.dark-theme .mobile-nav{background:#111827;border-top-color:#374151}html.dark-theme .mobile-nav-item{color:#9ca3af}html.dark-theme .mobile-nav-item.active{color:#93c5fd}html.dark-theme .dashboard{background:#1a1d21}html.dark-theme .accounts-section,html.dark-theme .add-funds-section,html.dark-theme .next-steps-section,html.dark-theme .payoff-section,html.dark-theme .progress-section{background:#374151;border-color:#4b5563}html.dark-theme .add-funds-section .add-funds-heading{color:#f3f4f6}html.dark-theme .add-funds-section .add-funds-text{color:#9ca3af}html.dark-theme .top-articles-section{background:#374151;border-color:#4b5563}html.dark-theme .top-articles-section .section-header h2{color:#f3f4f6}html.dark-theme .top-articles-section .section-header p{color:#9ca3af}html.dark-theme .top-articles-link{color:#93c5fd}html.dark-theme .top-articles-link:hover{background:#4b5563;color:#93c5fd}html.dark-theme .top-articles-icon{color:#9ca3af}html.dark-theme .top-articles-link:hover .top-articles-icon{color:#93c5fd}html.dark-theme .section-header h2{color:#f3f4f6}html.dark-theme .section-header p{color:#9ca3af}html.dark-theme .stat-box{background:#4b5563;border-color:#6b7280}html.dark-theme .stat-box .stat-label{color:#9ca3af}html.dark-theme .stat-box .stat-value{color:#f3f4f6}html.dark-theme .progress-labels{color:#9ca3af}html.dark-theme .dashboard-progress-track{background:#0075c9!important}html.dark-theme .next-step-card.highlight .step-content h3,html.dark-theme .next-step-card.highlight .step-content p,html.dark-theme .next-step-card.primary .step-content h3,html.dark-theme .next-step-card.primary .step-content p,html.dark-theme .next-steps-section h2,html.dark-theme .payoff-section h2{color:#f3f4f6}html.dark-theme .payoff-option,html.dark-theme .payoff-option h4{color:#e5e7eb}html.dark-theme .payoff-note{color:#9ca3af}html.dark-theme .account-item{background:transparent}html.dark-theme .account-item:hover{background:#4b5563}html.dark-theme .account-name{color:#f3f4f6}html.dark-theme .account-details{color:#9ca3af}html.dark-theme .view-all-link{color:#60a5fa}html.dark-theme .view-all-link:hover{color:#93c5fd}html.dark-theme .card{background:#374151;border-color:#4b5563}html.dark-theme .btn-outline{border-color:#5186a2;color:#93c5fd}html.dark-theme .btn-outline:hover{background:rgba(81,134,162,.2)}html.dark-theme input,html.dark-theme select,html.dark-theme textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}html.dark-theme input::placeholder,html.dark-theme textarea::placeholder{color:#9ca3af}html.dark-theme .main-content::-webkit-scrollbar-track{background:#1a1d21}html.dark-theme .main-content::-webkit-scrollbar-thumb{background:#4b5563}html.dark-theme .main-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.main-content{margin-left:var(--sidebar-current-width,var(--sidebar-width));min-height:100vh;background:var(--gray-100);overflow-x:hidden;transition:margin-left .3s ease}.main-content-inner{overflow-y:auto;overflow-x:hidden;flex:1 1}@media (max-width:768px){.main-content{margin-left:0!important;margin-top:var(--header-height);padding-bottom:var(--mobile-nav-height)}}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--gray-100)}.main-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-base)}html[data-tenant=clearone] .btn-action,html[data-tenant=clearone] .btn-primary{background:var(--action-primary,#fa7e04)!important;border-color:var(--action-primary,#fa7e04)!important;color:var(--white)!important}html[data-tenant=clearone] .btn-action:hover,html[data-tenant=clearone] .btn-primary:hover{background:var(--action-primary-hover,#e06f03)!important;border-color:var(--action-primary-hover,#e06f03)!important;color:var(--white)!important}html[data-tenant=clearone] .page-header-with-icon{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}html[data-tenant=clearone] .activity-section .page-header-icon,html[data-tenant=clearone] .page-header-with-icon .page-header-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md,.375rem);background:rgba(0,51,102,.12);color:var(--primary,#036);display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}html[data-tenant=clearone] .page-header-with-icon .page-header-title{font-size:1.5rem;font-weight:700;color:var(--gray-800,#373a36);margin:0}html[data-tenant=clearone] .pagination .page-link{color:#373a36}html[data-tenant=clearone] .pagination .page-link:hover{color:#373a36;background:var(--gray-100,#e5eaed);border-color:var(--gray-300)}html[data-tenant=clearone] .pagination .page-link:focus{box-shadow:none;outline:none}html[data-tenant=clearone] .pagination .page-item.active .page-link{background:var(--gray-200,#d0d8de);border-color:var(--gray-400);color:#373a36;box-shadow:none;outline:none}@media (max-width:576px){html[data-tenant=clearone] .activity-pagination .page-link{padding:.3rem .5rem;font-size:.875rem}}html[data-tenant=clearone] .pagination-summary{color:#373a36!important}html[data-tenant=clearone] .view-all-link{color:var(--primary,#036);font-weight:600}html[data-tenant=clearone] .view-all-link:hover{color:var(--primary-dark,#024)}