:root{--navy:#102a43;--ink:#142b3f;--muted:#617385;--blue:#1769d3;--soft:#eaf3ff;--canvas:#f4f7fb;--surface:#fff;--line:#dfe8f0;--success:#16824b;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.13;letter-spacing:-.045em;margin-bottom:.55rem}h2{font-size:1rem}.muted{color:var(--muted)}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at top right,#d9eaff,transparent 42%),var(--canvas)}.auth-card{width:min(100%,430px);padding:42px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px rgb(16 42 67 / 8%)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--blue);color:#fff;font-weight:900;font-size:1.25rem;margin-bottom:24px}.form-stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;font-size:.86rem;font-weight:750}input{min-height:46px;border:1px solid #bdcad6;border-radius:9px;font:inherit;padding:10px 12px}input:focus{outline:3px solid #bfddff;border-color:var(--blue)}button{min-height:44px;border:0;border-radius:9px;background:var(--blue);color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:10px 16px}.alert,.notice{padding:12px 14px;border-radius:9px;margin:20px 0}.alert,.notice.error{background:#fff1f0;color:#8b211b}.notice.success{background:#eaf8ef;color:#17673d}.topbar{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:850;text-decoration:none}.logo span{display:grid;place-items:center;width:31px;height:31px;background:var(--blue);border-radius:9px;color:#fff}.account{display:flex;align-items:center;gap:14px;font-size:.88rem;color:var(--muted)}.link-button,.back-link{background:transparent;color:var(--blue);padding:0;min-height:0;text-decoration:none}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:calc(100vh - 68px)}.sidebar{display:grid;align-content:start;gap:4px;padding:20px 12px;background:var(--navy)}.sidebar:before{content:"Navigatie";color:#9eb1c3;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px}.sidebar a{border-radius:9px;color:#c3d1dc;padding:10px 12px;text-decoration:none;font-size:.92rem;font-weight:650}.sidebar a.active,.sidebar a:hover{background:#284967;color:#fff}.content{padding:48px;max-width:1160px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.status-badge{display:inline-flex;align-items:center;gap:7px;background:#eaf8ef;color:#17673d;border-radius:999px;font-size:.8rem;font-weight:750;padding:7px 10px;white-space:nowrap}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.company-card,.settings-card{position:relative;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 10px rgb(16 42 67 / 3%)}.company-card p{margin:0;color:var(--muted);font-size:.9rem}.status-dot{position:absolute;right:22px;top:25px;width:9px;height:9px;background:#b9c9d6;border-radius:50%}.settings-shell{max-width:760px;padding:48px;margin:0 auto}.settings-shell.wide{max-width:1220px}.settings-card{margin-top:28px}.field-help{margin:-7px 0 0;color:var(--muted);font-size:.82rem}.connection-status{margin:0 0 18px;font-size:.9rem;font-weight:750;color:var(--success)}.table-wrap{overflow:auto;padding:0}.table-wrap table{border-collapse:collapse;width:100%;font-size:.86rem}.table-wrap th,.table-wrap td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap th{background:#f9fbfd;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#f9fbfd}@media(max-width:760px){.topbar{padding:0 16px}.account span{display:none}.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,1fr);border-bottom:1px solid #254662}.sidebar:before{grid-column:1/-1}.content,.settings-shell{padding:28px 18px}.page-heading{display:block}.status-badge{margin-top:16px}.settings-card{padding:18px}.table-wrap{margin-left:-18px;margin-right:-18px}.table-wrap th,.table-wrap td{padding:12px}.auth-card{padding:30px 24px}}