:root{--bg:#f8fff8;--surface:#fff;--ink:#1f1f1f;--muted:#666;--accent:#006c4c;--accent-strong:#004d36;--accent-soft:#e8f5ef;--accent-bright:#21ab79;--warning:#d97706;--danger:#dc2626;--border:#e0e0e0;--shadow:0 4px 24px #00000014;--radius:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{max-width:100vw;min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--font-sans),Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}@media screen and (max-width:900px){input,select,textarea{font-size:16px}}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:transform .15s,box-shadow .15s}@media screen and (max-width:900px){.btn{min-height:44px;padding:12px 18px}}.btn-primary{background:var(--accent-bright);color:#fff;box-shadow:0 4px 16px #21ab794d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #21ab7966}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #21ab794d}.btn-secondary{border:1px solid var(--border);color:var(--accent);background:#fff}.btn-secondary:active{background:var(--accent-soft)}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.state-loading,.state-empty{text-align:center;color:var(--muted);padding:40px}.state-error{color:var(--danger);background:#fef2f2;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-weight:500}.badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}