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