@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";:root{--surface:#f8faff;--surface-card:#fff;--surface-low:#eef3ff;--surface-high:#dfe8ff;--surface-variant:#dde4f6;--outline:#6d7893;--outline-variant:#bfcae7;--text:#151823;--muted:#3f485f;--muted-soft:#69738b;--primary:#2857c8;--primary-container:#d7e2ff;--primary-soft:#eaf0ff;--primary-ink:#14388f;--brand-blue:#2857c8;--shadow:0 2px 8px rgba(0,0,0,.04);--shadow-strong:0 8px 24px rgba(21,24,35,.08);color-scheme:light}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--surface);color:var(--text);font-family:Work Sans,Arial,sans-serif}body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh}.desktop-nav{display:none}.desktop-logout-button,.mobile-logout-button{align-items:center;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:999px;color:var(--primary);display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.desktop-logout-button:hover,.mobile-logout-button:hover{background:var(--primary-soft);border-color:var(--primary-container)}.desktop-logout-button:active,.mobile-logout-button:active{transform:scale(.97)}.mobile-logout-button{font-size:14px;padding:0 14px}.mobile-topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafff0;display:flex;justify-content:space-between;min-height:84px;padding:20px 26px 14px;position:sticky;top:0;z-index:30}.brand{align-items:center;color:var(--text);display:inline-flex;font-size:26px;font-weight:700;gap:12px;letter-spacing:0}.brand-logo{border-radius:7px;box-shadow:0 4px 12px #2857c82e;display:block;flex:none;height:96px;width:96px}.icon-button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--primary);display:inline-flex;height:44px;justify-content:center;transition:background .16s ease,color .16s ease,transform .16s ease;width:44px}.icon-button:hover{background:var(--surface-low)}.icon-button:active{transform:scale(.96)}.app-main{min-height:calc(100dvh - 84px);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page{margin:0 auto;padding:32px 26px;width:min(100%,860px)}.page-narrow{width:min(100%,650px)}.page-title{color:var(--text);font-size:clamp(34px,8vw,56px);font-weight:700;letter-spacing:0;line-height:1.04;margin:0}.page-subtitle{color:var(--muted);font-size:20px;line-height:1.55;margin:14px 0 0;max-width:620px}.section-title{color:var(--text);font-size:24px;font-weight:700;line-height:1.3;margin:0 0 14px}.text-muted{color:var(--muted)}.search-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 64px;margin-top:34px}.search-field{position:relative}.search-field svg{color:var(--muted);left:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:10px;color:var(--text);font-size:18px;min-height:62px;outline:none;padding:0 18px 0 58px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.search-input::-moz-placeholder{color:#777a7f}.search-input::placeholder{color:#777a7f}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2857c829}.filter-button{align-items:center;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:10px;color:var(--text);display:inline-flex;justify-content:center}.chip-row{display:flex;gap:10px;margin:32px -26px 0;overflow-x:auto;padding:0 26px 4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:999px;color:var(--text);font-size:15px;font-weight:500;min-height:40px;padding:0 22px;transition:background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}.chip:hover{background:var(--surface-low)}.chip.is-active{background:var(--primary-container);border-color:var(--primary-container);color:var(--primary-ink);font-weight:700}.list-meta{align-items:center;color:var(--muted);display:flex;font-size:17px;gap:16px;justify-content:space-between;margin:28px 0}.attendee-card,.attendee-list{display:grid;gap:22px}.attendee-card{align-items:start;background:var(--surface-card);border:1px solid var(--surface-variant);border-radius:16px;box-shadow:var(--shadow);grid-template-columns:104px minmax(0,1fr) 42px;padding:20px 18px 20px 22px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.attendee-card:hover{border-color:var(--outline-variant);box-shadow:var(--shadow-strong);transform:translateY(-1px)}.attendee-card.is-compact{grid-template-columns:84px minmax(0,1fr) 42px}.avatar{background:var(--surface-high);border:1px solid rgba(40,87,200,.14);border-radius:10px;height:104px;-o-object-fit:cover;object-fit:cover;width:104px}.is-compact .avatar{border-radius:999px;height:84px;width:84px}.card-link{display:block;min-width:0}.identity-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.attendee-name{color:var(--text);font-size:24px;font-weight:700;line-height:1.22;margin:0}.role-badge{align-items:center;background:var(--primary-soft);border-radius:7px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;min-height:28px;padding:0 12px;text-transform:uppercase}.attendee-role{color:var(--text);font-size:19px;line-height:1.35;margin:12px 0 2px}.attendee-location{color:var(--muted-soft);font-size:15px;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag{align-items:center;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:7px;color:var(--text);display:inline-flex;font-size:15px;font-weight:500;min-height:32px;padding:0 14px}.tag.is-muted{background:var(--surface-low);border-color:var(--surface-variant)}.save-button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--primary);display:inline-flex;height:42px;justify-content:center;width:42px}.save-button:hover{background:var(--surface-low)}.empty-state{background:var(--surface-card);border:1px dashed var(--outline-variant);border-radius:16px;color:var(--muted);display:grid;min-height:380px;padding:48px 24px;place-items:center;text-align:center}.profile-header{align-items:center;display:grid;gap:24px;grid-template-columns:124px minmax(0,1fr)}.profile-avatar{background:var(--surface-high);border:1px solid rgba(40,87,200,.14);border-radius:14px;box-shadow:var(--shadow);height:124px;-o-object-fit:cover;object-fit:cover;width:124px}.profile-title{font-size:clamp(34px,8vw,48px);font-weight:700;line-height:1.08;margin:0 0 10px}.profile-meta{color:var(--muted);font-size:18px;line-height:1.45;margin:10px 0 0}.profile-section{border-top:1px solid var(--surface-variant);margin-top:32px;padding-top:28px}.profile-section p{color:var(--muted);font-size:21px;line-height:1.62;margin:0}.action-stack{display:grid;gap:16px}.contact-button,.wide-action{align-items:center;background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:14px;box-shadow:var(--shadow);color:var(--text);display:flex;font-size:21px;font-weight:600;gap:20px;min-height:76px;padding:0 24px;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease;width:100%}.contact-button:hover,.wide-action:hover{background:var(--surface-low);border-color:var(--primary-container);color:var(--primary)}.profile-hero{align-items:center;display:flex;flex-direction:column;padding-top:28px;text-align:center}.my-avatar-wrap{margin-bottom:22px;position:relative}.my-avatar{border:5px solid var(--surface-card);border-radius:999px;height:128px;-o-object-fit:cover;object-fit:cover;width:128px}.camera-dot,.my-avatar{box-shadow:var(--shadow-strong)}.camera-dot{background:var(--primary);border:3px solid var(--surface-card);border-radius:999px;bottom:8px;color:#fff;display:grid;height:48px;place-items:center;position:absolute;right:0;width:48px}.qr-card{background:var(--surface-card);border:1px solid rgba(40,87,200,.18);border-radius:18px;box-shadow:var(--shadow);margin-top:46px;padding:44px 32px;text-align:center;width:100%}.qr-card h2{font-size:30px;line-height:1.24;margin:0 0 12px}.qr-card p{color:var(--muted);font-size:22px;line-height:1.4;margin:0 0 34px}.profile-form-card{margin-top:0;text-align:left}.profile-form-card .section-title{margin-bottom:10px}.form-intro{font-size:18px!important;margin-bottom:24px!important}.profile-form{display:grid;gap:18px}.form-field{color:var(--text);display:grid;font-size:15px;font-weight:700;gap:8px}.form-field input,.form-field select,.form-field textarea{background:var(--surface-card);border:1px solid var(--outline-variant);border-radius:10px;color:var(--text);font-size:17px;font-weight:400;line-height:1.35;min-height:54px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2857c829}.form-grid-title{color:var(--text);font-size:18px;font-weight:700;margin-top:8px}.form-alert,.form-error{background:var(--primary-soft);border:1px solid var(--outline-variant);border-radius:10px;color:var(--primary-ink);font-size:15px;font-weight:600;margin:0 0 18px;padding:12px 14px}.form-error{background:#fff3f1;border-color:#ffdad6;color:#93000a;margin:0}.qr-box{aspect-ratio:1;background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px #2857c814,0 8px 28px #1518230f;display:grid;margin:0 auto 38px;padding:24px;place-items:center;position:relative;width:min(100%,260px)}.qr-box img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.qr-logo{background:#fff;border:1px solid rgba(40,87,200,.16);border-radius:10px;color:var(--primary);display:grid;height:58px;place-items:center;position:absolute;width:58px}.qr-logo img{border-radius:8px;height:42px;width:42px}.info-grid{display:grid;gap:18px;margin-top:34px}.info-card{background:var(--surface-card);border:1px solid var(--surface-variant);border-radius:14px;box-shadow:var(--shadow);padding:24px}.info-card h2{align-items:center;display:flex;font-size:22px;gap:12px;line-height:1.25;margin:0 0 10px}.info-card li,.info-card p{color:var(--muted);font-size:17px;line-height:1.55}.info-card ul{margin:14px 0 0;padding-left:22px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafff5;border-top:1px solid rgba(191,202,231,.82);bottom:0;box-shadow:0 -2px 12px #0000000a;display:grid;gap:2px;grid-template-columns:repeat(4,minmax(0,1fr));left:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:40}.mobile-nav-item{align-items:center;border-radius:10px;color:#5f5e5e;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px;justify-content:center;min-height:62px}.mobile-nav-item.is-active{color:var(--primary);font-weight:700}.desktop-detail{display:none}@media(max-width:580px){.brand{font-size:24px}.page{padding-inline:26px}.attendee-card,.attendee-card.is-compact{gap:18px;grid-template-columns:104px minmax(0,1fr) 34px;padding:20px 10px 20px 22px}.attendee-card.is-compact{grid-template-columns:92px minmax(0,1fr) 34px}.is-compact .avatar{height:84px;width:84px}.attendee-name{font-size:22px}.attendee-role{font-size:17px}.profile-header{gap:22px;grid-template-columns:124px minmax(0,1fr)}.profile-section p{font-size:20px}}@media(max-width:430px){.chip-row,.mobile-topbar,.page{padding-inline:18px}.chip-row{margin-inline:-18px}.attendee-card,.attendee-card.is-compact{gap:14px;grid-template-columns:78px minmax(0,1fr) 34px;padding:18px 8px 18px 18px}.avatar,.is-compact .avatar{border-radius:10px;height:78px;width:78px}.attendee-name{font-size:20px}.role-badge{font-size:10px;min-height:24px;padding-inline:9px}.tag{min-height:30px;padding-inline:12px}.profile-header{gap:18px;grid-template-columns:104px minmax(0,1fr)}.profile-avatar{height:104px;width:104px}.contact-button,.wide-action{font-size:19px;min-height:72px;padding-inline:20px}}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr)}.desktop-nav{background:var(--surface);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;height:100dvh;padding:28px 18px;position:sticky;top:0}.desktop-logout-button{font-size:16px;margin:auto 8px 0;padding:0 16px;width:calc(100% - 16px)}.desktop-nav .brand{align-items:center;color:var(--primary);display:flex;font-size:24px;justify-content:center;margin:0 8px 32px;width:100%}.desktop-nav-list{display:grid;gap:6px}.desktop-nav-item{align-items:center;border-radius:10px;color:var(--muted);display:flex;font-size:17px;font-weight:500;gap:14px;min-height:52px;padding:0 16px;transition:background .16s ease,color .16s ease}.desktop-nav-item:hover{background:var(--surface-high)}.desktop-nav-item.is-active{background:var(--primary-container);color:var(--primary-ink);font-weight:700}.mobile-bottom-nav,.mobile-topbar{display:none}.app-main{min-height:100dvh;padding-bottom:0}.page{padding:48px 40px}.page-title{font-size:44px}.saved-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(320px,1fr);min-height:100dvh}.saved-primary{background:var(--surface);border-right:1px solid var(--outline-variant)}.desktop-detail{background:var(--surface-card);display:grid;height:100dvh;padding:48px;place-items:center;position:sticky;top:0}.desktop-detail-card{color:var(--muted);max-width:440px;text-align:center}.desktop-detail-card svg{color:var(--outline);margin-bottom:18px}}