:root{--green: #2f6b2f;--green-dark: #1f4d1f;--bg: #f4f6f3;--line: #e0e4dd;--danger: #c0392b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#1f2d1f}a{color:var(--green);text-decoration:none}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:700;color:var(--green-dark)}.topbar nav{display:flex;gap:1rem}.topbar nav a.router-link-active,.topbar nav a.tab-active{font-weight:600;border-bottom:2px solid var(--green)}.topbar nav a{cursor:pointer}.topbar .user{margin-left:auto;font-size:.9rem;color:#555}.topbar .role{color:var(--green)}.content{padding:1.2rem;max-width:1500px;margin:0 auto}.error{color:var(--danger)}.content>.loading{color:#888;padding:2rem}button{font:inherit;cursor:pointer;border:1px solid var(--green);background:var(--green);color:#fff;border-radius:6px;padding:.4rem .8rem}button.ghost{background:#fff;color:var(--green)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;padding:.35rem .5rem;border:1px solid var(--line);border-radius:5px}table{border-collapse:collapse;width:100%}th,td{padding:.4rem .55rem;border-bottom:1px solid var(--line);text-align:left}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem;margin-bottom:1rem}