:root{--green: #2e7d32;--green-dark: #1b5e20;--bg: #fafafa;--surface: #ffffff;--border: #e0e0e0;--text: #1a1a1a;--muted: #666;--danger: #c62828;--warn: #ef6c00}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}html{overflow-x:hidden}img,table{max-width:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;min-height:44px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}input,select,textarea{font:inherit;padding:.6rem;min-height:44px;border:1px solid var(--border);border-radius:8px;width:100%;background:var(--surface);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.page{padding:1rem;max-width:900px;margin:0 auto}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.error{color:var(--danger)}.muted{color:var(--muted)}