:root{--color-ink:#17211d;--color-muted:#56645e;--color-paper:#f4f5f1;--color-surface:#fff;--color-accent:#173f35;--color-accent-hover:#245a4b;--color-accent-ink:#fff;--color-rule:#d6ddd8;--color-focus:#315b7d;--color-info-bg:#edf3f7;--color-info-ink:#254b68;--color-success-bg:#e8efec;--color-success-ink:#173f35;--color-warning-bg:#fff2dc;--color-warning-ink:#70470e;--color-danger-bg:#fae8e6;--color-danger-ink:#7a2821;--color-disabled:#a7b0ab;--color-input-rule:#c6d0c9;--color-info-rule:#bfd1df;--color-success-rule:#bdd2c8;--color-warning-rule:#ead09c;--color-danger-rule:#e5b8b3;--color-nav-surface:#fffffff7;--color-shadow:#173f3514;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-control:.625rem;--radius-panel:.75rem;--radius-pill:999px;--shadow-raised:0 2px 8px var(--color-shadow);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-short:.18s;--nav-height:4.5rem;--z-nav:300}*{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper)}body{min-height:100dvh;color:var(--color-ink);background:var(--color-paper);margin:0;font-family:Tahoma,Arial,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{appearance:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-style:normal;line-height:1.25}h1{margin-bottom:var(--space-3xs);font-size:1.75rem}h2{margin:var(--space-lg) 0 var(--space-xs);font-size:1.25rem}h3{font-size:1rem}.shell{width:min(100%,52rem);min-height:100dvh;padding:calc(var(--space-sm) + env(safe-area-inset-top)) var(--space-sm) calc(var(--nav-height) + var(--space-md) + env(safe-area-inset-bottom));margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.brand{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.brand>div:last-child{min-width:0}.mark{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;color:var(--color-accent-ink);background:var(--color-accent);flex:none;place-items:center;font-weight:800;display:grid}.kicker{color:var(--color-muted);font-size:.75rem}.muted{color:var(--color-muted);font-size:.875rem}.numeric{font-variant-numeric:tabular-nums}.grid{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.actions{align-items:stretch}.action{min-width:0;min-height:7rem;padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-panel);color:var(--color-ink);background:var(--color-surface);transition:border-color var(--duration-short) var(--ease-out), background-color var(--duration-short) var(--ease-out), transform var(--duration-short) var(--ease-out);flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.action:hover{border-color:var(--color-accent);background:var(--color-success-bg)}.action.primary{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent);grid-column:span 2}.action.primary:hover{background:var(--color-accent-hover)}.action-icon{align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.counters{border-block:1px solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.counter{min-width:0;padding:var(--space-xs) var(--space-2xs)}.counter+.counter{border-inline-start:1px solid var(--color-rule)}.counter b{margin-bottom:var(--space-3xs);font-variant-numeric:tabular-nums;font-size:1.375rem;display:block}.counter span{color:var(--color-muted);font-size:.75rem}.card,.panel{margin-bottom:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-surface)}.record-list{border-block:1px solid var(--color-rule);background:var(--color-surface)}.record-row{padding:var(--space-sm);color:inherit;text-decoration:none;display:block}.record-row+.record-row{border-top:1px solid var(--color-rule)}a.record-row:hover{background:var(--color-success-bg)}.row{justify-content:space-between;align-items:center;gap:var(--space-xs);min-width:0;display:flex}.row>*{min-width:0}.badge{align-items:center;gap:var(--space-3xs);max-width:100%;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-pill);color:var(--color-success-ink);background:var(--color-success-bg);white-space:nowrap;border:1px solid #0000;flex:none;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.badge.info{border-color:var(--color-info-rule);color:var(--color-info-ink);background:var(--color-info-bg)}.badge.warn{border-color:var(--color-warning-rule);color:var(--color-warning-ink);background:var(--color-warning-bg)}.badge.danger{border-color:var(--color-danger-rule);color:var(--color-danger-ink);background:var(--color-danger-bg)}.badge.neutral{border-color:var(--color-rule);color:var(--color-muted);background:var(--color-paper)}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:3rem;padding-inline:var(--space-sm);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent-ink);background:var(--color-accent);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-short) var(--ease-out), transform var(--duration-short) var(--ease-out);font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-accent-hover)}.btn.secondary{border-color:var(--color-rule);color:var(--color-accent);background:var(--color-surface)}.btn.secondary:hover{border-color:var(--color-accent);background:var(--color-success-bg)}.btn.danger{border-color:var(--color-danger-ink);background:var(--color-danger-ink)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled),.action:active{transform:translateY(1px)}.field{margin-bottom:var(--space-sm)}.field label{margin-bottom:var(--space-2xs);font-size:.8125rem;font-weight:700;display:block}.input{width:100%;min-height:3.125rem;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-input-rule);border-radius:var(--radius-control);outline-offset:1px;color:var(--color-ink);background:var(--color-surface);outline:2px solid #0000}.input:hover{border-color:var(--color-muted)}.input:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper)}textarea.input{resize:vertical;min-height:6.5rem}.field-help{min-height:1lh;margin-top:var(--space-3xs);color:var(--color-muted);font-size:.75rem}.alert{margin:var(--space-xs) 0;padding:var(--space-xs);border:1px solid var(--color-warning-rule);border-radius:var(--radius-control);color:var(--color-warning-ink);background:var(--color-warning-bg);font-size:.8125rem}.alert.info{border-color:var(--color-info-rule);color:var(--color-info-ink);background:var(--color-info-bg)}.alert.success{border-color:var(--color-success-rule);color:var(--color-success-ink);background:var(--color-success-bg)}.alert.danger{border-color:var(--color-danger-rule);color:var(--color-danger-ink);background:var(--color-danger-bg)}.bottomnav{z-index:var(--z-nav);border-top:1px solid var(--color-rule);background:var(--color-nav-surface);padding:var(--space-2xs) var(--space-xs) calc(var(--space-2xs) + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav nav{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,52rem);display:grid}.bottomnav a{justify-content:center;align-items:center;gap:var(--space-3xs);border-radius:var(--radius-control);min-width:0;min-height:3.25rem;color:var(--color-muted);text-align:center;white-space:nowrap;flex-direction:column;font-size:.6875rem;line-height:1;text-decoration:none;display:flex}.bottomnav a:hover{color:var(--color-accent);background:var(--color-success-bg)}.bottomnav a[aria-current=page]{color:var(--color-accent);background:var(--color-success-bg);font-weight:700}.login{width:min(100%,28rem);min-height:100dvh;padding:var(--space-lg);align-content:center;margin-inline:auto;display:grid}.login .mark{width:4rem;height:4rem;margin-bottom:var(--space-md);font-size:1.25rem}.login h1{font-size:2rem}.login .btn{width:100%;margin-top:var(--space-sm)}.timeline{border-inline-start:2px solid var(--color-rule);padding-inline-start:var(--space-md)}.timeline .item{margin-bottom:var(--space-md);position:relative}.timeline .item:before{content:"";inset-inline-start:calc(-1 * var(--space-md) - .375rem);background:var(--color-accent);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:.375rem}.tabs{gap:var(--space-2xs);margin:0 calc(-1 * var(--space-sm)) var(--space-sm);padding:0 var(--space-sm) var(--space-3xs);scrollbar-width:thin;display:flex;overflow:auto}.tabs button{min-height:2.75rem;padding-inline:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-surface);white-space:nowrap;cursor:pointer}.tabs button:hover{border-color:var(--color-accent)}.tabs button.active,.tabs button[aria-selected=true]{border-color:var(--color-accent);color:var(--color-accent-ink);background:var(--color-accent)}.empty{padding:var(--space-lg);color:var(--color-muted);text-align:center}.loading-row{background:linear-gradient(90deg, var(--color-paper), var(--color-surface), var(--color-paper));background-size:200% 100%;min-height:4.5rem;animation:1.4s linear infinite loading}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@keyframes loading{to{background-position:-200% 0}}@media (min-width:43.75rem){.shell{padding-inline:var(--space-md)}.grid.actions{grid-template-columns:repeat(3,minmax(0,1fr))}.action.primary{grid-column:span 2}.counters{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:25rem){.grid:not(.actions){grid-template-columns:minmax(0,1fr)}.bottomnav a{font-size:.625rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}