.profil-layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;max-width:1200px;margin:0 auto}.profil-side{flex:0 0 244px;display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(68px + var(--space-4))}.profil-content{flex:1 1 560px;min-width:0;gap:22px}.profil-card,.profil-content{display:flex;flex-direction:column}.profil-card{align-items:center;gap:8px;text-align:center;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.profil-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.profil-avatar--init{display:flex;align-items:center;justify-content:center;background:var(--color-terracotta);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:28px}.profil-card__text{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%}.profil-card__name{font-family:var(--font-heading);font-weight:700;font-size:19px;color:var(--color-heading)}.profil-card__email{font-size:13px;color:var(--color-text-muted);word-break:break-all}.profil-chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:9999px;background:#F7E9CE;color:#6B4A0B}.profil-nav{display:flex;flex-direction:column;gap:2px}.profil-nav__item{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:600;color:var(--color-text);text-decoration:none}.profil-nav__item:hover{background:#F3E9DA}.profil-nav__item.is-on{background:var(--color-surface);color:var(--color-maroon)}.profil-logout:focus-visible,.profil-nav__item:focus-visible,.profil-panel-link:focus-visible{outline:2px solid var(--color-maroon-soft);outline-offset:2px}.profil-panel-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border-radius:12px;background:var(--color-maroon-soft);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none}.profil-panel-link:hover{background:var(--color-maroon)}.profil-logout{min-height:44px;border-radius:12px;border:1px solid rgba(107,58,42,.24);background:transparent;color:var(--color-text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.profil-logout:hover{background:#F3E9DA}.profil-hello h1{margin:0;font-family:var(--font-heading);font-weight:700;font-size:32px;line-height:1.15;color:var(--color-heading)}.profil-hello p{margin:6px 0 0;font-size:15px;color:var(--color-text-muted);line-height:1.55}.profil-hello strong{color:var(--color-text)}.profil-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#F7E9CE;color:#5C4108;font-size:14.5px}.profil-banner>span{flex:1 1 280px;line-height:1.5}.profil-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}.profil-box--flush{padding:0;gap:0;overflow:hidden}.profil-box h2{margin:0;font-family:var(--font-heading);font-size:19px;color:var(--color-heading)}.profil-box__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.profil-box--flush .profil-box__head{padding:16px 20px 8px}.profil-link{font-size:13.5px;font-weight:600;color:var(--color-maroon-soft);text-decoration:none}.profil-link:hover{text-decoration:underline}.profil-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.profil-grid>*{min-width:0}.profil-pass{flex:1 1 280px;align-items:center;text-align:center}.profil-pass h2{align-self:flex-start}.profil-pass__qr{width:180px;height:180px;border-radius:12px;border:6px solid #fff;box-shadow:0 0 0 1px var(--color-border)}.profil-pass__no{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:19px;letter-spacing:.06em;color:var(--color-maroon)}.profil-pass__hint{margin:0;font-size:13.5px;color:var(--color-text-muted);line-height:1.5}.profil-stack{flex:2 1 380px;display:flex;flex-direction:column;gap:20px}.profil-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.profil-badge{padding:12px;border-radius:12px;background:#F3EDE3;display:flex;flex-direction:column;gap:3px}.profil-badge--on{background:var(--color-available-soft)}.profil-badge strong{font-size:14.5px;color:#6B5C4C}.profil-badge--on strong{color:var(--color-available)}.profil-badge span{font-size:12.5px;color:var(--color-text-muted)}.profil-bar{height:10px;border-radius:5px;background:#F0E6D6;overflow:hidden}.profil-bar>div{height:100%;background:var(--color-teal)}.profil-bar__cap{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-muted);margin-bottom:6px}.profil-list{list-style:none;margin:0;padding:0}.profil-list li{display:flex;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--color-border)}.profil-list__body{flex:1;min-width:0;display:flex;flex-direction:column}.profil-list__body a,.profil-list__body strong{font-size:15px;font-weight:600;color:var(--color-text);text-decoration:none}.profil-list__body a:hover{text-decoration:underline}.profil-list time,.profil-list__body span{font-size:13px;color:var(--color-text-muted)}.profil-title{margin:0;font-family:var(--font-heading);font-weight:700;font-size:30px;line-height:1.15;color:var(--color-heading)}.profil-sub{margin:6px 0 0;font-size:15px;color:var(--color-text-muted);max-width:62ch;line-height:1.55}.profil-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.profil-cols__main{flex:3 1 480px;min-width:0;display:flex;flex-direction:column;gap:22px}.profil-cols__side{flex:2 1 340px;min-width:0;display:flex;flex-direction:column;gap:22px}.profil-box .profile-card{border:none;box-shadow:none;padding:0;margin:0;background:transparent}@media (max-width:900px){.profil-layout{gap:16px}.profil-side{flex:1 1 100%;position:static;gap:10px}.profil-card{flex-direction:row;text-align:left;align-items:center;padding:12px 14px}.profil-card__text{align-items:flex-start}.profil-avatar{width:48px;height:48px;font-size:18px}.profil-nav{flex-direction:row;overflow-x:auto;gap:4px;padding:4px;background:#F0E6D6;border-radius:14px}.profil-nav__item{flex:1 0 auto;justify-content:center;min-height:44px;padding:0 12px;font-size:14px}.profil-nav__item svg{display:none}.profil-nav__item.is-on{background:var(--color-surface)}.profil-hello h1,.profil-title{font-size:26px}}