@media(min-width:1001px){.icon-button.mobile-menu,.icon-button.mobile-close{display:none}}
@media(min-width:1600px){.main-content{padding-top:36px}.quick-item{padding:20px 6px 15px}.welcome-banner{min-height:235px}.banner-art{right:100px}.dashboard-grid{gap:24px}.stat-card{padding:24px}}
@media(max-width:1200px){:root{--sidebar-width:226px}.sidebar-brand{padding:26px 18px}.brand{font-size:22px}.main-content{padding:24px}.topbar{padding:0 24px}.quick-grid{gap:7px}.quick-item strong{font-size:9px}.stats-grid{gap:10px}.stat-card{padding:14px}.banner-art{right:12px;transform:scale(.9)}.welcome-banner p{max-width:300px}.profile-name{max-width:90px}.auth-story{padding:30px}.auth-main{padding:25px 30px}.story-features{flex-wrap:wrap;justify-content:flex-start;gap:15px}}
@media(max-width:1000px){:root{--sidebar-width:0px}.sidebar{width:254px;transform:translateX(-100%)}.sidebar-collapsed{--sidebar-width:0px}.sidebar-collapsed .sidebar{width:254px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .soon-label,.sidebar-collapsed .nav-section,.sidebar-collapsed .sidebar-note{display:revert}.sidebar-collapsed .workspace-label{display:flex}.sidebar-collapsed .nav-link{justify-content:flex-start;padding:9px 12px}.sidebar-bottom>[data-sidebar-collapse]{display:none}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open{overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;background:#0d183a66;z-index:39}.mobile-menu,.mobile-close{display:inline-grid}.sidebar-brand{display:flex;justify-content:space-between;align-items:center;padding:20px}.mobile-close{margin-left:4px}.topbar{gap:16px;height:70px}.search-wrap{margin-right:auto;width:auto;flex:1}.header-actions{gap:8px}.search-hint{display:none}.auth-page{grid-template-columns:43% 57%}.auth-story{padding:28px 24px}.story-content h1{font-size:33px}.story-visual{transform:scale(.87);transform-origin:center center;margin-left:-12px;width:290px}.tile-plan{right:-9px}.auth-top{font-size:10px;gap:8px}.auth-form-wrap h2{font-size:25px}}
@media(max-width:700px){h1{font-size:25px}.main-content{padding:21px 18px 25px}.topbar{padding:0 16px;gap:10px;height:64px}.header-profile>.profile-name,.header-profile>.icon,.header-divider{display:none}.header-actions{gap:3px}.search-wrap input{font-size:11px}.search-wrap{gap:7px}.search-wrap>.icon{width:17px}.date-chip{font-size:9px;gap:6px}.date-chip small{font-size:9px}.page-heading{gap:10px;margin-bottom:20px}.breadcrumb{font-size:9px;margin-bottom:12px}.page-heading p{font-size:12px}.wave{font-size:24px}.welcome-banner{padding:24px;min-height:205px;margin-bottom:23px}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:10px;max-width:220px}.banner-art{right:-34px;top:17px;transform:scale(.7);transform-origin:right center}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-item{padding:15px 6px 12px}.quick-item strong{font-size:10px}.section-heading>span{font-size:8px}.section-heading h2{font-size:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:17px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.storage-card{flex-wrap:wrap;gap:12px}.storage-card>div{flex:1;min-width:150px}.storage-card>.subtle-badge{margin-left:55px}.app-footer{padding:0 18px 90px;font-size:8px}.app-footer>span:last-child{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:30;padding:8px 12px max(8px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;min-height:44px;padding:3px 10px;color:var(--muted);font-size:9px;border:0;background:none;border-radius:8px}.bottom-nav [aria-current=page]{color:var(--primary);background:var(--blue-soft)}.bottom-nav .icon{width:20px;height:20px}.toast-container{bottom:84px;right:16px}.profile-grid{grid-template-columns:1fr}.profile-card,.preferences-card{padding:23px}.auth-page{display:block}.auth-story{padding:24px;background:var(--surface)!important}.auth-story .brand{color:var(--text)!important}.story-content,.story-footer{display:none}.auth-main{padding:0 24px 24px;min-height:calc(100dvh - 84px)}.auth-top{justify-content:flex-start;flex-wrap:wrap;font-size:11px}.auth-top>.icon-button{margin-left:auto}.auth-form-wrap{padding:34px 0;max-width:400px}.auth-form-wrap h2{font-size:27px}.auth-footer{max-width:400px;width:100%;margin:0 auto;flex-wrap:wrap}.auth-symbol{width:42px;height:42px;margin-bottom:20px}.auth-security{margin-top:20px}}
@media(max-width:420px){.banner-art{opacity:.5;right:-45px;top:40px;transform:scale(.52)}.welcome-banner>div:first-child{position:relative;z-index:1}.welcome-banner{padding:20px}.welcome-banner p{max-width:195px}.date-chip>.icon{display:none}.date-chip{font-size:8px}.quick-item strong{font-size:9px}.quick-grid{gap:7px}.tool-icon{width:35px;height:35px}.stat-top{font-size:10px}.stat-card p{font-size:8px}.search-wrap input{font-size:10px}.header-actions>.icon-button{width:30px}.header-actions>.icon-button:nth-child(2){display:none}.avatar{width:32px;height:32px}.section-heading>span:not(.subtle-badge){display:none}.card-heading h2{font-size:12px}.auth-main{padding:0 20px 20px}.auth-top{font-size:10px}.auth-form-wrap h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}