*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font-family:inherit}input[type=number]::-webkit-inner-spin-button{opacity:.4}:root{--bg:#f8f6f2;--surface:#fff;--surface-2:#f2efe9;--border:#e4e0d8;--text:#1a1714;--text-2:#5a5450;--text-3:#9a9490;--primary:#2d6a4f;--primary-light:#e8f4ee;--accent:#c17f3a;--accent-light:#fdf3e7;--accent-dark:#96611f;--radius:14px;--shadow:0 1px 4px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);--shadow-lg:0 8px 32px rgba(0,0,0,.12)}a{color:inherit;text-decoration:none}.sidebar{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;border-top:1px solid var(--border);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.bottom-nav,.mobile-header{display:flex;background:var(--surface)}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);padding:12px 16px;align-items:center;justify-content:space-between}.desktop-page-header{display:none}.main-content{flex:1 1;min-width:0;padding-bottom:82px}@media (min-width:768px){.sidebar{display:flex;flex-direction:column;width:220px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;background:var(--surface);border-right:1px solid var(--border);z-index:100;overflow-y:auto}.bottom-nav,.mobile-header{display:none!important}.desktop-page-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.main-content{padding-left:220px;padding-bottom:40px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(45,106,79,.1);outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.fade-in{animation:fadeUp .2s ease}.shake{animation:shake .3s ease}