:root{--hunter-green: #016f50;--hunter-green-dark: #015a41;--nav-gradient-dark: #012e20;--golden-brown: #a69b6f;--bg: #f4f1e9;--surface: #ffffff;--ink: #1e2a25;--muted: #5f6f68;--border: #e2ddd0;--danger: #b3261e;--success: #1e7d4f;--radius: 16px;--font-serif: "Cormorant Garamond", Georgia, serif;--nav-w: 280px;--top-bar-h: 56px;--bottom-nav-h: 64px;--font-scale: 1}:root[data-textsize=sm]{--font-scale: .9}:root[data-textsize=lg]{--font-scale: 1.12}:root[data-textsize=xl]{--font-scale: 1.25}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:calc(16px * var(--font-scale))}a{color:var(--hunter-green)}.loading-screen{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.gradient-screen{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(to bottom,var(--hunter-green),var(--nav-gradient-dark))}.container{max-width:640px;margin:0 auto;padding:16px}.top-bar{height:var(--top-bar-h);background:var(--surface);color:var(--hunter-green-dark);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:20;filter:drop-shadow(0 6px 14px rgba(1,46,32,.42))}.top-bar .brand{display:flex;align-items:center}.top-bar .brand img{height:40px;display:block}.avatar-trigger{border:none;background:transparent;padding:0;cursor:pointer;border-radius:50%;line-height:0;transition:box-shadow .15s ease}.avatar-trigger:hover,.avatar-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #016f5026}.avatar-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--hunter-green);color:#fff;border:1.5px solid var(--hunter-green);box-shadow:0 2px 6px #00000026}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-h);background:var(--hunter-green-dark);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tabs a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;color:#ffffffb3;text-decoration:none;font-size:.72rem;font-weight:700;border-top:3px solid transparent;white-space:nowrap}.bottom-tabs a.active{color:#fff;border-top-color:var(--golden-brown)}.bottom-tabs .icon{display:flex;line-height:0}.top-tabs{display:none;gap:4px;padding:8px 16px 0}.top-tabs a{padding:8px 14px;border-radius:var(--radius) var(--radius) 0 0;color:#ffffffb3;text-decoration:none;font-weight:700;font-size:.85rem;border-bottom:3px solid transparent}.top-tabs a.active{color:#fff;border-bottom-color:var(--golden-brown)}.sidebar{display:none;width:var(--nav-w);min-width:var(--nav-w);background:linear-gradient(to bottom,var(--hunter-green),var(--nav-gradient-dark));color:#fff;flex-direction:column}.sidebar .logo-plate{background:#fff;padding:12px 14px}.sidebar .logo-plate img{width:100%;display:block}.sidebar nav{padding:12px 0;flex:1}.sidebar nav a{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-weight:600;border-left:3px solid transparent}.sidebar nav a.active{border-left-color:var(--golden-brown);background:#ffffff29}.app-shell{display:flex;min-height:100vh}.app-shell .app-main{flex:1;min-width:0;background:linear-gradient(to bottom,var(--hunter-green),var(--nav-gradient-dark));background-attachment:fixed}.app-shell .app-content{padding-bottom:calc(var(--bottom-nav-h) + 16px);padding-top:48px}@media (min-width: 640px){.bottom-tabs{display:none}.top-tabs{display:flex}.app-shell .app-content{padding-bottom:16px}}@media (min-width: 1024px){.top-bar{justify-content:flex-end;position:relative;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12)) drop-shadow(0 1px 2px rgba(0,0,0,.08))}.top-bar .brand{display:none}.top-bar:before{content:"";position:absolute;top:100%;left:0;width:100px;height:48px;background:var(--surface);clip-path:path("M0,0 L0,48 C50,48 50,0 100,0 Z");pointer-events:none}.top-tabs{display:none}.sidebar{display:flex}.app-shell .app-main{background:var(--bg);overflow:hidden}.app-shell .app-content{padding-bottom:16px;padding-top:32px}.container{max-width:720px;padding:32px}}.card{background:var(--bg);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 8px 22px #012e2059}.modal-card{max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);overflow-y:auto}.card h2{margin:0 0 12px;font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--hunter-green-dark)}.muted{color:var(--muted)}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}label.fld{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--muted);font-size:.85rem;min-width:0}input,select{font-size:1.05rem;padding:13px;border:1.5px solid var(--border);border-radius:var(--radius);width:100%;background:#fff;color:var(--ink);min-height:44px}input:focus,select:focus{outline:3px solid var(--hunter-green);outline-offset:1px;border-color:var(--hunter-green)}.btn{font-size:1.05rem;font-weight:700;padding:13px 18px;border-radius:var(--radius);border:1.5px solid transparent;cursor:pointer;min-height:44px}.btn:focus-visible{outline:3px solid var(--hunter-green);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--hunter-green-dark);color:#fff}.btn-ghost{background:#fff;color:var(--hunter-green);border-color:var(--hunter-green)}.btn-danger{background:#fff;color:var(--danger);border-color:var(--danger)}.btn-sm{padding:8px 12px;font-size:.9rem;min-height:36px}.item{border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:#eef2f0;color:var(--hunter-green)}.chip-gold{background:#f3efe1;color:#5f563a}.chip-gray{background:#eee;color:var(--muted)}.chip-green{background:#e4f2ea;color:#0d5c3b}.chip-red{background:#fdecea;color:#7a1a14}.toast{position:fixed;left:50%;bottom:calc(var(--bottom-nav-h) + 20px);transform:translate(-50%);background:var(--hunter-green);color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;z-index:30}.toast.err{background:var(--danger)}@media (min-width: 640px){.toast{bottom:20px}}.seg{display:inline-flex;border:1.5px solid var(--hunter-green);border-radius:10px;overflow:hidden}.seg button{border:none;background:#fff;color:var(--hunter-green);padding:8px 16px;font-weight:700;cursor:pointer;min-height:40px}.seg button.on{background:var(--hunter-green);color:#fff}.link-row{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);text-decoration:none;margin-bottom:10px;font-weight:600}.link-row:hover{border-color:var(--hunter-green)}