:root{--alf-app-blue:#0081fb;--alf-app-ink:#192332;--alf-app-muted:#64748b;--alf-app-line:#e3eaf3}
.alf-app-permission [hidden]{display:none!important}.alf-app-permission-status:empty{display:none}
.alf-installed{scroll-padding-bottom:100px;accent-color:var(--alf-app-blue)}
.alf-installed body{padding-bottom:calc(82px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
.alf-installed .header{padding-top:env(safe-area-inset-top);background:#fff}
.alf-installed .header .desktop-nav,.alf-installed .header .mobile-toggle,.alf-installed .header #mobile-nav,.alf-installed .footer,.alf-installed .admin-footer{display:none!important}
.alf-installed .header .navigation{min-height:64px;padding-top:8px;padding-bottom:8px}
.alf-installed .header .brand img{max-width:130px;height:auto}
.alf-installed input,.alf-installed textarea,.alf-installed select{font-size:16px!important}
.alf-installed body.message-app{padding-top:env(safe-area-inset-top)}.alf-installed .message-app .messenger{height:calc(var(--app-height,100dvh) - 90px - env(safe-area-inset-bottom) - env(safe-area-inset-top))!important}.alf-keyboard-open .message-app .messenger{height:calc(var(--app-height,100dvh) - 16px - env(safe-area-inset-top))!important}.alf-keyboard-open body{padding-bottom:0!important}.alf-installed .alf-app-header{padding-top:calc(12px + env(safe-area-inset-top));height:calc(74px + env(safe-area-inset-top))}
#alf-app-nav{position:fixed;z-index:1100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid var(--alf-app-line);box-shadow:0 -4px 24px #172b4d06;font:500 11px/1.4 'DM Sans',Arial,sans-serif}
#alf-app-nav a,#alf-app-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:#64748b;text-decoration:none;border:0;border-radius:12px;background:transparent;cursor:pointer;font:inherit}
#alf-app-nav svg{width:23px;height:23px;pointer-events:none}#alf-app-nav [aria-current]{color:#0081fb;background:#eef6ff}#alf-app-nav b{position:absolute;top:0;left:calc(50% + 6px);min-width:17px;padding:1px 4px;border-radius:20px;background:#0081fb;color:#fff;font-size:10px}
.alf-app-permission{box-sizing:border-box;width:min(420px,calc(100% - 32px));padding:28px;border:1px solid #dfe8f4;border-radius:24px;box-shadow:0 24px 90px #12243c2b;text-align:center;color:#192332;font:400 16px/1.6 'DM Sans',Arial,sans-serif}.alf-app-permission::backdrop{background:#10223b70;backdrop-filter:blur(3px)}
.alf-app-permission-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;background:#edf6ff;color:#0081fb;border-radius:20px}.alf-app-permission-icon svg{width:30px;height:30px}.alf-app-permission h2{font-size:25px;line-height:1.25;margin:0 0 12px}.alf-app-permission p{margin:0 0 20px;color:#64748b}.alf-app-permission .alf-app-permission-status{font-size:14px;color:#344b66}.alf-app-permission small{display:block;margin-top:12px;font-size:12px;color:#64748b}
.alf-app-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 18px;border:0;border-radius:12px;background:#0081fb;color:#fff;font:600 15px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;text-decoration:none}.alf-app-primary:disabled{opacity:.65;cursor:wait}.alf-app-permission .alf-app-primary{width:100%}.alf-app-alert-settings{display:block;color:#0070dc;font-size:14px;margin-top:12px}.alf-app-later{margin-top:10px;padding:10px 16px;background:none;border:0;color:#50627b;font:500 14px 'DM Sans',Arial,sans-serif;cursor:pointer}
#alf-app-connection,#alf-app-update{position:fixed;z-index:1200;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));padding:12px 16px;border:1px solid #dbe7f6;border-radius:14px;background:#fff;color:#243b56;box-shadow:0 8px 32px #16283d20;font:500 14px/1.5 'DM Sans',Arial,sans-serif}.alf-installed #alf-app-connection,.alf-installed #alf-app-update{bottom:calc(90px + env(safe-area-inset-bottom))}#alf-app-update{display:flex;align-items:center;justify-content:space-between;gap:12px}#alf-app-update button{padding:9px 12px;border:0;border-radius:8px;color:#fff;background:#0081fb;cursor:pointer}#alf-app-update[hidden],#alf-app-connection[hidden]{display:none!important}.alf-keyboard-open #alf-app-nav{visibility:hidden}
.alf-app-page{margin:0;background:#f5f8fc;color:#192332;font:400 16px/1.6 'DM Sans',Arial,sans-serif}.alf-app-page *{box-sizing:border-box}.alf-app-header{height:74px;display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:auto;padding:12px 24px}.alf-app-header img{width:135px;height:auto}.alf-app-header [data-account-trigger]{width:40px;height:40px;border:0;border-radius:50%;background:#0081fb;color:white;font-weight:700;overflow:hidden}.alf-app-header [data-account-trigger] img{width:100%;height:100%;object-fit:cover}
.alf-app-home{max-width:1040px;margin:auto;padding:24px 24px 48px}.alf-app-greeting{margin-bottom:28px}.alf-app-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.1px;color:#0081fb;text-transform:uppercase}.alf-app-greeting h1{margin:8px 0;font-size:32px;line-height:1.2;letter-spacing:-.8px}.alf-app-greeting p{margin:0;color:#64748b}.alf-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.alf-app-tile{display:flex;align-items:center;gap:16px;padding:22px;background:white;border:1px solid #e3eaf3;border-radius:18px;text-decoration:none;color:#192332}.alf-app-tile svg{width:26px;height:26px;color:#0081fb;flex:none}.alf-app-tile strong{font-size:24px;display:block;line-height:1.25}.alf-app-tile span{display:block;font-size:14px;color:#64748b;margin-top:4px}
.alf-app-section{padding:24px;margin-bottom:20px;background:#fff;border:1px solid #e3eaf3;border-radius:20px}.alf-app-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.alf-app-section h2{font-size:20px;margin:0;line-height:1.3}.alf-app-section-head>a{font-size:14px;text-decoration:none;color:#0070dc}.alf-app-order{display:flex;gap:14px;padding:18px 0;color:#192332;text-decoration:none;border-top:1px solid #edf1f7;align-items:center}.alf-app-order:first-child{border:0}.alf-app-order>span:first-child{display:grid;place-items:center;width:52px;height:52px;background:#eef6ff;border-radius:14px;color:#0081fb;flex:none}.alf-app-order svg{width:24px;height:24px}.alf-app-order strong{display:block;font-size:16px}.alf-app-order small{display:block;color:#64748b;font-size:13px}.alf-app-status{display:inline-block;margin-top:5px;padding:3px 8px;border-radius:6px;background:#edf6ff;color:#0070dc;font-size:12px}.alf-app-note{color:#64748b;font-size:14px}.alf-app-callout{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(120deg,#edf7ff,#f4f1ff)}.alf-app-callout p{font-size:14px;color:#64748b;margin:8px 0 0}.alf-app-callout button{flex:none}.alf-app-empty{padding:16px 0;color:#64748b}.alf-app-section button:focus-visible,#alf-app-nav :focus-visible,.alf-app-permission :focus-visible{outline:3px solid #88c6ff;outline-offset:3px}
@media(min-width:900px){#alf-app-nav{left:50%;right:auto;transform:translateX(-50%);width:600px;border:1px solid #e3eaf3;border-bottom:0;border-radius:20px 20px 0 0}.alf-installed .header .navigation{max-width:1040px;margin:auto}}
@media(max-width:620px){.alf-app-home{padding:20px 16px 32px}.alf-app-header{padding:12px 18px}.alf-app-greeting h1{font-size:27px}.alf-app-grid{gap:10px}.alf-app-tile{padding:16px 10px;display:block}.alf-app-tile svg{width:22px;height:22px;margin-bottom:10px}.alf-app-tile strong{font-size:23px}.alf-app-tile span{font-size:12px}.alf-app-section{padding:20px 18px;border-radius:18px}.alf-app-callout{display:block}.alf-app-callout button{margin-top:16px;width:100%}.alf-app-permission{padding:24px}}
@media(max-width:740px){.alf-installed .message-app .bubble{font-size:16px;line-height:1.6}.alf-installed .message-app .compose-actions>.icon-button,.alf-installed .message-app .send-button{width:44px;min-width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.alf-app-page *,.alf-app-permission *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}