.b2c-permissions{width:min(1000px,calc(100vw - 24px));max-width:1000px!important;max-height:calc(100dvh - 24px);display:flex;flex-direction:column;background:#fff;color:#111612;border-radius:2px;border-top:5px solid #f4cd35;padding:22px;gap:16px;--foreground:#111612;--secondary-foreground:#111612;--background:#fff;--muted-foreground:#666d67}.permissions-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}.permissions-note{padding:12px;border-left:4px solid #f4cd35;background:#fff6c9;font-size:13px;line-height:1.7;margin:0 0 12px}.permissions-business-note,.permissions-notice{font-size:13px;line-height:1.6;margin:10px 0}.permissions-help{font-size:12px;color:#666d67;line-height:1.7;margin:8px 0 12px}.permissions-error{color:#8d291a;background:#fff0ec;padding:12px;font-size:13px;line-height:1.7;margin:10px 0}.permissions-error button{display:block;margin-top:8px}.permissions-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#f5f5f3;padding:16px;border:1px solid #deddd7}.permissions-channel{min-width:0;background:#fff;border:1px solid #d8d8d1;border-radius:12px;padding:16px}.permissions-channel header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.permissions-channel h3{font-size:17px;font-weight:700;line-height:1.5;margin:0}.permissions-countries{font-size:12px;color:#6f746e;white-space:normal;overflow-wrap:anywhere;margin-top:5px;line-height:1.6}.permissions-channel ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.permissions-member{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e4e2db;border-radius:8px;padding:10px;min-width:0}.permissions-member.is-pending{border-color:#d7b02a;background:#fffdf3}.permissions-member-name{display:grid;gap:8px;min-width:0;flex:1}.permissions-member small,.permissions-add small{color:#6f746e;font-size:12px;line-height:1.6}.b2c-permissions .permissions-name,.b2c-permissions .permissions-name-picker .rounded-full,.b2c-permissions .permissions-add .rounded-full{background:#fff!important;color:#111612!important;opacity:1!important;cursor:default;max-width:100%}.b2c-permissions .permissions-name span,.b2c-permissions .permissions-name-picker span,.b2c-permissions .permissions-add span{color:#111612}.b2c-permissions .permissions-name>span{max-width:none;white-space:normal;overflow-wrap:anywhere}.permissions-row-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;border-top:1px solid #e4e2db;padding-top:10px}.permissions-row-actions{display:flex;gap:4px;flex-wrap:wrap}.b2c-permissions [data-slot=select-trigger]{border:1px solid #b9bcb7;padding:8px;min-height:44px;background:#fff;color:#111612;border-radius:4px;max-width:100%}.b2c-permissions button{min-height:44px;white-space:normal}.b2c-permissions .permissions-member-name button,.b2c-permissions .permissions-add .rounded-full button{min-height:22px}.b2c-permissions .permissions-save{background:#f4cd35;color:#111612;border:1px solid #d7b02a}.permissions-add{display:grid;gap:10px;background:#faf9f5;padding:12px;margin-top:12px;border:1px solid #e4e2db;border-radius:8px;font-size:13px}.permissions-empty{font-size:13px;color:#6f746e;padding:24px 0 10px}.permissions-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.permissions-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;border-top:1px solid #c5c2b7;padding-top:12px;font-size:12px}.b2c-permissions-confirm{background:#fff;color:#111612}.permissions-feedback{flex-shrink:0;max-height:110px;overflow:auto}.permissions-feedback:empty{display:none}.permissions-feedback p{margin:0}.permissions-pending-list{list-style:none;padding:0;margin:0;max-height:35dvh;overflow:auto}.permissions-pending-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e4e2db}.b2c-permissions-confirm{max-height:calc(100dvh - 24px);overflow:auto}.b2c-permissions-confirm .permissions-name-picker .rounded-full{background:#fff!important;color:#111612!important}@media(max-width:700px){.b2c-permissions{padding:14px}.permissions-channel-grid{grid-template-columns:minmax(0,1fr);padding:10px;gap:12px}.permissions-channel{padding:12px}.permissions-footer{flex-wrap:wrap}.permissions-row-actions button{padding-left:10px;padding-right:10px}}.permissions-level-menu{background:#fff;color:#111612}.permissions-level-menu [data-slot=select-item]{min-height:44px}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--font-serif:var(--font-serif);--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl)}:root{--button-outline:#0000001a;--badge-outline:#0000000d;--opaque-button-border-intensity:-8;--elevate-1:#00000008;--elevate-2:#00000014;--background:#fff;--foreground:#1f2229;--card:#fff;--card-foreground:#1f2229;--popover:#fff;--popover-foreground:#1f2229;--primary:#2463eb;--primary-foreground:#f9fafb;--secondary:#f3f4f6;--secondary-foreground:#1f2229;--muted:#f3f4f6;--muted-foreground:#8f949e;--accent:#f3f4f6;--accent-foreground:#1f2229;--info:#2463eb;--info-foreground:#f5f7ff;--destructive:#ef524d;--destructive-foreground:#fff;--success:#31a545;--success-foreground:#f2fdf1;--warning:#ed6e0c;--warning-foreground:#fff6eb;--border:#dfe2e7;--input:#dfe2e7;--ring:#2463eb;--chart-1:#336aeb;--chart-2:#1bd0be;--chart-3:#ffc60a;--chart-4:#f0710a;--chart-5:#daa1e3;--sidebar:#f3f4f6;--sidebar-foreground:#1f2229;--sidebar-primary:#2463eb;--sidebar-primary-foreground:#f9fafb;--sidebar-accent:#e0eaff;--sidebar-accent-foreground:#2463eb;--sidebar-border:#dfe2e7;--sidebar-ring:#2463eb;--primary-border:hsl(from #2463eb h s calc(l + var(--opaque-button-border-intensity)));--secondary-border:hsl(from #f3f4f6 h s calc(l + var(--opaque-button-border-intensity)));--destructive-border:hsl(from #ef524d h s calc(l + var(--opaque-button-border-intensity)));--accent-border:hsl(from #f3f4f6 h s calc(l + var(--opaque-button-border-intensity)));--muted-border:hsl(from #f3f4f6 h s calc(l + var(--opaque-button-border-intensity)));--font-sans:"LarkHackSafariFont", "LarkEmojiFont", "LarkChineseQuote", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Tahoma", "PingFang SC", "Microsoft Yahei", "Arial", "Hiragino Sans GB", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:"Geist", "Geist Fallback", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:Source Code Pro, monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:2px;--shadow-blur:12px;--shadow-spread:0px;--shadow-opacity:.02;--shadow-color:#000;--shadow-2xs:0px 2px 12px 0px #00000003;--shadow-xs:0px 2px 12px 0px #00000003;--shadow-sm:0px 2px 12px 0px #00000005, 0px 1px 2px -1px #00000005;--shadow:0px 2px 12px 0px #00000005, 0px 1px 2px -1px #00000005;--shadow-md:0px 2px 12px 0px #00000005, 0px 2px 4px -1px #00000005;--shadow-lg:0px 2px 12px 0px #00000005, 0px 4px 6px -1px #00000005;--shadow-xl:0px 2px 12px 0px #00000005, 0px 8px 10px -1px #00000005;--shadow-2xl:0px 2px 12px 0px #0000000d;--tracking-normal:0em;--spacing:.25rem}@layer utilities{input[type=search]::-webkit-search-cancel-button{display:none}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--muted-foreground);pointer-events:none}.toggle-elevate:before,.toggle-elevate-2:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0}.toggle-elevate.toggle-elevated:before{background-color:var(--elevate-2)}.border.toggle-elevate:before{inset:-1px}.hover-elevate:not(.no-default-hover-elevate),.active-elevate:not(.no-default-active-elevate),.hover-elevate-2:not(.no-default-hover-elevate),.active-elevate-2:not(.no-default-active-elevate){z-index:0;position:relative}.hover-elevate:not(.no-default-hover-elevate):after,.active-elevate:not(.no-default-active-elevate):after,.hover-elevate-2:not(.no-default-hover-elevate):after,.active-elevate-2:not(.no-default-active-elevate):after{content:"";pointer-events:none;border-radius:inherit;z-index:999;position:absolute;inset:0}.hover-elevate:hover:not(.no-default-hover-elevate):after,.active-elevate:active:not(.no-default-active-elevate):after{background-color:var(--elevate-1)}.hover-elevate-2:hover:not(.no-default-hover-elevate):after,.active-elevate-2:active:not(.no-default-active-elevate):after{background-color:var(--elevate-2)}.border.hover-elevate:not(.no-hover-interaction-elevate):after,.border.active-elevate:not(.no-active-interaction-elevate):after,.border.hover-elevate-2:not(.no-hover-interaction-elevate):after,.border.active-elevate-2:not(.no-active-interaction-elevate):after{inset:-1px}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.host-login{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center;background:#f5f7f6;color:#27332e;font-family:Inter,PingFang SC,sans-serif}.host-login a,.host-login button{display:inline-block;border:0;border-radius:10px;background:#245c45;color:#fff;padding:12px 24px;text-decoration:none;cursor:pointer}.host-expired{position:fixed;z-index:99999;left:0;right:0;bottom:0;display:flex;gap:16px;align-items:center;justify-content:center;padding:16px;background:#fff7e8;border-top:1px solid #f0c36d}.host-expired a,.host-expired button{color:#245c45}