:root{--fx-dark:#0a1330;--fx-text-on-dark:#fff;--fx-font-family:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--fx-font-size-base:15px;--fx-line-height-base:1.5;--fx-text-body:#1f2933;--fx-text-muted:#52606d;--fx-text-faint:#9aa5b1;--fx-text-faint-2:#7b8794;--fx-text-link-muted:#486581;--fx-bg-light:#f2f6fa;--fx-bg-hover:#f5f7fa;--fx-border:#e4e7eb;--fx-border-input:#cbd2d9;--fx-danger:#b42318;--fx-danger-hover:#8f1c10;--fx-radius-sm:4px;--fx-radius-md:6px;--fx-space-xs:.25rem;--fx-space-sm:.5rem;--fx-space-md:.75rem;--fx-space-lg:1rem;--fx-space-xl:1.5rem;--fx-space-2xl:2rem;--fx-accent:#00c4b3;--fx-accent-hover:#00a193;--fx-accent-tint:#e0f8f6;--fx-text-on-accent:#fff}*{box-sizing:border-box}body{background:var(--fx-bg-light);color:var(--fx-text-body);font-family:var(--fx-font-family);font:var(--fx-font-size-base) / var(--fx-line-height-base) var(--fx-font-family);margin:0}#root{min-height:100vh}h1{margin:0 0 var(--fx-space-lg);font-size:1.4rem}h2{margin:var(--fx-space-xl) 0 var(--fx-space-sm);font-size:1.1rem}h3{margin:var(--fx-space-lg) 0 var(--fx-space-sm);font-size:.95rem}a{color:var(--fx-accent)}button{font:inherit}.app-shell__topbar{padding:var(--fx-space-sm) var(--fx-space-xl);background:var(--fx-dark);color:var(--fx-text-on-dark);justify-content:space-between;align-items:center;display:flex}.app-shell__brand{color:var(--fx-text-on-dark);letter-spacing:.01em;font-size:1.05rem;font-weight:700;text-decoration:none}.app-shell__nav{align-items:center;gap:var(--fx-space-lg);display:flex}.app-shell__nav a{color:var(--fx-text-on-dark);font-size:.9rem;text-decoration:none}.app-shell__nav a:hover{text-decoration:underline}.app-shell__user{align-items:center;gap:var(--fx-space-md);font-size:.9rem;display:flex}.app-shell__content{padding:var(--fx-space-xl) var(--fx-space-2xl);max-width:60rem;margin:0 auto}.user-menu{position:relative}.user-menu__trigger{align-items:center;gap:var(--fx-space-xs);color:var(--fx-text-on-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;display:flex}.user-menu__trigger:hover{text-decoration:underline}.user-menu__dropdown{right:0;top:calc(100% + var(--fx-space-xs));min-width:12rem;color:var(--fx-text-body);border:1px solid var(--fx-border);border-radius:var(--fx-radius-md);z-index:20;background:#fff;position:absolute;overflow:hidden;box-shadow:0 4px 16px #0000002e}.user-menu__item{width:100%;padding:var(--fx-space-sm) var(--fx-space-md);text-align:left;color:var(--fx-text-body);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:none;display:block}.user-menu__item:hover{background:var(--fx-bg-hover)}.button{padding:var(--fx-space-sm) var(--fx-space-lg);background:var(--fx-accent);color:var(--fx-text-on-accent);border-radius:var(--fx-radius-sm);cursor:pointer;border:none;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{background:var(--fx-accent-hover)}.button--secondary{color:var(--fx-accent);border:1px solid var(--fx-accent);background:0 0}.button--secondary:hover{background:var(--fx-bg-hover)}.button--danger{background:var(--fx-danger)}.button--danger:hover{background:var(--fx-danger-hover)}.button--small{margin-right:var(--fx-space-xs);padding:.3rem .6rem;font-size:.8rem}.form{flex-direction:column;gap:.9rem;max-width:28rem;display:flex}.form>div{flex-direction:column;gap:.3rem;display:flex}.form label{color:var(--fx-text-muted);font-size:.85rem}.form input,.form select,.form textarea{padding:var(--fx-space-sm) var(--fx-space-md);border:1px solid var(--fx-border-input);border-radius:var(--fx-radius-sm);font-family:inherit;font-size:.95rem}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--fx-accent-tint);border-color:var(--fx-accent)}table{border-collapse:collapse;width:100%;margin-bottom:var(--fx-space-lg)}th,td{text-align:left;padding:var(--fx-space-sm) var(--fx-space-md);border-bottom:1px solid var(--fx-border);font-size:.9rem}th{color:var(--fx-text-muted);font-weight:600}tr:hover td{background:var(--fx-bg-hover)}.row--clickable{cursor:pointer}.contracts-total-row td{background:var(--fx-bg-light);font-weight:600}.error-text{color:var(--fx-danger);font-size:.9rem}.quota-status{background:var(--fx-accent-tint);color:var(--fx-text-body);border-radius:var(--fx-radius-md);margin-bottom:var(--fx-space-md);padding:.3rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.status-badge{border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge--actief{background:var(--fx-accent-tint);color:#00695f}.status-badge--geschorst{color:#8a5a00;background:#fdf1d6}.status-badge--beëindigd{background:var(--fx-border);color:var(--fx-text-muted)}.installatie-tree,.installatie-tree ul{margin:0;padding:0;list-style:none}.installatie-tree ul{padding-left:var(--fx-space-md);border-left:2px solid var(--fx-border);margin-left:1.25rem}.installatie-tree li{margin:var(--fx-space-xs) 0}.installatie-tree__row{align-items:center;gap:var(--fx-space-sm);padding:.3rem var(--fx-space-sm);border-radius:var(--fx-radius-sm);display:flex}.installatie-tree__row:hover{background:var(--fx-bg-hover)}.installatie-tree__toggle{cursor:pointer;color:var(--fx-text-muted);background:0 0;border:none;width:1.25rem;padding:0;font-size:.85rem}.installatie-tree__naam{flex:1}.installatie-tree__niveau{color:var(--fx-text-faint);font-size:.8rem}.installatie-tree__customer-badge{background:var(--fx-accent-tint);color:var(--fx-text-body);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.tree-form-card{margin:var(--fx-space-lg) 0;padding:var(--fx-space-lg);border:1px solid var(--fx-border);border-radius:var(--fx-radius-md);background:#fff;max-width:28rem}.tree-form-card__title{margin:0 0 var(--fx-space-xs);font-size:.95rem}.tree-form-card__context{margin:0 0 var(--fx-space-lg);color:var(--fx-text-muted);font-size:.8rem}.tree-form-card__field{margin-bottom:var(--fx-space-md);flex-direction:column;gap:.3rem;display:flex}.tree-form-card__field label{color:var(--fx-text-muted);font-size:.85rem;font-weight:600}.tree-form-card__field input,.tree-form-card__field select{width:100%;padding:var(--fx-space-sm) var(--fx-space-md);border:1px solid var(--fx-border-input);border-radius:var(--fx-radius-sm);font-family:inherit;font-size:.95rem}.tree-form-card__field input:focus,.tree-form-card__field select:focus{outline:2px solid var(--fx-accent-tint);border-color:var(--fx-accent)}.tree-form-card__hint{color:var(--fx-text-faint);margin:.3rem 0 0;font-size:.75rem}.tree-form-card__row{gap:var(--fx-space-md);margin-bottom:var(--fx-space-md);display:flex}.tree-form-card__row .tree-form-card__field{margin-bottom:0}.tree-form-card__field--narrow{flex:0 0 5rem}.tree-form-card__field--wide{flex:1}.tree-form-card__actions{align-items:center;gap:var(--fx-space-md);margin-top:var(--fx-space-lg);display:flex}.collapsible-section{margin:var(--fx-space-lg) 0}.collapsible-section__header{align-items:center;gap:var(--fx-space-sm);padding:var(--fx-space-sm) 0;color:var(--fx-text-body);cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:600;display:flex}.collapsible-section__toggle{color:var(--fx-accent);width:1rem;font-size:.8rem;display:inline-block}.tabs{gap:var(--fx-space-md);border-bottom:1px solid var(--fx-border);margin-bottom:var(--fx-space-md);display:flex}.tabs__tab{padding:var(--fx-space-sm) 0;color:var(--fx-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.9rem;font-weight:600}.tabs__tab--active{color:var(--fx-accent);border-bottom-color:var(--fx-accent)}.edit-card{margin:var(--fx-space-md) 0;padding:var(--fx-space-lg);border:1px solid var(--fx-border);border-radius:var(--fx-radius-md);background:#fff;max-width:28rem}.edit-card__actions{align-items:center;gap:var(--fx-space-md);display:flex}.auth-page{background:var(--fx-bg-light);min-height:100vh;padding:var(--fx-space-xl);justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--fx-border);border-radius:var(--fx-radius-md);padding:var(--fx-space-2xl);background:#fff;width:100%;max-width:24rem;box-shadow:0 4px 16px #0a133014}.auth-card__brand{color:var(--fx-accent);margin-bottom:var(--fx-space-lg);font-size:1.1rem;font-weight:700}.pand-label{flex-direction:column;line-height:1.3;display:inline-flex}.pand-label__naam{font-weight:600}.pand-label__adres{color:var(--fx-text-muted);font-size:.8rem}.pand-customers{margin:var(--fx-space-md) 0 var(--fx-space-lg)}.pand-customers__list{margin:0 0 var(--fx-space-sm);gap:var(--fx-space-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pand-customers__chip{align-items:center;gap:var(--fx-space-sm);background:var(--fx-accent-tint);border-radius:var(--fx-radius-sm);padding:.25rem .6rem;font-size:.85rem;display:inline-flex}.pand-customers__chip button{color:var(--fx-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.pand-customers__chip button:disabled{cursor:not-allowed;opacity:.6;text-decoration:none}.pand-customers__add{align-items:center;gap:var(--fx-space-sm);display:flex}.contacts-panel{margin-top:var(--fx-space-xl);padding-top:var(--fx-space-lg);border-top:1px solid var(--fx-border)}