:root{--navy:#173f5f;--teal:#006c67;--teal2:#00877f;--bg:#f3f6f8;--text:#1c2b36;--muted:#6c7b86;--line:#dfe7ec;--danger:#d92d20;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:280px;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30}.brand{display:flex;align-items:center;gap:.8rem;color:#fff;padding:1.35rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.12)}.brand:hover{color:#fff}.brand span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand small{opacity:.7;font-size:.72rem;margin-top:.2rem}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--teal);font-size:1.35rem;font-weight:800;box-shadow:0 6px 15px rgba(0,0,0,.15)}.brand-mark.large{width:52px;height:52px;font-size:1.7rem}.side-nav{padding:1rem .8rem;display:flex;flex-direction:column;gap:.25rem}.side-nav a{color:rgba(255,255,255,.88);padding:.8rem .9rem;border-radius:9px;display:flex;align-items:center;gap:.8rem}.side-nav a:hover{background:rgba(255,255,255,.1);color:#fff}.side-nav i{width:20px;text-align:center}.side-nav b{margin-left:auto;background:var(--danger);border-radius:20px;min-width:24px;text-align:center;font-size:.73rem;padding:.15rem .35rem}.side-nav a.disabled{opacity:.55;cursor:not-allowed}.side-nav a.disabled span{margin-left:auto;font-size:.65rem;border:1px solid rgba(255,255,255,.3);padding:.1rem .35rem;border-radius:4px}.nav-heading{font-size:.65rem;letter-spacing:.14em;opacity:.55;margin:1.1rem .9rem .35rem}.sidebar-footer{margin-top:auto;padding:1rem 1.3rem;font-size:.72rem;opacity:.55;border-top:1px solid rgba(255,255,255,.1)}.main-area{margin-left:280px;width:calc(100% - 280px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:20}.top-title{font-weight:700}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.8rem}.icon-button,.logout-button,.mobile-menu{border:0;background:transparent;cursor:pointer}.icon-button{width:44px;height:44px;border-radius:50%;position:relative;font-size:1.2rem}.icon-button:hover{background:#edf3f5}.badge-dot{position:absolute;right:0;top:1px;background:var(--danger);color:#fff;font-size:.65rem;min-width:19px;height:19px;border-radius:20px;display:grid;place-items:center;border:2px solid #fff}.notification-menu{position:relative}.notification-dropdown{display:none;position:absolute;right:0;top:54px;width:380px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(26,50,70,.17);border-radius:12px;overflow:hidden}.notification-dropdown.open{display:block}.dropdown-head{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.notification-item{display:flex;gap:.8rem;padding:.9rem 1rem;color:var(--text);border-bottom:1px solid #eef2f4}.notification-item.unread{background:#eef9f8}.notification-item strong,.notification-item small{display:block}.notification-item small{color:var(--muted);margin-top:.2rem}.notification-icon{width:38px;height:38px;border-radius:10px;background:#e4f4f2;color:var(--teal);display:grid;place-items:center;flex:0 0 auto}.empty{padding:1rem;color:var(--muted)}.user-chip{display:flex;align-items:center;gap:.6rem;border-left:1px solid var(--line);padding-left:1rem}.user-chip span:last-child{display:flex;flex-direction:column}.user-chip small{color:var(--muted);font-size:.72rem}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:700}.logout-button{font-size:1rem;color:var(--muted);padding:.6rem}.mobile-menu{display:none}.page-content{padding:1.6rem;max-width:1500px;margin:auto}.hero{background:linear-gradient(120deg,var(--navy),#245f7d);color:#fff;border-radius:18px;padding:2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 35px rgba(23,63,95,.18);margin-bottom:1.3rem}.hero h1{color:#fff;margin:.25rem 0}.hero p{margin:0;opacity:.78}.eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:var(--teal2)}.hero .eyebrow{color:#8fe0d8}.hero-status{display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.12);padding:.8rem 1rem;border-radius:12px}.hero-status i{font-size:1.5rem}.hero-status span{display:flex;flex-direction:column}.hero-status small{opacity:.7}.stat-grid{margin-bottom:.3rem}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(34,58,75,.05)}.stat-card{padding:1.2rem;display:flex;gap:1rem;min-height:145px}.stat-icon{width:52px;height:52px;border-radius:13px;background:#e8f5f3;color:var(--teal);display:grid;place-items:center;font-size:1.25rem}.stat-card small,.stat-card strong,.stat-card p{display:block}.stat-card strong{font-size:2rem;line-height:1.2}.stat-card p{color:var(--muted);font-size:.8rem;margin:.2rem 0}.panel{padding:1.25rem;margin-top:1rem}.panel-head,.page-heading{display:flex;justify-content:space-between;align-items:center}.panel-head{border-bottom:1px solid var(--line);padding-bottom:.9rem;margin-bottom:.4rem}.panel-head h3{margin:.1rem 0}.activity-item{display:flex;gap:.9rem;padding:1rem .3rem;border-bottom:1px solid #edf1f3}.activity-dot{width:12px;height:12px;border-radius:50%;background:#b7c3ca;margin-top:.35rem}.activity-dot.new{background:var(--danger);box-shadow:0 0 0 5px #fde8e7}.activity-item p{margin:.2rem 0;color:var(--muted)}.activity-item small{color:#8b979f}.release-step{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border-bottom:1px solid #edf1f3}.release-step>b{width:42px;height:42px;border-radius:11px;background:#edf1f3;display:grid;place-items:center}.release-step span{display:flex;flex-direction:column}.release-step small{color:var(--muted)}.release-step i{margin-left:auto;color:var(--teal)}.release-step.active>b{background:var(--teal);color:#fff}.empty-state{text-align:center;padding:2rem;color:var(--muted)}.empty-state i{font-size:2rem;margin-bottom:.5rem}.page-heading{margin-bottom:1rem}.page-heading h1{margin:.15rem 0}.page-heading p{margin:0;color:var(--muted)}.notification-row{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem;border-bottom:1px solid var(--line)}.notification-row.unread{background:#f1fbfa;border-left:4px solid var(--teal)}.notification-copy{flex:1}.notification-copy p{margin:.25rem 0;color:var(--muted)}.new-label{font-size:.65rem;background:var(--danger);color:#fff;border-radius:12px;padding:.15rem .45rem;margin-left:.4rem}.role-pill,.status-pill{display:inline-block;border-radius:20px;padding:.3rem .6rem;font-size:.75rem}.role-pill{background:#e9eff4;color:var(--navy)}.status-pill.active{background:#e8f7ef;color:#157347}.status-pill.inactive{background:#fde8e7;color:#a61b12}.table-panel{padding:0;overflow:hidden}.table-panel table{margin:0}.guest-body{background:linear-gradient(135deg,#eef4f6,#dce9ec);min-height:100vh}.guest-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(480px,100%);background:#fff;padding:2.2rem;border-radius:18px;box-shadow:0 20px 60px rgba(23,63,95,.16)}.login-brand{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.login-brand h1{font-size:1.25rem;margin:0;color:var(--navy)}.login-brand p{margin:0;color:var(--muted)}.login-card h2{margin-bottom:.2rem}.muted{color:var(--muted)}.button.primary,.button{background:var(--teal);border-radius:8px}.button.primary:hover,.button:hover{background:var(--teal2)}.button.hollow{background:transparent;color:var(--teal);border-color:var(--teal)}input{border-radius:8px!important;box-shadow:none!important}.login-note{text-align:center;color:var(--muted);font-size:.8rem;margin-top:1rem}.callout{border-radius:10px}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-menu{display:block;margin-right:.7rem}.user-chip span:last-child{display:none}.hero{align-items:flex-start;gap:1rem;flex-direction:column}.notification-dropdown{position:fixed;right:1rem;left:1rem;width:auto;top:70px}}@media(max-width:600px){.page-content{padding:1rem}.topbar{padding:0 1rem}.top-title{display:none}.hero{padding:1.4rem}.page-heading{align-items:flex-start;gap:1rem;flex-direction:column}.notification-row{flex-wrap:wrap}}
.stat-link{color:inherit;transition:transform .15s,box-shadow .15s}.stat-link:hover{color:inherit;transform:translateY(-2px);box-shadow:0 10px 28px rgba(34,58,75,.11)}.filter-bar{padding:1rem;margin-top:0}.responsive-table{overflow-x:auto}.dossier-table td small{display:block;color:var(--muted);margin-top:.2rem;max-width:360px}.dossier-status{font-weight:700}.dossier-status.concept{background:#eef1f3;color:#53616b}.dossier-status.ingediend,.dossier-status.ontvangen{background:#e8f2fb;color:#185b8c}.dossier-status.in_behandeling{background:#fff4d8;color:#765700}.dossier-status.wacht_op_inwoner{background:#fde8e7;color:#a61b12}.dossier-status.wacht_op_gemeente{background:#f1eafb;color:#6b3fa0}.dossier-status.afgehandeld{background:#e8f7ef;color:#157347}.dossier-status.gearchiveerd{background:#eceff1;color:#455a64}.dossier-form fieldset{border:1px solid var(--line);border-radius:12px;padding:1.1rem;margin-bottom:1.2rem}.dossier-form legend{font-weight:800;color:var(--navy);padding:0 .5rem}.form-actions{display:flex;justify-content:flex-end;gap:.8rem}.form-note{font-size:.78rem;color:var(--muted);background:#f3f7f9;border-radius:8px;padding:.7rem}.dossier-header{display:flex;justify-content:space-between;align-items:center;margin-top:0}.dossier-header h1{margin:.15rem 0}.dossier-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.detail-grid>div{background:#f7f9fa;border:1px solid #edf1f3;border-radius:10px;padding:.9rem}.detail-grid dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.detail-grid dd{margin:.25rem 0 0;font-weight:700}.detail-grid dd small{display:block;color:var(--muted);font-weight:400}.prose{line-height:1.65}.timeline{position:relative;padding-left:.4rem}.timeline-item{position:relative;display:flex;gap:1rem;padding:1rem 0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:8px;top:30px;bottom:-8px;width:2px;background:var(--line)}.timeline-marker{width:18px;color:var(--teal);position:relative;z-index:1}.timeline-item p{margin:.25rem 0;color:var(--muted)}.timeline-item small{color:#89969f}.registration-card{display:flex;align-items:center;gap:.8rem;background:#eef9f8;border:1px solid #d8efec;border-radius:10px;padding:.9rem;margin-bottom:.7rem}.registration-card i{color:var(--teal);font-size:1.25rem}.registration-card div{display:flex;flex-direction:column}.registration-card small{color:var(--muted)}.activity-link{color:inherit}.activity-link:hover{color:inherit;background:#f8fafb}.activity-list .activity-item{padding-left:.5rem;padding-right:.5rem}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.dossier-header{align-items:flex-start;gap:1rem;flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}