*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f4f7f2;color:#24312a;font-size:14px}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#006837,#00522b);color:#fff}.topbar .brand{font-weight:700}.topbar .spacer{flex:1}.who{display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:28px;height:28px;border-radius:50%}.content{max-width:1000px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #e3e9e0;border-radius:12px;padding:18px;margin-bottom:16px}.card h1{font-size:18px;margin:0 0 6px}.card h2{font-size:15px;margin:0 0 4px;color:#006837}.login{max-width:460px;margin:8vh auto;text-align:center}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.btn{border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;background:#e6ece2;color:#24312a}.btn.primary{background:#006837;color:#fff}.btn.ghost{background:transparent;color:#006837;border:1px solid #cfe0c8}.btn.google{background:#1a73e8;color:#fff;padding:10px 18px}.btn:disabled{opacity:.5;cursor:not-allowed}.tbl{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.tbl th,.tbl td{text-align:left;padding:5px 7px;border-bottom:1px solid #eef2ec}.tbl th{color:#6b7a70;font-weight:600}.tbl input{width:100%;padding:5px 7px;border:1px solid #e3e9e0;border-radius:6px;font-size:13px}.tbl input:focus{outline:2px solid rgba(0,104,55,.25);border-color:#006837}.hint{background:#ecfdf3;border:1px solid #a7f3d0;color:#065f46;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px}.hint.err{background:#fffbeb;border-color:#fde68a;color:#92400e}.muted{color:#6b7a70}.small{font-size:12px}.err-text{color:#c0392b}code{background:#eef2ec;padding:1px 5px;border-radius:4px;font-size:12px}