*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;min-height:100vh}a{color:#4fc3f7;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2}input,select,textarea,button{font-family:inherit;font-size:inherit}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form__actions{display:flex;gap:8px;margin-top:24px}.form-actions{display:flex;gap:8px;align-items:center;margin-top:16px}label{font-size:14px;color:#9e9e9e}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="datetime-local"],input[type="date"],select,textarea{background:#2a2a2a;border:1px solid #333;border-radius:8px;color:#e0e0e0;padding:8px 16px;width:100%;transition:border-color 0.2s}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,select:focus,textarea:focus{outline:none;border-color:#4fc3f7}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="number"]::placeholder,input[type="datetime-local"]::placeholder,input[type="date"]::placeholder,select::placeholder,textarea::placeholder{color:#9e9e9e}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:16px;font-weight:500;padding:8px 24px;transition:opacity 0.2s, background-color 0.2s}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-primary{background:#4fc3f7;color:#000}.btn-primary:hover:not(:disabled){background:#0288d1;color:#fff}.btn-ghost{background:transparent;border:1px solid #333;color:#e0e0e0}.btn-ghost:hover:not(:disabled){border-color:#4fc3f7;color:#4fc3f7}.btn-danger{background:#ef5350;color:#fff}.btn-danger:hover:not(:disabled){opacity:0.85}.btn-full{width:100%}.card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:16px}.card--danger{border-color:#ef5350}.text-success{color:#66bb6a}.text-danger{color:#ef5350}.text-warning{color:#ffa726}.text-muted{color:#9e9e9e}.container{max-width:480px;margin:0 auto;padding:16px}@media (min-width: 768px){.container{max-width:720px;padding:24px}}@media (min-width: 1024px){.container{max-width:960px}}@media (min-width: 1024px){.container--wide{max-width:1440px}}.alert{border-radius:8px;padding:8px 16px;font-size:14px;margin-bottom:16px}.alert.alert-error{background:rgba(239,83,80,0.15);color:#ef5350;border:1px solid rgba(239,83,80,0.3)}.alert.alert-success{background:rgba(102,187,106,0.15);color:#66bb6a;border:1px solid rgba(102,187,106,0.3)}.alert.alert-warning{background:rgba(255,167,38,0.15);color:#ffa726;border:1px solid rgba(255,167,38,0.3)}.app-header{background:#1e1e1e;border-bottom:1px solid #333;position:sticky;top:0;z-index:100}.app-header__top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px}.app-header__brand{display:flex;align-items:center;gap:4px;font-weight:700;color:#4fc3f7;font-size:16px;white-space:nowrap;text-decoration:none}.app-header__brand:hover{text-decoration:none;opacity:0.8}.app-header .brand-logo{width:22px;height:22px;flex-shrink:0}.app-header__btns{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-header__info{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#2a2a2a;font-size:14px;min-height:0}.app-header__house{color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__house--link:hover{color:#e0e0e0;text-decoration:none}.app-header__username{font-weight:500;color:#e0e0e0;white-space:nowrap;text-decoration:none;margin-left:auto}.app-header__username:hover{color:#4fc3f7;text-decoration:none}.btn-hamburger{background:transparent;border:1px solid #333;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:18px;line-height:1;padding:3px 8px;display:none;align-items:center;justify-content:center;transition:border-color 0.2s, color 0.2s}.btn-hamburger:hover{border-color:#4fc3f7;color:#4fc3f7}@media (max-width: 767px){.btn-hamburger{display:inline-flex}}.btn-logout,.btn-context-switch{background:transparent;border:1px solid #333;border-radius:8px;color:#9e9e9e;cursor:pointer;font-size:14px;padding:2px 8px;white-space:nowrap;transition:border-color 0.2s, color 0.2s}.btn-logout:hover{border-color:#ef5350;color:#ef5350}.btn-context-switch:hover{border-color:#4fc3f7;color:#4fc3f7}.app-nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid #333;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav__item{flex-shrink:0;padding:8px 16px;color:#9e9e9e;font-size:14px;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;transition:color 0.2s, border-color 0.2s}.app-nav__item:hover{color:#e0e0e0;text-decoration:none}.app-nav__item.active{color:#4fc3f7;border-bottom-color:#4fc3f7}@media (max-width: 767px){.app-nav{display:none;flex-direction:column;overflow-x:hidden}.app-nav--open{display:flex}.app-nav__item{border-bottom:1px solid #333;padding:16px 16px}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:24px;text-align:center}.error-page__code{font-size:6rem;font-weight:700;color:#4fc3f7;line-height:1}.error-page__message{font-size:18px;color:#9e9e9e;max-width:480px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#1e1e1e;border:1px solid #333;border-radius:12px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px rgba(0,0,0,0.6);display:flex;flex-direction:column}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #333;gap:16px}.modal__title{font-size:18px;font-weight:600;margin:0}.modal__close{background:none;border:none;color:#9e9e9e;font-size:22px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px}.modal__close:hover{color:#e0e0e0;background:#2a2a2a}.modal__desc{padding:16px 24px 0;color:#9e9e9e;font-size:14px}.modal>.form-group,.modal>div:not(.modal__header):not(.modal__footer){padding:16px 24px}.modal__body{padding:16px 24px}.modal__body .admin-table{margin:0}.modal__body .empty-state{padding:24px 0;text-align:center;color:#9e9e9e}.modal__footer{display:flex;gap:8px;padding:16px 24px;border-top:1px solid #333;margin-top:auto}.hidden{display:none !important}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px}.auth-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:24px;width:100%;max-width:400px}.page-logo{display:block;width:56px;height:56px;margin:0 auto 16px}.auth-title{color:#4fc3f7;font-size:22px;text-align:center;margin-bottom:4px}.auth-subtitle{color:#9e9e9e;font-size:14px;text-align:center;margin-bottom:24px}.auth-footer{text-align:center;margin-top:16px;font-size:14px;color:#9e9e9e;line-height:2}.auth-footer a{color:#4fc3f7}.auth-divider{border:none;border-top:1px solid #333;margin:16px 0}.house-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.house-item{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:16px;cursor:pointer;transition:border-color 0.2s, background-color 0.2s}.house-item:hover{border-color:#4fc3f7;background:rgba(79,195,247,0.05)}.house-item .house-name{font-weight:500;margin-bottom:2px}.house-item .house-role{font-size:14px;color:#9e9e9e}.house-actions{display:flex;gap:8px;margin-top:8px}@media (max-width: 480px){.house-actions{flex-direction:column}.house-actions .btn{width:100%}}.settings-layout{display:flex;flex-direction:column;gap:24px}.page-header{padding-bottom:4px}.page-title{font-size:22px;font-weight:700;color:#e0e0e0}.card__title{font-size:18px;font-weight:600;color:#e0e0e0;margin-bottom:16px}.form-msg{font-size:14px;min-height:0}.form-msg:empty{display:none}.form-msg--success{background:rgba(102,187,106,0.12);border:1px solid rgba(102,187,106,0.35);border-radius:8px;color:#66bb6a;padding:8px 16px;margin-top:8px;margin-bottom:16px}.form-msg--error{background:rgba(239,83,80,0.12);border:1px solid rgba(239,83,80,0.35);border-radius:8px;color:#ef5350;padding:8px 16px;margin-top:8px;margin-bottom:16px}.field-error{color:#ef5350;font-size:14px;margin-top:4px}.form-input--error{border-color:#ef5350}.form-input--error:focus{border-color:#ef5350}.member-list{list-style:none;padding:0;margin:0 0 8px}.member-list__item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #333;flex-wrap:wrap}.member-list__item:last-child{border-bottom:none}.member-list__info{flex:1;min-width:120px;display:flex;flex-direction:column;gap:2px}.member-list__name{font-weight:500}.member-list__email{font-size:14px;color:#9e9e9e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list__role{font-size:14px;flex-shrink:0}.member-list__actions{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}@media (max-width: 480px){.member-list__actions{width:100%}}.meter-section{margin-bottom:24px}.meter-section__title{font-size:12px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px}.meter-section--archived{opacity:0.7}.meter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.meter-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meter-card--archived{border-style:dashed}.meter-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.meter-card__name{font-weight:600}.meter-card__meta{font-size:14px;color:#9e9e9e}.meter-card__archived-at{font-size:12px;color:#9e9e9e}.meter-card__sort{display:flex;gap:2px;flex-shrink:0}.meter-card__actions{display:flex;align-items:center;gap:4px;flex-shrink:0;flex-wrap:wrap}@media (max-width: 480px){.meter-card__actions{width:100%}}.btn--icon{padding:3px 8px;background:#2a2a2a;border:1px solid #333;color:#9e9e9e;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:color 0.2s, border-color 0.2s}.btn--icon:hover:not(:disabled){color:#e0e0e0;border-color:#9e9e9e}.invite-history{border-top:1px solid #333;margin-top:24px;padding-top:16px}.invite-history__title{font-size:14px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px}.invite-list{list-style:none;padding:0;margin:0}.invite-list__item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #333}.invite-list__item:last-child{border-bottom:none}.invite-list__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.invite-list__email{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-list__date{font-size:12px}.invite-list__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.badge{display:inline-block;padding:0.2em 0.6em;border-radius:999px;font-size:12px;font-weight:600;text-transform:lowercase;white-space:nowrap}.badge--hoofdbewoner{background:rgba(79,195,247,0.15);color:#4fc3f7}.badge--medebewoner{background:#2a2a2a;color:#9e9e9e}.badge--pending{background:rgba(255,167,38,0.15);color:#ffa726}.badge--verlopen{background:rgba(239,83,80,0.12);color:#ef5350}.badge--geaccepteerd{background:rgba(102,187,106,0.12);color:#66bb6a}.btn--primary{background:#4fc3f7;color:#000;border:none}.btn--primary:hover:not(:disabled){background:#0288d1;color:#fff}.btn--ghost{background:transparent;border:1px solid #333;color:#e0e0e0}.btn--ghost:hover:not(:disabled){border-color:#4fc3f7;color:#4fc3f7}.btn--danger{background:#ef5350;color:#fff;border:none}.btn--danger:hover:not(:disabled){opacity:0.85}.btn--sm{padding:4px 8px;font-size:14px}.reading-section{margin-top:16px}.reading-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.reading-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:8px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 16px;align-items:center}@media (min-width: 768px){.reading-card{grid-template-columns:2fr 1fr 1fr auto;grid-template-rows:1fr}}.reading-card__main{display:flex;flex-direction:column;gap:2px}.reading-card__meter{font-weight:600;font-size:14px;color:#e0e0e0}.reading-card__value{font-size:18px;font-weight:700;color:#e0e0e0}.reading-card__unit{font-size:14px;font-weight:400;color:#9e9e9e}.reading-card__date{font-size:14px;color:#9e9e9e}.reading-card__delta{text-align:right}@media (min-width: 768px){.reading-card__delta{text-align:left}}.reading-card__delta-value{font-size:14px;font-weight:600}.reading-card__delta-value--success{color:#66bb6a}.reading-card__delta-value--danger{color:#ef5350}.reading-card__delta-value--neutral{color:#9e9e9e}.reading-card__meta{grid-column:1;display:flex;gap:8px;font-size:12px;color:#9e9e9e}@media (min-width: 768px){.reading-card__meta{grid-column:auto}}.reading-card__actions{display:flex;gap:4px;align-items:center;grid-column:2;grid-row:1 / 3}@media (min-width: 768px){.reading-card__actions{grid-column:auto;grid-row:auto}}.meter-inputs{display:flex;flex-direction:column;gap:16px;margin-top:16px;margin-bottom:16px}.meter-input{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:8px 16px}.meter-input__label{display:flex;align-items:baseline;gap:4px;font-weight:600;color:#e0e0e0;margin-bottom:4px}.meter-input__unit{font-size:14px;font-weight:400;color:#9e9e9e}.meter-input__hint{font-size:14px;color:#9e9e9e;margin:0 0 4px}.meter-input__field{margin-top:4px}.warning-inline{min-height:0;font-size:14px}.warning-inline:empty{display:none}.warning-inline--visible{color:#ffa726;margin-top:4px}.warning-inline--visible::before{content:'⚠ '}.form__msg--warning{background:rgba(255,167,38,0.12);border:1px solid rgba(255,167,38,0.35);border-radius:8px;color:#ffa726;padding:8px 16px;margin-top:8px}.page-header__sub{font-size:14px;color:#9e9e9e;margin-left:8px}.stats-meter-list{display:flex;flex-direction:column;gap:8px}.stats-meter-card{display:flex;align-items:center;gap:16px;padding:16px;text-decoration:none;color:#e0e0e0;border:1px solid #333;border-radius:8px;background:#1e1e1e;transition:background 0.15s, border-color 0.15s}.stats-meter-card:hover{background:#2a2a2a;border-color:#4fc3f7}.stats-meter-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.stats-meter-card__name{font-weight:600;font-size:1rem}.stats-meter-card__meta{font-size:0.8rem;color:#9e9e9e}.stats-meter-card__arrow{font-size:1.4rem;color:#9e9e9e}.stats-section{margin-bottom:32px}.stats-section__title{font-size:1.05rem;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;padding-bottom:4px;border-bottom:1px solid #333}.stats-yoy-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 600px){.stats-yoy-grid{grid-template-columns:1fr}}.stats-yoy-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.stats-yoy-card--delta{border-color:#4fc3f7}.stats-yoy-card__label{font-size:0.78rem;color:#9e9e9e;text-transform:uppercase;letter-spacing:0.04em}.stats-yoy-card__value{font-size:1.3rem;font-weight:700}.stats-yoy-card__value .delta-pct{font-size:0.85rem;font-weight:400;margin-left:4px}.stats-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-table{width:100%;border-collapse:collapse;font-size:0.9rem}.stats-table th,.stats-table td{padding:4px 8px;text-align:left;border-bottom:1px solid #333}.stats-table th{color:#9e9e9e;font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em}.stats-table .num{text-align:right;font-variant-numeric:tabular-nums}.stats-table__row--current{background:#2a2a2a}.stats-table__row--current td:first-child{font-weight:600}.delta-green{color:#66bb6a}.delta-red{color:#ef5350}.delta-neutral{color:#9e9e9e}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 480px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:1fr 1fr 1fr}}.dashboard-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:16px;text-decoration:none;color:#e0e0e0;display:flex;flex-direction:column;gap:8px;transition:background 0.15s, border-color 0.15s}.dashboard-card:hover{background:#2a2a2a;border-color:#4fc3f7}.dashboard-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #333}.dashboard-card__name{font-size:1rem;font-weight:600}.dashboard-card__unit{font-size:0.8rem;color:#9e9e9e;flex-shrink:0}.dashboard-card__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dashboard-card__stat{display:flex;flex-direction:column;gap:2px}.dashboard-card__label{font-size:0.72rem;color:#9e9e9e;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap}.dashboard-card__value{font-size:0.9rem;font-weight:600;font-variant-numeric:tabular-nums}.dashboard-card__value .delta-pct{font-size:0.78rem;font-weight:400;margin-left:2px}.dashboard-card__value--empty{color:#9e9e9e;font-weight:400}.dashboard-card__date{font-size:0.75rem;color:#9e9e9e}.export-section,.import-section{margin-top:1.5rem;padding:1.5rem}.export-section__title,.import-section__title{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:#e0e0e0}.export-section__desc,.import-section__desc{color:#9e9e9e;margin-bottom:1.25rem;font-size:0.9rem}.export-form,.import-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:10rem}.radio-group{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.25rem}.radio-label{display:flex;align-items:center;gap:0.5rem;color:#e0e0e0;cursor:pointer;font-size:0.9rem}.import-result{margin-top:1.5rem;padding:1rem;border:1px solid #333;border-radius:8px;background:#2a2a2a}.import-result__title{font-size:1rem;font-weight:600;margin-bottom:0.75rem;color:#e0e0e0}.import-result__counts{list-style:none;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:0.75rem}.import-result__count{font-size:0.9rem}.import-result__count--ok strong{color:#66bb6a}.import-result__count--skip strong{color:#9e9e9e}.import-result__count--err strong{color:#ef5350}.import-result__list{list-style:disc;padding-left:1.25rem;font-size:0.85rem;color:#9e9e9e;margin-bottom:0.5rem}.import-result__list--err{color:#ef5350}.import-result__cancelled,.import-result__error{color:#ef5350;font-size:0.9rem}.auditlog-filters{margin-bottom:16px}.auditlog-filters__form .form-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.auditlog-filters__form .form-group{flex:1 1 160px}.auditlog-filters__form .form-group--action{flex:0 0 auto;display:flex;gap:8px}.auditlog-section{margin-top:16px}.auditlog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.auditlog-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:8px 16px}.auditlog-card__header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:4px}.auditlog-card__meter{font-weight:600;font-size:14px;color:#e0e0e0;flex:1 1 auto}.auditlog-card__timestamp{font-size:14px;color:#9e9e9e}.auditlog-card__user{font-size:14px;color:#9e9e9e}.auditlog-card__values{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.auditlog-card__value{display:flex;align-items:baseline;gap:4px;font-size:14px}.auditlog-card__value--old .auditlog-card__value-label{color:#ef5350}.auditlog-card__value--new .auditlog-card__value-label{color:#66bb6a}.auditlog-card__value-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.auditlog-card__value-data{color:#e0e0e0}.auditlog-card__value-date{color:#9e9e9e;margin-left:4px}.badge{display:inline-block;padding:2px 4px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.badge--create{background:rgba(102,187,106,0.18);color:#66bb6a}.badge--update{background:rgba(79,195,247,0.18);color:#4fc3f7}.badge--delete{background:rgba(239,83,80,0.18);color:#ef5350}.badge--archived{background:rgba(158,158,158,0.18);color:#9e9e9e}.admin-section{margin-bottom:24px}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:8px 16px;border-bottom:1px solid #333;vertical-align:middle}.admin-table th{color:#9e9e9e;font-weight:600;white-space:nowrap;background:#2a2a2a}.admin-table .col-naam{min-width:120px}.admin-table .col-email{min-width:180px}.admin-table tr:last-child td{border-bottom:none}.admin-table__row--inactive td{opacity:0.5}.admin-table__actions{white-space:nowrap}.admin-table__actions-wrap{display:flex;gap:4px;flex-wrap:nowrap;align-items:center}.admin-table__no-action{color:#9e9e9e}.badge{display:inline-block;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;background:#2a2a2a;color:#9e9e9e}.badge--success{background:rgba(102,187,106,0.15);color:#66bb6a}.badge--danger{background:rgba(239,83,80,0.15);color:#ef5350}.badge--warning{background:rgba(255,167,38,0.15);color:#ffa726}.badge--admin{background:rgba(79,195,247,0.15);color:#4fc3f7}.btn--primary{background:#4fc3f7;color:#000}.btn--primary:hover:not(:disabled){background:#0288d1;color:#fff}.btn--secondary{background:#2a2a2a;color:#e0e0e0;border:1px solid #333}.btn--secondary:hover:not(:disabled){border-color:#4fc3f7;color:#4fc3f7}.btn--danger{background:#ef5350;color:#fff}.btn--danger:hover:not(:disabled){opacity:0.85}.btn--warning{background:#ffa726;color:#000}.btn--warning:hover:not(:disabled){opacity:0.85}.btn--success{background:#66bb6a;color:#000}.btn--success:hover:not(:disabled){opacity:0.85}.btn--sm{padding:4px 8px;font-size:14px}.alert--success{background:rgba(102,187,106,0.15);color:#66bb6a;border:1px solid rgba(102,187,106,0.3);border-radius:8px;padding:8px 16px}.alert--error{background:rgba(239,83,80,0.15);color:#ef5350;border:1px solid rgba(239,83,80,0.3);border-radius:8px;padding:8px 16px}.admin-house-list{list-style:none;display:flex;flex-direction:column;gap:16px}.admin-house-card__header{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.admin-house-card__name{font-weight:600;font-size:18px}.admin-house-card__meta,.admin-house-card__date{font-size:14px;color:#9e9e9e}.admin-house-card__rename-form{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #333}.admin-house-card__members{list-style:none;display:flex;flex-direction:column;gap:4px;border-top:1px solid #333;padding-top:8px;margin-top:4px}.admin-house-card__member{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap;padding:4px 0}.admin-house-card__member-info{flex:1;min-width:120px;display:flex;flex-direction:column;gap:1px}.admin-house-card__member-actions{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}.admin-house-card__username{font-weight:500}.admin-house-card__email{color:#9e9e9e;font-size:12px}.admin-house-card__email--deleted{color:#ef5350;font-style:italic}#nieuweWoningForm{margin-bottom:24px}.admin-add-member-form{display:flex;flex-direction:column;padding-top:8px;margin-top:8px;border-top:1px solid #333}.settings-section{max-width:600px}.settings-section__title{font-size:18px;font-weight:600;margin-bottom:4px}.settings-section__desc{font-size:14px;color:#9e9e9e;margin-bottom:24px}.settings-form .form-actions{margin-top:24px}.settings-form .form-group--checkbox{flex-direction:row;align-items:center;gap:8px}.settings-form .form-group--checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e0e0e0}.admin-table__edit-row td{background:#2a2a2a;padding:16px 24px;white-space:normal}.admin-user-edit{display:flex;flex-direction:column;gap:16px}.admin-user-edit__inputs{display:flex;gap:16px;flex-wrap:wrap}.admin-user-edit__field{display:flex;flex-direction:column;gap:4px;min-width:200px;flex:1}.admin-user-edit__label{font-size:14px;color:#9e9e9e;font-weight:600}.admin-user-edit__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid #333}.admin-user-edit__extra-actions{display:flex;gap:4px;flex-wrap:wrap}.admin-user-edit__save-group{display:flex;gap:4px;margin-left:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header .page-title{font-size:22px;font-weight:700}.admin-user-cards{display:none}.admin-user-card{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:12px;margin-bottom:8px}.admin-user-card--inactive{opacity:0.5}.admin-user-card__name{font-weight:700;font-size:15px;color:#e0e0e0}.admin-user-card__email{color:#9e9e9e;font-size:13px;margin-top:2px;word-break:break-all}.admin-user-card__badges{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.admin-user-card__actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.admin-user-card__edit{margin-top:8px;padding-top:8px;border-top:1px solid #333;display:none}.admin-user-card__edit--open{display:block}.admin-user-card__edit-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.admin-user-card__edit-label{font-size:14px;color:#9e9e9e;font-weight:600}.admin-user-card__edit-extra{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px;padding-top:4px;border-top:1px solid #333}.admin-user-card__edit-save{display:flex;gap:4px;flex-wrap:wrap}@media (min-width: 600px){.admin-user-cards{display:none !important}.admin-table-wrap{display:block}}@media (max-width: 599px){.admin-user-cards{display:flex;flex-direction:column}.admin-table-wrap{display:none !important}}.pending-notice{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:16px;background:rgba(255,167,38,0.08);border:1px solid rgba(255,167,38,0.25);border-radius:8px}.pending-notice__text{font-size:14px;color:#9e9e9e;line-height:1.5}.pending-notice__text strong{color:#e0e0e0}.pending-notice .btn{align-self:flex-start}.pending-notice .form-msg{margin-top:0}.verify-result{display:flex;justify-content:center;margin-bottom:16px}.verify-result__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:28px;font-weight:700}.verify-result--success .verify-result__icon{background:rgba(102,187,106,0.15);color:#66bb6a;border:2px solid rgba(102,187,106,0.3)}.verify-result--error .verify-result__icon{background:rgba(239,83,80,0.15);color:#ef5350;border:2px solid rgba(239,83,80,0.3)}