@media(max-width:1150px){.sidebar{width:220px}.main-content{margin-left:220px}.topbar{padding-inline:24px}.view-container{padding-inline:24px}.metrics-grid{gap:9px}.metric-card{padding:14px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}
@media(max-width:960px){.sidebar{width:74px;padding:22px 10px}.sidebar-brand{padding:0;margin-bottom:40px;justify-content:center}.sidebar-brand>span:last-child,.sidebar .side-label,.sidebar .side-tip{display:none}.sidebar .nav-item{font-size:0;justify-content:center;padding:0}.sidebar .nav-icon{font-size:17px}.sidebar .nav-item.active{font-size:0}.sidebar-bottom .nav-item{font-size:0}.main-content{margin-left:74px}.dashboard-grid{grid-template-columns:1fr}.allocation-card{min-height:240px}.lower-grid{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.app-page{background:#f5f7fb}.sidebar{display:none}.main-content{margin:0;padding-bottom:73px}.topbar{height:57px;padding:0 15px}.mobile-brand{display:block}.mobile-brand .brand{font-size:15px}.mobile-brand .brand-icon{width:27px;height:27px}.breadcrumb{display:none}.topbar-actions{gap:8px}.topbar-actions .theme-toggle{display:none}.user-chip{gap:0}.user-chip>span:nth-child(2),.user-chevron{display:none}.user-avatar{width:29px;height:29px}.local-data-notice{margin:9px 10px 0;align-items:flex-start;padding:9px;font-size:8px}.local-data-notice p{font-size:8px}.view-container{padding:16px 14px 25px}.welcome-row{align-items:flex-start}.welcome-row h1,.page-heading h1{font-size:21px}.welcome-row p,.page-heading p{font-size:9px;line-height:1.6;max-width:260px}.welcome-row .button{font-size:0;padding:10px 12px}.welcome-row .button span{font-size:15px}.metrics-grid{gap:8px}.metric-card{min-height:99px;padding:12px}.metric-top{font-size:8px}.metric-card>strong{font-size:16px;margin-top:10px}.metric-card>small{font-size:7px;line-height:1.4}.dashboard-grid,.lower-grid,.planning-grid,.learning-grid,.settings-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.surface{padding:15px}.chart-wrap{height:155px}.lower-grid{margin-top:10px}.page-heading{align-items:flex-start;margin-bottom:15px}.page-heading .button{font-size:9px;padding:9px}.transaction-toolbar{align-items:flex-start;flex-direction:column;padding:11px}.toolbar-filters{width:100%}.toolbar-filters input{min-width:0;flex:1}.filter-tab{padding:7px 9px}.planning-grid{margin-top:0}.secondary-planning{margin-top:10px}.goals-grid{grid-template-columns:1fr;gap:9px}.goal-card{padding:15px}.learning-grid{margin-top:0}.report-actions{flex-direction:column}.report-actions .button{padding:8px;font-size:8px}.report-metrics .metric-card{min-height:90px}.settings-grid{margin-top:0}.danger-zone{grid-column:auto}.mobile-nav{height:65px;display:flex;align-items:center;justify-content:space-around;position:fixed;z-index:9;bottom:0;left:0;right:0;padding:5px 10px calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9edf4;box-shadow:0 -5px 20px #1e2d4b0a}.mobile-nav .nav-item{min-height:48px;padding:2px 8px;display:flex;flex-direction:column;gap:3px;justify-content:center;font-size:15px;min-width:52px;color:#9aa4b6}.mobile-nav .nav-item.active{background:transparent;color:#4169ed}.mobile-nav .nav-item small{font-size:7px;font-weight:600}.mobile-add{height:40px;width:40px;border:0;border-radius:13px;background:#4169ed;color:white;font-size:24px;line-height:1;box-shadow:0 6px 15px #4169ed45;cursor:pointer;margin-top:-17px}.notifications-panel{right:9px;top:52px;width:min(285px,calc(100vw - 18px))}.toast-region{left:12px;right:12px;bottom:78px}.toast{max-width:none}.app-dialog{padding:19px}.app-dialog .form-grid{grid-template-columns:1fr 1fr;gap:10px}.app-dialog .form-grid .full-span{grid-column:1/-1}.app-dialog .dialog-heading{margin-bottom:14px}.breadcrumb{display:none}.metric-decoration{font-size:85px}.learning-card{padding:19px}.report-actions{gap:5px}.report-actions .button{white-space:normal}}
@media(max-width:370px){.welcome-row h1{font-size:19px}.welcome-row .button{padding:9px}.topbar-actions{gap:5px}.metric-card>strong{font-size:14px}.metric-icon{width:21px;height:21px}.app-dialog .form-grid{grid-template-columns:1fr}.app-dialog .form-grid .full-span{grid-column:auto}}
@media print{body.app-page{background:#fff}.sidebar,.topbar,.mobile-nav,.toast-region,.page-heading .report-actions,.icon-button,.notifications-panel{display:none!important}.main-content{margin:0}.view-container{max-width:none;padding:0}.app-view{display:none!important}.app-view.active{display:block!important}.surface,.metric-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.report-table-card{padding:12px}.data-table{min-width:0}.data-table th,.data-table td{padding:8px;font-size:9px}}
