:root{--c-primary:#94c83d;--c-accent:#94c83d;--c-accent-dark:#7ab028;--c-accent-light:#b5e065;--c-accent-bg:rgba(148,200,61,.08);--c-secondary:#ff9e7a;--c-tertiary:#7ac7e0;--c-quaternary:#ffd66b;--gradient-accent:linear-gradient(135deg,#94c83d,#7ab028);--gradient-accent-soft:linear-gradient(135deg,rgba(148,200,61,.1),hsla(81,66%,64%,.1));--gradient-bg:linear-gradient(180deg,#fbfff5,#f8f9ec);--c-bg:#fafaf8;--c-bg-warm:#fff9f3;--c-card:#fff;--c-text:#3d2b22;--c-text-light:#8b7355;--c-text-muted:#b5a48f;--c-border:#f0e6dc;--c-border-dark:#d4c8bc;--shadow-sm:0 0.05rem 0.2rem rgba(61,43,34,.04);--shadow-md:0 0.1rem 0.4rem rgba(61,43,34,.06);--shadow-lg:0 0.2rem 0.8rem rgba(61,43,34,.1)}.app-root{background:var(--c-bg);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.desktop-container{margin:0 auto;max-width:35rem;padding:0 .8rem}.mobile-container{padding:0 .6rem}.desktop-topbar{-webkit-align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:hsla(0,0%,100%,.95);border-bottom:.025rem solid var(--c-border);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:.4rem .8rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.desktop-logo{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--c-accent-dark);font-family:ZCOOL KuaiLe,cursive;font-size:.6rem;gap:.3rem}.desktop-nav{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.2rem}.desktop-nav-item{border-radius:.2rem;color:var(--c-text-muted);cursor:pointer;font-size:.35rem;padding:.25rem .5rem;-webkit-transition:all .2s ease;transition:all .2s ease}.desktop-nav-item:hover{background:var(--c-bg-warm);color:var(--c-accent)}.desktop-nav-item.active{background:var(--gradient-accent);color:#fff}.desktop-actions{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.4rem}.desktop-user-info{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:var(--c-bg-warm);border-radius:.6rem;color:var(--c-text-muted);font-size:.325rem;gap:.2rem;padding:.2rem .4rem}.desktop-main{display:grid;gap:.8rem;grid-template-columns:6rem 1fr;min-height:calc(100vh - 1.7rem);padding:.8rem}.desktop-sidebar{background:var(--c-card);border-radius:.4rem;-webkit-box-shadow:0 .1rem .6rem rgba(61,43,34,.06);box-shadow:0 .1rem .6rem rgba(61,43,34,.06);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5rem;position:-webkit-sticky;position:sticky;top:2.5rem}.desktop-sidebar-section{margin-bottom:.6rem}.desktop-sidebar-section:last-child{margin-bottom:0}.desktop-sidebar-title{color:var(--c-text-light);font-size:.3rem;font-weight:600;letter-spacing:.025rem;margin-bottom:.3rem;text-transform:uppercase}.desktop-sidebar-link{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:.2rem;color:var(--c-text-muted);cursor:pointer;font-size:.35rem;gap:.3rem;margin-bottom:.1rem;padding:.25rem .3rem;-webkit-transition:all .2s ease;transition:all .2s ease}.desktop-sidebar-link:hover{background:var(--c-bg-warm);color:var(--c-accent)}.desktop-sidebar-link.active{background:var(--gradient-accent-soft);color:var(--c-accent);font-weight:600}.desktop-sidebar-link .sidebar-icon{font-size:.45rem}.desktop-content{min-width:0}.desktop-grid-2{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.desktop-grid-3{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.desktop-grid-4{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.device-toggle{-webkit-align-items:center;bottom:.6rem;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;right:.6rem;z-index:1000;-ms-flex-align:center;align-items:center;background:var(--c-card);border:.025rem solid var(--c-border);border-radius:.6rem;-webkit-box-shadow:0 .1rem .5rem rgba(61,43,34,.12);box-shadow:0 .1rem .5rem rgba(61,43,34,.12);color:var(--c-text-muted);cursor:pointer;font-size:.325rem;gap:.2rem;padding:.3rem .5rem;-webkit-transition:all .2s ease;transition:all .2s ease}.device-toggle:hover{-webkit-box-shadow:0 .15rem .7rem rgba(61,43,34,.18);box-shadow:0 .15rem .7rem rgba(61,43,34,.18);-webkit-transform:translateY(-.05rem);-ms-transform:translateY(-.05rem);transform:translateY(-.05rem)}.device-toggle .device-icon{font-size:.4rem}.device-toggle.mobile-only{display:none}@media screen and (max-width:767px){.desktop-only{display:none!important}.device-toggle{bottom:2.5rem;font-size:.3rem;padding:.25rem .4rem;right:.4rem}}@media screen and (min-width:768px) and (max-width:1023px){.desktop-sidebar{width:4.5rem}.desktop-main{grid-template-columns:4.5rem 1fr;padding:.5rem}.desktop-grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.mobile-only{display:none!important}.device-toggle.mobile-only{display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}}