:root{--color-primary:#9fe870;--color-on-primary:#0e0f0c;--color-canvas:#fff;--color-canvas-soft:#e8ebe6;--color-ink:#0e0f0c;--color-body:#454745;--color-mute:#868685;--color-positive:#2ead4b;--color-negative:#d03238;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--radius-md:12px;--radius-xl:24px}@media (prefers-color-scheme:dark){:root{--color-canvas:#0e0f0c;--color-canvas-soft:#163300;--color-ink:#fff;--color-body:#c5edab}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-canvas-soft);color:var(--color-body);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{padding:var(--spacing-xl) var(--spacing-lg) 80px var(--spacing-lg);flex:1;width:100%;max-width:800px;margin:0 auto}.mobile-nav{background:var(--color-canvas);border-top:1px solid var(--color-canvas-soft);padding:var(--spacing-sm) 0 calc(var(--spacing-sm) + env(safe-area-inset-bottom));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000008}.nav-item{color:var(--color-mute);flex-direction:column;flex:1;align-items:center;padding:8px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--color-primary)}.nav-item .icon{margin-bottom:4px;font-size:20px}.desktop-nav{display:none}@media (min-width:768px){.app-container{flex-direction:row}.mobile-nav{display:none}.desktop-nav{background:var(--color-canvas);border-right:1px solid var(--color-canvas-soft);width:250px;padding:var(--spacing-xl);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.desktop-nav .nav-item{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px}.desktop-nav .nav-item:hover{background:var(--color-canvas-soft)}.desktop-nav .nav-item .icon{margin-bottom:0;margin-right:var(--spacing-md)}.main-content{padding:var(--spacing-xl)}}h1,h2,h3,h4{color:var(--color-ink);letter-spacing:-.5px;margin-bottom:var(--spacing-lg);font-weight:900}.card{background:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 4px 12px #00000008}.flex{gap:var(--spacing-lg);display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.text-success{color:var(--color-positive)}.text-danger{color:var(--color-negative)}.text-muted{color:var(--color-mute);font-size:.875rem}button{background:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-xl);cursor:pointer;border:none;font-size:16px;font-weight:600;transition:opacity .2s}button:hover{opacity:.8}button.secondary{background:var(--color-canvas-soft);color:var(--color-ink)}input,select,textarea{width:100%;padding:var(--spacing-lg);border:1px solid var(--color-mute);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);font-size:16px}input:focus{outline:2px solid var(--color-primary);border-color:#0000}hr{background:var(--color-canvas-soft);height:1px;margin:var(--spacing-xl) 0;border:none}