:root{--color-primary:#1a2744;--color-primary-light:#2d3d5c;--color-accent:#e85d04;--color-accent-hover:#d45303;--color-bg-dark:#1a2744;--color-bg-card:#252d3d;--color-bg-card-hover:#2d3648;--color-bg-light:#f5f5f5;--color-text:#fff;--color-text-muted:#b7c6d7;--color-text-dark:#1a202c;--color-status-concept:#e85d04;--color-status-verstuurd:#3182ce;--color-status-geaccepteerd:#38a169;--color-status-afgewezen:#dc2626;--color-status-verlopen:#718096;--bottom-nav-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 2px 8px #00000026;--touch-min:44px;--color-divider-subtle:#ffffff1f}[data-theme=light]{--color-bg:#fff;--color-bg-card:#fff;--color-text:#1a202c;--color-text-muted:#718096;--color-divider-subtle:#0000001a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;color:var(--color-text);background:var(--color-bg-dark);min-height:100dvh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}#root{min-height:100dvh}.card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1rem 1.25rem}.btn{min-height:var(--touch-min);border-radius:var(--radius-md);cursor:pointer;border:none;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled,.btn-primary[disabled]{opacity:.42;cursor:not-allowed;box-shadow:none}.btn-primary:disabled:hover,.btn-primary[disabled]:hover{background:var(--color-accent)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-text-muted);background:0 0}.fab{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;position:fixed;bottom:8.75rem;right:1.5rem;box-shadow:0 4px 12px #e85d0466}.bottom-nav{height:var(--bottom-nav-height);background:var(--color-bg-card);border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;padding:0 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--color-accent);font-weight:600}