:root{--color-ink: #0a0e1a;--color-ink-soft: #4b5468;--color-paper: #ffffff;--color-paper-alt: #f6f9ff;--color-accent: #0062ff;--color-accent-light: #3ea6ff;--color-accent-soft: #e8f4ff;--color-accent-ink: #ffffff;--color-line: #e2e5eb;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-success: #16a34a;--color-prioritas-critical: #dc2626;--color-prioritas-high: #ea580c;--color-prioritas-medium: #d97706;--color-prioritas-low: #16a34a;--font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--gutter: clamp(20px, 5vw, 96px);--max-width: clamp(1200px, 88vw, 2560px);--radius: 14px;--radius-sm: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea,.card,.btn{border-radius:0}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:500;font-size:15px;padding:14px 28px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft)}.display{font-weight:300;letter-spacing:-.01em}.error-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gutter);gap:4px}.error-logo{width:56px;height:56px;border-radius:14px;margin-bottom:20px}.error-code{font-size:14px;font-weight:500;letter-spacing:.12em;color:var(--color-ink-soft);text-transform:uppercase}.error-title{margin-top:8px;font-size:clamp(28px,4vw,40px);font-weight:300}.error-desc{margin-top:12px;color:var(--color-ink-soft);font-size:16px;max-width:44ch}.error-actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.error-stack{margin-top:32px;padding:16px;background:var(--color-paper-alt);color:var(--color-danger);font-size:12px;text-align:left;max-width:80ch;max-height:300px;overflow:auto;white-space:pre-wrap}