:root{--color-primary:#1f6f4a;--color-primary-dark:#175639;--color-primary-soft:#e6f2ec;--color-accent:#c47f1a;--color-text:#16211c;--color-text-muted:#5b6b63;--color-surface:#fff;--color-background:#f4f7f5;--color-border:#d9e2dc;--color-danger:#b3261e;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 2px #16211c14;--shadow-md:0 4px 16px #16211c1a;--touch-target:44px;--topbar-height:56px;--bottom-nav-height:60px;--sidebar-width:232px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}p{margin:0}ul,ol{margin:0;padding-left:1.25rem}a{color:var(--color-primary)}code{background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:0 var(--space-1);font-size:.875em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.layout{flex-direction:column;min-height:100%;display:flex}.layout__topbar{z-index:20;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.layout__menu-button{min-width:var(--touch-target);min-height:var(--touch-target);font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text);background:0 0;border:none;display:none}.layout__brand{color:var(--color-primary);letter-spacing:.02em;font-weight:700}.layout__user{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.layout__user-info{text-align:right;flex-direction:column;line-height:1.2;display:none}.layout__user-info small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.layout__nav{z-index:20;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.layout__content{padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));flex:1}.nav-item{min-width:var(--touch-target);padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-item--active{color:var(--color-primary);font-weight:600}.nav-item__icon{font-size:var(--font-size-lg)}.app-loading{min-height:100vh;color:var(--color-text-muted);place-items:center;display:grid}@media (width>=768px){.layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"topbar topbar""nav content";display:grid}.layout__topbar{grid-area:topbar}.layout__user-info{display:flex}.layout__nav{top:var(--topbar-height);height:calc(100vh - var(--topbar-height));justify-content:flex-start;align-self:start;gap:var(--space-1);padding:var(--space-3);border-top:none;border-right:1px solid var(--color-border);flex-direction:column;grid-area:nav;position:sticky;overflow-y:auto}.nav-item{justify-content:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-base);flex-direction:row}.nav-item--active{background:var(--color-primary-soft)}.layout__content{padding:var(--space-5);padding-bottom:var(--space-6);grid-area:content}}.button{min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.button--ghost{border-color:var(--color-border);padding:0 var(--space-3)}.button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.card__title{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:600}.card__value{color:var(--color-primary);font-size:2rem;font-weight:700}.card__hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.placeholder{gap:var(--space-4);flex-direction:column;max-width:900px;display:flex}.placeholder__header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.placeholder__description{color:var(--color-text-muted)}.placeholder__list{gap:var(--space-2);margin-top:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.badge{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:999px;font-weight:600;display:inline-block}.badge--pending{background:var(--color-primary-soft);color:var(--color-primary-dark)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600}.field__input{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:1rem}.field__error{color:var(--color-danger);font-size:var(--font-size-sm)}.auth{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth__card{gap:var(--space-4);width:100%;max-width:380px;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.auth__title{color:var(--color-primary)}.auth__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth__steps{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.update-toast{left:50%;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3));z-index:40;align-items:center;gap:var(--space-3);width:min(440px, calc(100vw - var(--space-4) * 2));padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:fixed;transform:translate(-50%)}.update-toast__text{flex-direction:column;flex:12rem;gap:2px;display:flex}.update-toast__text span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.update-toast__actions{gap:var(--space-2);display:flex}@media (width>=768px){.update-toast{left:auto;right:var(--space-5);bottom:var(--space-5);transform:none}}