.app-error{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family, "Inter", "Segoe UI", "Roboto", sans-serif)}.app-error__card{width:100%;max-width:440px;padding:32px 28px;text-align:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg)}.app-error__icon{width:56px;height:56px;margin-bottom:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--danger-light);color:var(--danger-primary);font-size:24px}.app-error__icon--neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.app-error__code{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.app-error__title{margin:0 0 8px;font-family:var(--font-family-headings, "Plus Jakarta Sans", "Segoe UI", sans-serif);font-size:20px;font-weight:700;color:var(--text-primary)}.app-error__text{margin:0 0 24px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.app-error__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.app-error__btn{min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid transparent;font:600 14px var(--font-family, "Inter", sans-serif);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.app-error__btn--primary{background:var(--brand-primary);color:var(--on-brand)}.app-error__btn--primary:hover{opacity:.9}.app-error__btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-primary)}.app-error__btn--secondary:hover{background:var(--hover-bg)}.app-error__btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-error__details{margin-top:20px;text-align:left;font-size:12px;color:var(--text-muted)}.app-error__details summary{cursor:pointer}.app-error__details code{display:block;margin-top:8px;padding:10px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font:12px ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}@media(max-width:480px){.app-error__card{padding:28px 20px}.app-error__btn{flex:1 1 100%}}html,body,#root{margin:0;padding:0;height:100vh;height:100dvh;width:100%;overflow:hidden}:root{--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-headings: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--bg-primary: #ffffff;--bg-secondary: #f4f7f5;--bg-tertiary: #e9f1ec;--border-primary: #e2e9e4;--border-secondary: #c9d6ce;--border-focus: #10b981;--text-primary: #0d2a1a;--text-secondary: #33473b;--text-muted: #5a6d62;--brand-primary: #0f4223;--brand-accent: #047857;--brand-light: #dcfce9;--on-brand: #ffffff;--brand-fill-hover: #1a5c34;--brand-fill-end: #047857;--top-nav-bg: #0f4223;--danger-primary: #dc2626;--danger-light: #fee2e2;--hover-bg: #e9f1ec;--shadow-sm: 0 1px 2px 0 rgba(6, 36, 20, .05);--shadow-md: 0 4px 6px -1px rgba(6, 36, 20, .1);--shadow-lg: 0 10px 15px -3px rgba(6, 36, 20, .1);--input-bg: #ffffff;--input-border: #c9d6ce;--input-focus: #10b981}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}::selection{background:#10b98140;color:inherit}@media(max-width:768px){input,select{font-size:16px!important}}
