.dashboard{width:100%;max-width:1280px;margin:0 auto}.account-view-header{display:flex;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:20px}.account-name{display:flex;align-items:center;gap:4px}.account-view-header h2{color:#292D32;margin:0}.account-view-header a,.account-view-header h2{font-family:Lato;font-weight:500;font-size:24px;line-height:100%;letter-spacing:-1%}.account-view-header a{color:#187FFF}.dashboard-header{display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.dashboard-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(100px,130px);grid-gap:1rem;gap:1rem;padding:0 24px}.chart-container{grid-column:span 2;grid-row:span 2;background:white;border:1px solid #e7e7e7;padding:4px;border-radius:.5rem}.dashboard-grid>.MetricCard{background:white;padding:1rem;border-radius:.5rem}.p-20{padding:20px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.chart-container{grid-column:span 2}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.chart-container{grid-column:span 1}}.navigation{display:flex;background-color:var(--color-white);border-radius:24px;padding:4px}.nav-tab{padding:8px 16px;border-radius:20px;font-size:14px;border:none;background:transparent;cursor:pointer;transition:all .2s ease}.nav-tab:hover{background-color:rgba(0,0,0,.04)}.nav-tab.active{background-color:#e8e3ff;color:#000;font-weight:500}.date-range-filter{position:relative}.selected-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;background-color:var(--color-white);box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.selected-option:hover{background-color:rgba(0,0,0,.02)}.options-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:200px;background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:10;overflow:hidden}.option{padding:10px 16px;cursor:pointer;transition:background-color .2s;font-size:14px}.option:hover{background-color:rgba(0,0,0,.04)}.option.selected{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:500}.chart{width:100%;height:100%;flex-grow:1}.chart-wrapper{background-color:white;padding:8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);max-width:700px;margin:0 auto}.chart-title{font-family:Lato;font-weight:500;font-size:20px;line-height:100%;margin-top:0}.metric-card{max-height:130px;border-radius:8px;border:1px solid #e7e7e7;padding:4px 20px;display:flex;flex-direction:column;justify-content:space-around;background:#ffffff;transition:transform .2s ease,box-shadow .2s ease}.metric-card h3{margin:0!important}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-title{font-family:Lato;font-weight:500;font-style:Medium;font-size:16px;line-height:100%;letter-spacing:-1%;vertical-align:middle;color:#292D32}.card-content{display:flex;justify-content:space-between;align-items:center}.card-value{font-family:Lato;font-weight:500;font-style:Medium;font-size:20px;line-height:100%;letter-spacing:-1%;color:#292D32}.card-icon{display:flex;align-items:center;justify-content:center;opacity:.7}.info-grid{display:flex;justify-content:flex-start;gap:100px}.archived-view{border-radius:10px;padding:30px 24px 34px 84px;border:1px solid #e7e7e7;margin:20px 20px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}.info-grid-two-column{display:flex;gap:32px;justify-content:space-around}.labels-column,.values-column{display:flex;flex-direction:column;gap:22px}.info-label{color:#333}.info-label,.info-value{font-family:Lato;font-weight:500;font-size:14px;line-height:100%}.info-value{color:#292D32}@media (max-width:768px){.dashboard-grid{grid-auto-rows:minmax(75px,auto);padding:0 12px 0 0;grid-template-columns:repeat(2,1fr)}.chart-container{grid-column:span 2!important;grid-row:span 1;padding:0 12px 0 0}.chart-wrapper{padding:0 12px 24px}.card-title{font-size:16px}.card-title,.card-value{font-family:Lato;font-weight:500;line-height:100%}.card-value{font-size:20px;letter-spacing:-1%}.p-20{padding:0}.info-grid{flex-direction:column;gap:22px;padding:0}.info-grid-two-column{flex-direction:row;justify-content:space-between;gap:16px}.labels-column,.values-column{flex:1 1;gap:22px}.archived-view{padding:40px 20px;margin:20px 8px 0 0}.chart-title{font-size:16px;padding-left:20px;padding-bottom:10px;margin-top:20px}.account-name h2{font-weight:700;font-size:18px}.account-name a,.account-name h2{font-family:Lato;line-height:100%;letter-spacing:-1%;vertical-align:middle}.account-name a{font-weight:500;font-size:14px}}.popup-container{max-width:450px;margin:auto;padding:20px 20px 0;text-align:center;font-family:Arial,sans-serif}.popup-heading{font-size:20px;font-weight:700;color:#d93025;margin-bottom:12px}.popup-message{font-size:15px;color:#333;margin-bottom:16px;line-height:1.5}.highlight{font-weight:700;color:#d93025}.popup-warning{background:#fff8e1;border:1px solid #f4c542;border-radius:6px;padding:10px;font-size:14px;color:#b45309;margin-bottom:20px}.popup-btn{background:#1a73e8;color:white;border:none;padding:10px 18px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s ease}.popup-btn:hover{background:#1558b0}