.stats-page-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.stats-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1100;background-color:#0b0b0b}.header-logo-section{display:flex;align-items:center;gap:16px}.header-logo{height:40px}.header-title{color:#fff}.header-logout-button{background-color:#222;color:#fff}.stats-page-main{flex-grow:1;padding:24px}.stats-page-grid{width:100%;height:500px}.portfolio-sheet{padding:16px;height:100%;border-radius:8px;display:flex;flex-direction:column;gap:16px}.portfolio-title{margin-bottom:16px}.portfolio-items-container{justify-items:center}.portfolio-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:30%}.portfolio-color-bar{width:16px;height:16px;border-radius:4px}.portfolio-value{font-weight:700}.portfolio-performance-container{margin-top:32px;width:100%;height:100%}.portfolio-performance-title{margin-bottom:8px;text-align:center;font-weight:700;font-size:18px}.portfolio-line-chart{width:100%;height:300px}.summary-sheet{padding:16px;height:100%;border-radius:8px;display:flex;flex-direction:column;gap:16px}.summary-title{margin-bottom:16px}.summary-content{text-align:center;display:flex;flex-direction:column;align-items:center}.summary-total-value-title{margin-bottom:8px}.summary-total-value{margin-bottom:16px}.summary-profit-title{margin-bottom:8px}.summary-profit-container{display:flex;align-items:center;justify-content:center;margin-top:8px}.summary-profit-arrow{margin-right:4px}.asset-allocation-sheet{padding:16px;height:100%;border-radius:8px;position:relative;display:flex;flex-direction:column}.asset-allocation-title{margin-bottom:16px}.pie-chart-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px;width:100%}.asset-allocation-center-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.asset-allocation-center-label{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}@media (max-width: 900px){.stats-page-main{padding:0;overflow-y:auto;scroll-snap-type:y mandatory;height:calc(100vh - 72px)}.stats-page-grid{height:auto;flex-direction:column}.stats-page-grid>div{height:100vh;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.portfolio-sheet,.summary-sheet,.asset-allocation-sheet{height:calc(100vh - 120px);min-height:unset;width:100%}.pie-chart-container{min-height:250px}}@media (max-width: 600px){.header-logo-section{gap:8px}.stats-page-main{padding:0;overflow-y:auto;scroll-snap-type:y mandatory;height:calc(100vh - 72px);scroll-behavior:smooth}.stats-page-grid{height:auto;flex-direction:column;gap:0}.stats-page-grid>div{height:85vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:20px 16px;box-sizing:border-box}.portfolio-sheet,.summary-sheet,.asset-allocation-sheet{height:calc(100vh - 160px);min-height:unset;width:100%;overflow:hidden}.portfolio-item{width:100%;margin-bottom:8px}.portfolio-performance-container{margin-top:16px}.portfolio-line-chart{height:200px}.pie-chart-container{min-height:200px;flex:1;display:flex;align-items:center;justify-content:center}.asset-allocation-center-value,.asset-allocation-center-label{font-size:.9rem}}