.profiel-main{max-width:640px;margin:0 auto;padding:48px 24px 80px;min-height:calc(100vh - 64px)}.profiel-title{font-family:Lilita One,cursive;font-size:clamp(28px,7vw,42px);color:var(--text);line-height:1.1;margin-bottom:36px}.profiel-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px}.profiel-section-title{font-family:Lilita One,cursive;font-size:18px;color:var(--text);margin-bottom:4px}.profiel-section-sub{font-family:Fredoka,sans-serif;font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.profiel-field{display:flex;gap:10px;align-items:flex-start}.profiel-input{flex:1;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:11px 16px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:400;color:var(--text);outline:none;transition:border-color .15s;min-width:0}.profiel-input::placeholder{color:var(--muted)}.profiel-input:focus{border-color:var(--accent)}.profiel-save-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:11px 22px;font-family:Lilita One,cursive;font-size:15px;letter-spacing:.03em;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.profiel-save-btn:hover{background:var(--accent-dim)}.profiel-save-btn:disabled{opacity:.5;cursor:not-allowed}.profiel-msg{font-family:Fredoka,sans-serif;font-size:13px;border-radius:6px;padding:8px 12px;margin-top:10px;line-height:1.4}.profiel-msg--error{background:#fdf0ee;border:1px solid #f5c6c0;color:#c0392b}.profiel-msg--success{background:#edf7f1;border:1px solid #a8ddb9;color:#1e7d40}.profiel-groepen-loading,.profiel-groepen-empty{font-family:Fredoka,sans-serif;font-size:14px;color:var(--muted);padding:4px 0}.profiel-groepen-empty a{color:var(--accent);font-weight:600;text-decoration:none}.profiel-groepen-empty a:hover{text-decoration:underline}.profiel-groepen-list{display:flex;flex-direction:column;gap:10px}.profiel-groep-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:border-color .15s}.profiel-groep-row:hover{border-color:var(--accent)}.profiel-groep-info{flex:1;min-width:0}.profiel-groep-name{font-family:Lilita One,cursive;font-size:17px;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.profiel-groep-badges{display:flex;gap:6px;flex-wrap:wrap}.profiel-badge{font-family:Fredoka,sans-serif;font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;letter-spacing:.03em}.profiel-badge--admin{background:#1e7d4014;color:var(--accent-dim);border:1px solid rgba(30,125,64,.25)}.profiel-badge--premium{background:#f5c80026;color:#8a6c00;border:1px solid rgba(245,200,0,.4)}.profiel-badge--free{background:#6b7e6f14;color:var(--muted);border:1px solid var(--border)}.profiel-badge--count{background:transparent;color:var(--muted);border:none;padding-left:0}.profiel-verlaat-btn{background:transparent;border:1.5px solid var(--border);color:var(--muted);border-radius:6px;padding:6px 14px;font-family:Fredoka,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.profiel-verlaat-btn:hover{border-color:#c0392b;color:#c0392b}@media(max-width:520px){.profiel-main{padding:32px 16px 60px}.profiel-field{flex-direction:column}.profiel-save-btn{width:100%}.profiel-groep-row{flex-direction:column;align-items:flex-start;gap:10px}.profiel-verlaat-btn{width:100%;text-align:center}}