:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#5b50b3;--primary-hover:#433799;--secondary:#705d00;--secondary-soft:#ffe170;--secondary-strong:#fdd400;--tertiary:#446900;--success:#00a572;--error:#ba1a1a;--error-soft:#ffdad6;--background:#fcf8ff;--surface:#fcf8ff;--surface-lowest:#fff;--surface-low:#f6f2fb;--surface-container:#f1ecf5;--surface-high:#ebe6f0;--surface-highest:#e5e1ea;--outline:#787583;--outline-variant:#c9c4d4;--on-primary:#fff;--on-background:#1c1b21;--on-surface:#1c1b21;--on-muted:#474552;--inverse-surface:#312f36;--primary-container:#a297ff;--brand-lime:#b2f746;--brand-lavender:#e4dfff;--shadow-sm:4px 4px 0 0 #1c1b21;--shadow-md:8px 8px 0 0 #1c1b21;--shadow-hover:2px 2px 0 0 #1c1b21;--radius-sm:0;--radius-md:0;--radius-lg:0;--border-strong:2px solid var(--on-surface);--container-max:1280px;--margin-mobile:16px;--margin-desktop:48px;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background-color:var(--background);min-height:100vh;color:var(--on-background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(#d8d2df 1.35px,#0000 1.35px);background-size:18px 18px;margin:0;font-size:16px;line-height:24px}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.icon{flex:none;width:20px;height:20px;display:inline-block}.app-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.top-nav{width:100%;padding:16px var(--margin-mobile);z-index:20;border-bottom:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.top-nav.absolute{position:absolute;top:0;left:0}.brand-lockup{color:var(--on-surface);align-items:center;gap:10px;font-size:24px;font-weight:900;line-height:32px;display:inline-flex}.brand-lockup .icon{color:var(--secondary);width:25px;height:25px}.nav-links{color:var(--on-muted);align-items:center;gap:18px;display:flex}.language-switch{border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-hover);border-radius:0;flex:none;align-items:center;display:inline-flex;overflow:hidden}.language-switch button{min-width:38px;height:34px;color:var(--on-muted);cursor:pointer;letter-spacing:.05em;background:0 0;padding:0 10px;font-size:12px;font-weight:700;line-height:16px;transition:background .16s,color .16s}.language-switch button+button{border-left:var(--border-strong)}.language-switch button.active{color:var(--on-surface);background:var(--primary-container);font-weight:900}.nav-link{text-transform:uppercase;border:2px solid #0000;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:14px;font-weight:800;transition:color .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.nav-link:hover{border-color:var(--on-surface);background:var(--brand-lavender);color:var(--primary);box-shadow:var(--shadow-hover)}.dashboard-nav-link{border-color:var(--on-surface);background:var(--secondary-strong);color:var(--on-surface);box-shadow:var(--shadow-hover)}.dashboard-nav-link:hover{background:var(--brand-lime);color:var(--on-surface)}.app-footer{width:min(calc(100% - 32px), var(--container-max));background:var(--surface-lowest);border:var(--border-strong);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:auto auto 16px;padding:18px 22px;display:flex}.footer-brand,.label-caps{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:800;line-height:20px}.footer-text,.muted-text{color:var(--on-muted)}.footer-links{color:var(--on-muted);align-items:center;gap:20px;display:flex}.footer-links a:hover{color:var(--secondary);text-decoration:underline}.landing-admin-bottom-bar,.landing-admin-bottom-spacer,.admin-bottom-bar,.admin-bottom-spacer{display:none}.access-canvas{width:100%;max-width:var(--container-max);min-height:min(760px,100vh - 104px);padding:96px var(--margin-mobile) 40px;flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:24px;margin:0 auto;display:grid}.access-canvas.single-card{max-width:none;min-height:auto;padding:32px var(--margin-mobile);grid-template-columns:minmax(0,1fr);place-items:center}.access-canvas.single-card .auth-section{grid-area:1/1;width:100%;padding:0}.hero-section{grid-area:1/1;align-items:center;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-section:before{content:none}.hero-content{z-index:1;max-width:590px;position:relative}.status-chip{border:var(--border-strong);background:var(--secondary-soft);min-height:30px;color:var(--on-surface);box-shadow:var(--shadow-hover);border-radius:0;align-items:center;gap:9px;padding:0 12px;display:inline-flex}.status-dot{border:1px solid var(--on-surface);background:var(--brand-lime);border-radius:0;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.hero-title{color:var(--on-surface);letter-spacing:0;text-transform:uppercase;margin:28px 0 18px;font-size:clamp(42px,6vw,72px);font-weight:900;line-height:.98}.hero-copy{max-width:550px;color:var(--on-surface);margin:0;font-size:18px;font-weight:700;line-height:28px}.landing-feature-section{grid-area:2/1}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature-card,.surface-card,.message-card{background:var(--surface-lowest);border:var(--border-strong);box-shadow:var(--shadow-sm);border-radius:0}.feature-card{padding:22px;transition:transform .18s,box-shadow .18s}.feature-card:hover{box-shadow:var(--shadow-hover);background:var(--brand-lavender);transform:translate(2px,2px)}.icon-box{background:var(--surface);width:40px;height:40px;color:var(--secondary);border:var(--border-strong);box-shadow:var(--shadow-hover);border-radius:0;place-items:center;margin-bottom:16px;display:grid}.feature-card h3,.section-title,.card-title{color:var(--on-surface);margin:0;font-size:20px;font-weight:900;line-height:28px}.feature-card p,.card-subtitle{color:var(--on-surface);margin:8px 0 0;font-weight:650}.auth-section{z-index:1;grid-area:1/2/span 2;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.auth-card{border:var(--border-strong);background:var(--surface-lowest);width:100%;max-width:448px;box-shadow:var(--shadow-md);overflow:hidden}.security-banner{min-height:40px;color:var(--on-surface);background:var(--secondary-strong);border-bottom:var(--border-strong);align-items:center;gap:8px;padding:0 24px;display:flex}.security-banner .icon{color:var(--secondary)}.auth-card-body{background:var(--background);padding:32px}.center-copy{text-align:center;margin-bottom:28px}.center-copy h2{color:var(--primary);margin:0 0 8px;font-size:24px;font-weight:900;line-height:32px}.center-copy p{color:var(--on-surface);margin:0;font-weight:650}.landing-auth-copy{border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);margin-bottom:26px;padding:16px}.landing-auth-copy h2{color:var(--on-surface)}.access-canvas .auth-card .button.full{background:var(--primary-container);min-height:56px;font-weight:900}.access-canvas .auth-card .button.full:hover{background:var(--brand-lavender)}.access-canvas .auth-card .form-stack{gap:24px}.recovery-row{text-align:center;margin-top:28px}.recovery-link{color:var(--on-surface);border-bottom:var(--border-strong);text-align:center;font-weight:900;display:inline-block}.recovery-link:hover{color:var(--primary)}.form-stack{gap:18px;display:grid}.field{gap:8px;display:grid}.field-label{color:var(--on-muted)}.input-wrap{position:relative}.input-icon{color:var(--outline);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-input{border:var(--border-strong);border-radius:var(--radius-md);background:var(--surface-lowest);width:100%;height:48px;color:var(--on-surface);box-shadow:var(--shadow-sm);outline:none;padding:0 12px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s}.field-input.with-icon{padding-left:40px}.field-input.with-action{padding-right:44px}.field-input.mono{font-family:var(--font-mono);letter-spacing:.05em;font-size:13px;line-height:18px}.field-input::placeholder{color:var(--outline)}.field-input:focus{border-color:var(--on-surface);box-shadow:none;transform:translate(2px,2px)}.input-action{width:44px;height:48px;color:var(--outline);cursor:pointer;background:0 0;place-items:center;display:grid;position:absolute;top:0;right:0}.input-action:hover{color:var(--primary)}.button{border-radius:var(--radius-md);min-height:48px;color:var(--on-surface);background:var(--secondary-strong);border:var(--border-strong);box-shadow:var(--shadow-sm);cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:800;transition:background .16s,opacity .16s,transform .16s,box-shadow .16s;display:inline-flex}.button:hover{background:var(--secondary-soft);box-shadow:var(--shadow-hover)}.button:active{box-shadow:none;transform:translate(4px,4px)}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}.button.secondary{color:var(--on-surface);background:var(--surface);border:var(--border-strong)}.button.secondary:hover{background:var(--brand-lavender)}.button.full{width:100%}.toggle-line{color:var(--on-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.toggle-line input{width:16px;height:16px;accent-color:var(--secondary)}.workspace{width:100%;max-width:var(--container-max);padding:24px var(--margin-mobile) 48px;grid-template-columns:380px minmax(0,1fr);gap:24px;margin:0 auto;display:grid}.workspace-sidebar{align-self:start;position:sticky;top:24px}.surface-card{padding:24px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-header h2{color:var(--primary);margin:0;font-size:24px;font-weight:700;line-height:32px}.panel-header p{color:var(--on-muted);margin:4px 0 0}.badge{min-height:28px;color:var(--tertiary);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#dff7ee;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.badge.neutral{color:var(--on-muted);background:var(--surface-container)}.badge.danger{color:var(--error);background:var(--error-soft)}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-box{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:var(--surface-lowest);padding:14px}.stat-box span{color:var(--on-muted);display:block}.stat-box strong{color:var(--primary);margin-top:4px;font-size:20px;line-height:28px;display:block}.otp-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--secondary-soft), var(--surface-lowest));border:1px solid #0040e03d;margin-bottom:18px;padding:22px}.otp-label{color:var(--on-muted);margin:0 0 8px}.otp-code{color:var(--primary);font-family:var(--font-mono);letter-spacing:.1em;margin:0;font-size:36px;font-weight:700;line-height:44px}.otp-meta{color:var(--on-muted);margin:8px 0 0}.message-list{gap:12px;display:grid}.message-card{padding:16px}.message-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.message-subject{color:var(--primary);margin:0;font-size:16px;font-weight:700;line-height:24px}.message-time{color:var(--on-muted);flex:none;font-size:12px}.message-meta,.message-snippet{color:var(--on-muted);overflow-wrap:anywhere;margin:8px 0 0}.message-meta{font-family:var(--font-mono);font-size:13px;line-height:18px}.empty-state{text-align:center;color:var(--on-muted);border:1px dashed var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-lowest);padding:42px 18px}.toast-stack{z-index:80;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;top:18px;right:18px}.toast{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:var(--surface-lowest);box-shadow:var(--shadow-md);align-items:flex-start;gap:10px;padding:14px;display:flex}.toast.success{border-color:#00a57259}.toast.error{border-color:#ba1a1a59}.toast .icon{color:var(--secondary)}.toast.error .icon{color:var(--error)}.toast-content strong{color:var(--primary);display:block}.toast-content span{color:var(--on-muted);margin-top:2px;display:block}.admin-grid{width:100%;max-width:var(--container-max);padding:24px var(--margin-mobile) 48px;grid-template-columns:420px minmax(0,1fr);gap:24px;margin:0 auto;display:grid}.admin-dashboard-shell{background:var(--background);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.admin-dashboard-shell.admin-sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.admin-sidebar{background:var(--surface-lowest);border-right:var(--border-strong);height:100vh;box-shadow:var(--shadow-sm);z-index:10;flex-direction:column;gap:8px;padding:16px;display:flex;position:sticky;top:0}.side-top{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 28px;display:flex}.admin-sidebar-toggle{border:var(--border-strong);background:var(--secondary-strong);width:40px;height:40px;color:var(--on-surface);box-shadow:var(--shadow-sm);cursor:pointer;flex:none;order:2;place-items:center;transition:transform .16s,box-shadow .16s,background .16s;display:inline-grid}.admin-sidebar-toggle:hover{background:var(--secondary-soft)}.admin-sidebar-toggle .icon{width:24px;height:24px}.admin-sidebar-toggle:active{box-shadow:none;transform:translate(4px,4px)}.admin-sidebar-collapsed .admin-sidebar{align-items:center;padding:14px 10px}.admin-sidebar-collapsed .side-top{justify-content:center;width:100%;padding:0 0 12px}.admin-sidebar-collapsed .side-menu,.admin-sidebar-collapsed .side-footer{width:100%}.admin-sidebar-collapsed .side-brand,.admin-sidebar-collapsed .side-brand-copy,.admin-sidebar-collapsed .side-item span{display:none}.admin-sidebar-collapsed .admin-sidebar-toggle{order:1}.admin-sidebar-collapsed .side-item{justify-content:center;min-height:50px;padding:0}.admin-sidebar-collapsed .side-footer .button{width:54px;min-height:50px;padding:0;font-size:0}.admin-sidebar-collapsed .side-footer .button .icon{width:20px;height:20px}.admin-main{min-width:0;height:100vh;padding:28px var(--margin-mobile) 48px;overflow-y:auto}.admin-page-header{width:100%;max-width:var(--container-max);justify-content:space-between;align-items:flex-start;gap:16px;margin:0 auto 20px;display:flex}.admin-page-header h1{color:var(--primary);margin:10px 0 4px;font-size:28px;line-height:36px}.admin-page-header p{color:var(--on-muted);margin:0}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.admin-stat-grid{width:100%;max-width:var(--container-max);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 20px;display:grid}.admin-stat-card{border:var(--border-strong);background:var(--surface-lowest);min-height:96px;box-shadow:var(--shadow-sm);border-radius:0;align-items:center;gap:14px;padding:18px;display:flex}.admin-stat-card p{color:var(--on-muted);margin:0 0 4px}.admin-stat-card strong{color:var(--primary);font-size:26px;line-height:32px}.admin-stat-skeleton{border-width:1px;width:72px;height:30px}.admin-workspace{width:100%;max-width:var(--container-max);grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;display:grid}.admin-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.access-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.access-toolbar h2{color:var(--primary);margin:0 0 6px;font-size:24px;line-height:32px}.access-toolbar p{margin:0}.access-form-card,.access-table-card{width:100%}.access-code-form{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.access-code-form .field{grid-column:span 6}.access-code-form .select-field,.access-code-form .field:nth-child(5){grid-column:1/-1}.select-field{gap:8px;display:grid}.select-field>span{color:var(--on-surface);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;line-height:16px;display:inline-flex}.select-field select{border:var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--on-surface);background:var(--surface-lowest);box-shadow:var(--shadow-sm);font:inherit;padding:0 14px;font-weight:800}.select-field small{color:var(--on-muted);font-size:12px;line-height:18px}.filter-editor-card,.filter-list-card{box-shadow:8px 8px 0 0 var(--on-surface)}.filter-page-workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);align-items:start;gap:24px;max-width:980px}.filter-side-panel{gap:18px;display:grid}.filter-card-title,.filter-panel-header h2{color:var(--on-surface);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 22px;font-size:20px;font-weight:900;line-height:28px;display:inline-flex}.filter-card-title .icon{color:var(--primary)}.filter-panel-header{align-items:center;margin-bottom:16px}.filter-form{grid-template-columns:1fr;gap:18px;display:grid}.filter-name-field{align-content:end;display:grid}.textarea-field{gap:8px;display:grid}.textarea-field>span{color:var(--on-surface);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;line-height:16px;display:inline-flex}.textarea-field textarea{resize:vertical;border:var(--border-strong);width:100%;min-height:82px;color:var(--on-surface);background:var(--surface-lowest);box-shadow:var(--shadow-sm);font:inherit;padding:12px 14px;font-weight:700}.textarea-field small{color:var(--on-muted);font-size:12px;line-height:18px}.filter-form .access-active-toggle,.filter-form .access-form-actions{grid-column:auto}.filter-form .access-form-actions{grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);justify-content:stretch;display:grid}.filter-form .access-form-actions .button{width:100%;min-width:0}.filter-grid{grid-template-columns:1fr;gap:14px;display:grid}.filter-card{border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);gap:12px;padding:18px;display:grid}.filter-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.filter-card h3{color:var(--on-surface);margin:0;font-size:20px;line-height:28px}.filter-tip-card{border:var(--border-strong);background:var(--secondary-strong);box-shadow:8px 8px 0 0 var(--on-surface);align-items:flex-start;gap:12px;padding:18px;display:flex;transform:rotate(1deg)}.filter-tip-card .icon{color:var(--on-surface);flex:none}.filter-tip-card h3{color:var(--on-surface);text-transform:uppercase;margin:0 0 4px;font-size:14px;font-weight:900;line-height:20px}.filter-tip-card p{color:var(--on-surface);margin:0;font-weight:800;line-height:20px}.filter-icon-button{border:var(--border-strong);background:var(--surface-lowest);width:40px;height:40px;color:var(--on-surface);cursor:pointer;place-items:center;display:inline-grid}.filter-icon-button:hover{background:var(--brand-lavender)}.filter-empty-state{border:2px dashed var(--outline-variant);text-align:center;align-content:center;place-items:center;gap:8px;min-height:242px;padding:24px;display:grid}.filter-empty-state .icon{width:32px;height:32px;color:var(--on-muted)}.filter-empty-state strong{color:var(--on-muted)}.filter-empty-state p{max-width:220px;color:var(--outline);margin:0;font-size:12px;font-style:italic;line-height:18px}.access-active-toggle,.access-form-actions{grid-column:1/-1}.access-created-code{border:var(--border-strong);background:var(--secondary-soft);box-shadow:var(--shadow-sm);margin-top:0;font-weight:900}.access-table-header{margin-bottom:16px}.access-table-controls{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(150px,1fr));align-items:end;gap:12px;margin-bottom:18px;display:grid}.access-search-field,.access-control-field{gap:8px;display:grid}.access-search-field span,.access-control-field span{color:var(--on-surface);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;line-height:16px;display:inline-flex}.access-search-field input,.access-control-field select{border:var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:46px;color:var(--on-surface);background:var(--surface-lowest);box-shadow:var(--shadow-sm);font:inherit;padding:0 12px;font-weight:800}.access-search-field input:focus,.access-control-field select:focus{background:var(--brand-lavender);outline:none}.access-table-wrap{overflow-x:auto}.access-code-table{border-collapse:collapse;text-align:left;width:100%;min-width:860px}.access-code-table th{border:var(--border-strong);background:var(--primary-container);color:var(--on-surface);letter-spacing:.05em;text-transform:uppercase;padding:14px;font-size:12px;font-weight:900;line-height:16px}.access-code-table td{border:var(--border-strong);background:var(--surface-lowest);color:var(--on-surface);vertical-align:top;padding:14px;font-size:14px;font-weight:700;line-height:20px}.access-code-table tbody tr:hover td{background:var(--brand-lavender)}.access-code-table td strong,.access-code-table td span{display:block}.access-code-table td strong{color:var(--primary);font-size:15px;font-weight:900;line-height:22px}.access-code-value{font-family:var(--font-mono);overflow-wrap:anywhere}.access-code-table td span{color:var(--on-muted);font-family:var(--font-mono);margin-top:4px;font-size:11px;line-height:16px}.access-email-list{overflow-wrap:anywhere;max-width:340px}.access-pagination{border-top:var(--border-strong);justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:18px;display:flex}.access-pagination>span{color:var(--on-muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:16px}.access-pagination-actions{flex-wrap:wrap;gap:10px;display:flex}.access-pagination-actions .button{min-height:42px}.access-skeleton-row td{height:62px}.access-skeleton-code,.access-skeleton-email{border-width:1px;width:min(100%,220px);height:20px}.access-skeleton-small{border-width:1px;width:90px;height:20px}.access-skeleton-badge{border-width:1px;width:72px;height:24px}.access-skeleton-action{border-width:1px;width:84px;height:38px}.admin-info-skeleton-label{border-width:1px;width:140px;height:18px}.admin-info-skeleton-value{border-width:1px;width:86px;height:18px}.admin-panel-grid{width:100%;max-width:var(--container-max);grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin:0 auto;display:grid}.settings-list{gap:10px;display:grid}.inline-badge-wrap{vertical-align:middle;margin-left:8px;display:inline-flex}.settings-form{gap:16px;display:grid}.setting-field{gap:6px;display:grid}.setting-help{color:var(--on-muted);margin:0;font-size:12px;line-height:18px}.settings-bento{width:100%;max-width:var(--container-max);margin:0 auto;display:block}.settings-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-tabs{flex-direction:column;gap:10px;display:flex;position:sticky;top:96px}.settings-tab{border:var(--border-strong);background:var(--surface-lowest);width:100%;min-height:58px;color:var(--on-surface);box-shadow:var(--shadow-sm);cursor:pointer;letter-spacing:0;justify-content:flex-start;align-items:center;gap:14px;padding:14px 16px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.settings-tab:hover,.settings-tab.active{background:var(--primary-container);color:var(--on-surface)}.settings-tab.active{box-shadow:none;transform:translate(4px,4px)}.settings-content{gap:24px;min-width:0;display:grid}.settings-content-header{border:var(--border-strong);background:var(--surface-lowest);box-shadow:8px 8px 0 0 var(--on-surface);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;display:flex}.settings-content-header h3{color:var(--on-surface);text-transform:uppercase;margin:4px 0;font-size:32px;font-weight:900;line-height:40px}.settings-content-header p{max-width:560px;color:var(--on-muted);margin:0;font-size:16px;font-weight:600;line-height:24px}.settings-tab-panel{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.settings-tab-panel>.settings-card-large:only-child{grid-column:1/-1}.settings-card{border-radius:var(--radius-sm);border:var(--border-strong);background:var(--surface-lowest);box-shadow:8px 8px 0 0 var(--on-surface);flex-direction:column;grid-column:span 4;gap:16px;padding:24px;display:flex}.settings-card-large{grid-column:span 8}.settings-card-wide{grid-column:span 6}.settings-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-card-header h3,.oauth-status-row h4{color:var(--on-surface);align-items:center;gap:8px;margin:0;font-size:24px;font-weight:900;line-height:32px;display:inline-flex}.settings-card-header .icon,.oauth-status-row .icon{color:var(--secondary)}.connected-account-box{border-radius:var(--radius-sm);border:var(--border-strong);background:var(--surface);box-shadow:2px 2px 0 0 var(--on-surface);align-items:center;gap:16px;padding:16px;display:flex}.connected-account-box strong{color:var(--primary);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:18px;display:block}.settings-card-divider{border-top:var(--border-strong);padding-top:18px}.oauth-status-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.oauth-status-row p{color:var(--on-muted);margin:4px 0 0}.settings-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-two-col.compact{grid-template-columns:1fr}.settings-wide-field{grid-column:1/-1}.quota-visual{border-radius:var(--radius-sm);border:var(--border-strong);background:var(--surface);box-shadow:2px 2px 0 0 var(--on-surface);gap:8px;padding:16px;display:grid}.quota-visual strong{color:var(--on-surface);font-size:40px;font-weight:900;line-height:48px}.quota-visual span{color:var(--on-muted);font-family:var(--font-mono);font-size:13px;line-height:18px}.quota-bar{border:var(--border-strong);background:var(--surface-low);height:40px;padding:4px;overflow:hidden}.quota-bar i{border-right:var(--border-strong);background:#79b500;min-width:6%;height:100%;display:block}.settings-accent-card{background:var(--brand-lime);justify-content:space-between}.settings-accent-card h3{color:var(--on-surface);margin:12px 0 8px;font-size:24px;font-weight:900;line-height:32px}.settings-accent-card p{color:var(--on-surface);margin:0;font-weight:600;line-height:24px}.settings-pill-row{flex-wrap:wrap;gap:8px;display:flex}.settings-pill-row span{border:var(--border-strong);background:var(--surface-lowest);color:var(--on-surface);text-transform:uppercase;padding:6px 12px;font-size:12px;font-weight:900;line-height:16px}.settings-tip-box{border:var(--border-strong);background:var(--secondary-strong);align-items:flex-start;gap:14px;padding:20px;display:flex}.settings-tip-box .icon{width:32px;height:32px;color:var(--on-surface);flex:none}.settings-tip-box strong{color:var(--on-surface);text-transform:uppercase;font-weight:900;display:block}.settings-tip-box p{color:var(--on-surface);margin:4px 0 0;font-weight:600;line-height:24px}.polling-options{gap:10px;display:grid}.polling-option{border-radius:var(--radius-sm);border:var(--border-strong);background:var(--surface-lowest);min-height:52px;color:var(--primary);box-shadow:3px 3px 0 0 var(--on-surface);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:transform .16s,box-shadow .16s,background .16s;display:flex}.polling-option.active{background:var(--primary-fixed);box-shadow:none;transform:translate(3px,3px)}.polling-option span{font-weight:700}.polling-option small{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;line-height:14px}.danger-card{border-top:8px solid var(--error)}.danger-card .settings-card-header .icon,.danger-card .settings-card-header h3{color:var(--error)}.danger-action{border-radius:var(--radius-sm);border:var(--border-strong);width:100%;min-height:42px;color:var(--on-surface);background:var(--error-soft);box-shadow:var(--shadow-sm);cursor:not-allowed;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.settings-row{border-bottom:var(--border-strong);color:var(--on-muted);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:0}.settings-row strong{color:var(--primary);text-align:right}.access-code-card{position:relative}.code-secret{border-radius:var(--radius-md);background:var(--surface-container);color:var(--primary);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:14px;padding:12px}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-shell{background:var(--background);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0416276b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:var(--surface-lowest);width:min(100%,460px);box-shadow:var(--shadow-md);padding:24px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.modal-header h2{color:var(--primary);margin:0 0 6px;font-size:24px;line-height:32px}.modal-header p{color:var(--on-muted);margin:0}.modal-close{width:36px;height:36px;color:var(--on-muted);background:var(--surface-low);cursor:pointer;border-radius:50%;place-items:center;display:grid}.modal-close:hover{color:var(--primary);background:var(--surface-container)}.dashboard-shell+.app-footer,.dashboard-shell~.app-footer{display:none}.side-nav{background:var(--surface-lowest);border-right:1px solid var(--outline-variant);z-index:10;flex-direction:column;gap:8px;height:100vh;padding:16px;display:flex;position:sticky;top:0}.side-brand{align-items:center;gap:12px;min-width:0;padding:0;display:flex}.side-logo{border:var(--border-strong);width:48px;height:48px;color:var(--on-surface);background:var(--primary-container);box-shadow:var(--shadow-sm);border-radius:0;place-items:center;font-size:20px;font-weight:900;display:grid}.side-brand h1{color:var(--on-surface);margin:0;font-size:24px;font-weight:900;line-height:32px}.side-brand p{color:var(--on-muted);margin:0}.side-menu{flex:1;align-content:start;gap:4px;display:grid}.side-footer{border-top:var(--border-strong);gap:10px;padding-top:16px;display:grid}.side-item{width:100%;min-height:42px;color:var(--on-surface);cursor:pointer;text-align:left;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:2px solid #0000;border-radius:0;align-items:center;gap:12px;padding:0 12px;font-size:12px;font-weight:700;line-height:16px;transition:background .16s,color .16s,box-shadow .16s,transform .16s;display:flex}.side-item:hover{border-color:var(--on-surface);background:var(--brand-lavender);box-shadow:var(--shadow-hover)}.side-item.active{border-color:var(--on-surface);color:var(--on-surface);background:var(--secondary-strong);box-shadow:var(--shadow-hover)}.side-item:active{box-shadow:none;transform:translate(2px,2px)}.dashboard-main{min-width:0;height:100vh;overflow-y:auto}.dashboard-mobile-nav{display:none}.dashboard-content{width:100%;max-width:var(--container-max);padding:32px var(--margin-mobile);margin:0 auto}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.dashboard-title{color:var(--on-surface);align-items:center;gap:12px;display:flex}.dashboard-title h2{color:var(--on-surface);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:32px;font-weight:900;line-height:40px}.dashboard-title h2 span{font-family:var(--font-mono);border:var(--border-strong);background:var(--primary-container);box-shadow:var(--shadow-hover);color:var(--on-surface);margin-left:8px;padding:4px 12px;font-size:20px;line-height:28px;display:inline-block}.dashboard-header p{color:var(--on-muted);border-left:3px solid var(--on-surface);margin:16px 0 0 4px;padding-left:12px;font-weight:700}.polling-pill{border:var(--border-strong);background:var(--surface-lowest);width:max-content;color:var(--on-surface);box-shadow:var(--shadow-sm);border-radius:0;align-items:center;gap:12px;padding:12px 20px;display:inline-flex}.polling-pill .status-dot{border:var(--border-strong);background:var(--brand-lime);width:16px;height:16px}.dashboard-otp-card{border:var(--border-strong);background:radial-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 1.6px, transparent 1.6px), var(--primary-container);box-shadow:var(--shadow-md);background-size:10px 10px;border-radius:0;justify-content:space-between;align-items:center;gap:32px;margin-bottom:0;padding:32px;display:flex;position:relative;overflow:hidden}.dashboard-otp-card h3{color:var(--on-surface);background:var(--secondary-soft);border:var(--border-strong);box-shadow:var(--shadow-hover);margin:0 0 18px;padding:4px 8px;display:inline-block}.dashboard-otp-code{border:var(--border-strong);background:var(--surface-lowest);color:var(--primary);font-family:var(--font-mono);letter-spacing:.1em;box-shadow:var(--shadow-sm);border-radius:0;padding:24px 32px;font-size:48px;font-weight:900;line-height:56px;display:inline-block}.email-table-card{border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);border-radius:0;overflow:hidden}.email-table-scroll{overflow-x:auto}.email-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.email-table th{color:var(--on-surface);background:var(--primary-container);border-right:var(--border-strong);border-bottom:var(--border-strong);letter-spacing:.05em;text-transform:uppercase;padding:20px;font-size:14px;font-weight:700;line-height:20px}.email-table td{border-right:var(--border-strong);border-bottom:var(--border-strong);vertical-align:middle;padding:20px}.email-table th:last-child,.email-table td:last-child{border-right:0}.email-table tbody tr{transition:background .16s}.email-table tbody tr:hover{background:var(--brand-lavender)}.email-table tbody tr:last-child td{border-bottom:0}.dimmed-row{opacity:1}.sender-cell{align-items:center;gap:12px;display:flex}.sender-cell span{max-width:240px;color:var(--on-surface);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:20px;overflow:hidden}.sender-avatar{border:var(--border-strong);background:var(--secondary-soft);width:40px;height:40px;color:var(--on-surface);box-shadow:var(--shadow-hover);border-radius:0;place-items:center;font-size:12px;font-weight:900;display:grid}.table-subject{max-width:340px;color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:900;line-height:26px;overflow:hidden}.table-snippet{max-width:340px;color:var(--on-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:14px;font-weight:700;overflow:hidden}.table-time{color:var(--on-surface);font-family:var(--font-mono);font-size:14px;font-weight:800;line-height:20px}.text-right{text-align:right}.table-action{width:40px;height:40px;color:var(--on-surface);background:var(--brand-lime);border:var(--border-strong);box-shadow:var(--shadow-hover);cursor:pointer;opacity:1;border-radius:0;place-items:center;transition:opacity .16s,background .16s;display:inline-grid}.email-table tr:hover .table-action{opacity:1}.table-action:hover{background:var(--secondary-soft)}.table-footer{border-top:var(--border-strong);background:var(--surface);justify-content:center;padding:24px;display:flex}.table-footer button{color:var(--on-surface);background:var(--primary-container);border:var(--border-strong);box-shadow:var(--shadow-sm);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;padding:12px 32px;font-size:14px;font-weight:700;line-height:20px}@media (min-width:860px){.top-nav,.app-footer,.hero-section,.auth-section,.workspace,.admin-grid,.admin-main{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}@media (max-width:1400px) and (min-width:961px){.access-table-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.access-search-field{grid-column:1/-1}.settings-workspace{grid-template-columns:240px minmax(0,1fr)}.settings-tab-panel{grid-template-columns:1fr}.settings-card,.settings-card-large,.settings-card-wide,.settings-tab-panel>.settings-card-large:only-child{grid-column:auto}}@media (max-width:960px){.access-canvas,.workspace,.admin-grid,.admin-workspace,.admin-panel-grid,.dashboard-shell,.admin-dashboard-shell{grid-template-columns:1fr}.side-nav,.admin-sidebar{display:none}.dashboard-main,.admin-main{height:auto;min-height:100vh;padding-bottom:136px}.dashboard-mobile-nav{z-index:20;padding:16px var(--margin-mobile);background:var(--surface);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-mobile-nav h1{color:var(--primary);margin:0;font-size:24px;line-height:32px}.dashboard-header,.dashboard-otp-card,.admin-page-header,.settings-hero{flex-direction:column;align-items:stretch}.admin-header-actions{justify-content:flex-start}.admin-stat-grid,.settings-bento{grid-template-columns:1fr}.access-table-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.access-search-field{grid-column:1/-1}.settings-workspace,.settings-tab-panel{grid-template-columns:1fr}.settings-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex-direction:row;gap:8px;margin:0 -16px;padding:0 16px 8px;display:flex;position:static;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{width:auto;min-width:132px;min-height:46px;box-shadow:3px 3px 0 0 var(--on-surface);white-space:nowrap;flex:none;justify-content:center;padding:10px 12px}.settings-tab.active{box-shadow:3px 3px 0 0 var(--on-surface);transform:none}.settings-content-header{box-shadow:var(--shadow-sm);flex-direction:column;padding:18px}.settings-content-header .form-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.settings-content-header .button{width:100%;min-height:44px;padding:0 12px}.settings-content-header h3{font-size:28px;line-height:34px}.settings-card,.settings-card-large,.settings-card-wide,.settings-tab-panel>.settings-card-large:only-child{grid-column:auto}.settings-two-col{grid-template-columns:1fr}.admin-stat-grid,.access-code-form{grid-template-columns:repeat(2,minmax(0,1fr))}.access-code-form .field,.access-code-form .field:nth-child(5),.access-active-toggle,.access-form-actions{grid-column:auto}.access-code-form .field:nth-child(5),.access-form-actions{grid-column:1/-1}.access-canvas{min-height:auto;padding-top:96px;padding-bottom:28px}.feature-grid{grid-template-columns:1fr}.hero-section{padding-bottom:0}.auth-section{padding-top:0}.access-canvas .auth-section{grid-area:2/1}.access-canvas .landing-feature-section{grid-area:3/1}.workspace-sidebar{position:static}.admin-bottom-bar{z-index:70;border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:fixed;bottom:14px;left:16px;right:16px}.admin-bottom-bar a{min-height:54px;color:var(--on-surface);text-transform:uppercase;border:2px solid #0000;place-items:center;gap:2px;font-size:11px;font-weight:900;line-height:14px;display:grid}.admin-bottom-bar a:hover,.admin-bottom-bar a.active{border-color:var(--on-surface);background:var(--secondary-strong)}.admin-bottom-bar .icon{width:20px;height:20px}.admin-bottom-spacer{height:88px;display:block}}@media (max-width:640px){body{background-size:16px 16px;padding-bottom:88px}.top-nav{padding:12px var(--margin-mobile);align-items:center;gap:12px}.admin-main{padding-top:22px;padding-bottom:148px}.admin-page-header h1{margin-top:0;font-size:26px;line-height:32px}.admin-page-header p{font-size:13px;line-height:20px}.admin-header-actions{gap:10px}.admin-header-actions .button{min-height:40px;padding:0 12px}.brand-lockup{font-size:20px;line-height:28px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px}.dashboard-nav-link{display:none}.language-switch button{min-width:34px;height:32px;padding:0 8px}.feature-grid,.stat-grid{grid-template-columns:1fr}.access-canvas{padding-top:88px}.access-canvas .hero-section{grid-area:1/1}.access-canvas .auth-section{grid-row:2}.hero-title{font-size:38px;line-height:42px}.auth-card-body,.surface-card{padding:20px}.admin-stat-grid,.admin-form-row,.access-code-form{grid-template-columns:1fr}.settings-card,.settings-content-header{box-shadow:var(--shadow-sm);padding:16px}.settings-content{gap:18px}.quota-bar{height:30px}.access-toolbar,.access-table-header{flex-direction:column;align-items:stretch}.access-table-controls{grid-template-columns:1fr}.access-search-field{grid-column:auto}.access-pagination{flex-direction:column;align-items:stretch}.access-pagination-actions{grid-template-columns:1fr;display:grid}.access-code-form .field,.access-code-form .field:nth-child(5),.access-active-toggle,.access-form-actions{grid-column:1/-1}.filter-form,.filter-page-workspace,.filter-grid{grid-template-columns:1fr}.filter-form .access-form-actions{grid-template-columns:1fr;display:grid}.access-table-wrap{overflow:visible}.access-code-table,.access-code-table thead,.access-code-table tbody,.access-code-table tr,.access-code-table td{width:100%;min-width:0;display:block}.access-code-table thead{display:none}.access-code-table tbody{gap:14px;display:grid}.access-code-table tr{border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);gap:10px;padding:14px;display:grid}.access-code-table td{background:0 0;border:0;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px;padding:0;display:grid}.access-code-table td:before{content:attr(data-label);color:var(--on-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px}.access-code-table tbody tr:hover td{background:0 0}.dashboard-title{display:block}.dashboard-title .icon{display:none}.dashboard-title h2{background:var(--secondary-soft);border:var(--border-strong);box-shadow:var(--shadow-hover);padding:4px 8px;font-size:14px;line-height:20px;display:inline-block}.dashboard-title h2 span{box-shadow:none;font-size:inherit;line-height:inherit;background:0 0;border:0;margin-left:0;padding:0;display:inline}.dashboard-header{gap:12px}.dashboard-header p{display:none}.polling-pill{box-shadow:none;padding:8px 10px}.dashboard-otp-card{text-align:center;background:radial-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 1.6px, transparent 1.6px), var(--primary-container);box-shadow:var(--shadow-sm);background-size:10px 10px;align-items:center;padding:20px}.dashboard-otp-card h3{background:var(--surface);margin-bottom:14px}.dashboard-otp-code{background:var(--surface-lowest);width:max-content;max-width:100%;box-shadow:var(--shadow-md);margin:0 auto;padding:10px 16px;font-size:40px;line-height:48px;display:block;transform:rotate(-2deg)}.email-table-card{box-shadow:none;background:0 0;border:0;overflow:visible}.email-table-scroll{overflow:visible}.email-table,.email-table tbody,.email-table tr,.email-table td{width:100%;min-width:0;display:block}.email-table thead{display:none}.email-table tbody{gap:16px;display:grid}.email-table tr{border:var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm);padding:16px}.email-table tr:first-child{background:var(--secondary-soft)}.email-table td{border:0;padding:0}.email-table td+td{margin-top:8px}.sender-cell{align-items:flex-start}.sender-cell span,.table-subject,.table-snippet{max-width:100%}.table-time{color:var(--on-muted);margin-top:10px}.text-right{text-align:left}.table-action{display:none}.table-footer{background:0 0;border-top:0;padding:20px 0 0}.app-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 32px);margin-bottom:16px;padding:18px}.footer-links{flex-wrap:wrap;gap:14px}.landing-admin-bottom-bar{z-index:70;border:var(--border-strong);background:var(--surface-lowest);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid;position:fixed;bottom:14px;left:16px;right:16px}.landing-admin-bottom-bar a{min-height:54px;color:var(--on-surface);text-transform:uppercase;border:2px solid #0000;place-items:center;gap:2px;font-size:11px;font-weight:900;line-height:14px;display:grid}.landing-admin-bottom-bar a:hover,.landing-admin-bottom-bar a.active{border-color:var(--on-surface);background:var(--secondary-strong)}.landing-admin-bottom-bar .icon{width:20px;height:20px}.landing-admin-bottom-spacer{height:88px;display:block}}
.mailbox-shell{background:0 0;min-height:100vh}.mailbox-topbar{z-index:20;min-height:96px;padding:16px var(--margin-mobile);border-bottom:var(--border-strong);background:var(--surface-lowest);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.mailbox-brand{padding:0}.mailbox-actions,.mailbox-status-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.mailbox-icon-button,.mailbox-title-action{width:42px;height:42px;color:var(--on-surface);background:var(--surface);border:var(--border-strong);box-shadow:var(--shadow-hover);cursor:pointer;flex:none;place-items:center;transition:background .16s,transform .16s,box-shadow .16s;display:inline-grid}.mailbox-icon-button:hover,.mailbox-title-action:hover{background:var(--brand-lime)}.mailbox-icon-button:active,.mailbox-title-action:active{box-shadow:none;transform:translate(3px,3px)}.mailbox-icon-button:disabled{opacity:.55;cursor:wait}.mailbox-title-action{background:var(--secondary-soft);width:36px;height:36px;margin-left:6px}.mailbox-main{min-width:0}.mailbox-content{flex-direction:column;gap:24px;max-width:1200px;padding-top:32px;display:flex}.mailbox-header,.mailbox-refresh-strip{margin-bottom:0}.mailbox-refresh-strip{width:100%;min-height:34px;color:var(--on-surface);align-items:center;gap:12px;padding:0 2px;display:flex}.mailbox-refresh-strip .label-caps{color:var(--on-surface);flex:none}.refresh-progress-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.refresh-progress{border:var(--border-strong);background:var(--surface-highest);flex:1;height:12px;overflow:hidden}.refresh-progress i{background:var(--brand-lime);border-right:1px solid var(--on-surface);min-width:4px;height:100%;display:block}.refresh-progress-row strong{color:var(--on-surface);font-family:var(--font-mono);font-size:13px;font-weight:900;line-height:18px}.skeleton-line,.skeleton-code,.skeleton-button,.skeleton-avatar,.skeleton-timer{border:var(--border-strong);background:var(--surface-highest);display:block;position:relative;overflow:hidden}.skeleton-line:after,.skeleton-code:after,.skeleton-button:after,.skeleton-avatar:after,.skeleton-timer:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton-metric-value{border-width:1px;width:min(100%,210px);height:22px}.skeleton-timer{border-width:1px;width:26px;height:18px}.skeleton-otp-card{min-height:138px}.skeleton-label{background:var(--secondary-soft);width:min(74vw,360px);height:30px;box-shadow:var(--shadow-hover);margin-bottom:18px}.skeleton-code{background:var(--primary-container);width:168px;height:84px;box-shadow:var(--shadow-sm)}.skeleton-button{background:var(--secondary-strong);width:150px;height:44px;box-shadow:var(--shadow-sm)}.inbox-section{gap:18px;display:grid}.inbox-section-header{align-items:center;gap:24px;display:flex}.inbox-heading{color:var(--on-surface);align-items:center;gap:12px;display:inline-flex}.inbox-heading .icon{color:var(--primary)}.inbox-heading h3{color:var(--on-surface);text-transform:uppercase;margin:0;font-size:24px;font-weight:900;line-height:32px}.inbox-heading span{border:var(--border-strong);background:var(--primary-container);min-width:34px;height:34px;box-shadow:var(--shadow-hover);font-family:var(--font-mono);place-items:center;font-weight:900;display:grid}.inbox-recent-badge{border:var(--border-strong);background:var(--tertiary-fixed);min-height:30px;box-shadow:var(--shadow-hover);color:var(--on-surface);font-family:var(--font-mono);text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:900;line-height:16px;display:inline-flex}.inbox-header-line{border-top:2px dashed color-mix(in srgb, var(--on-surface) 35%, transparent);flex:1}.inbox-list{border:var(--border-strong);background:var(--surface-container);box-shadow:var(--shadow-sm);align-items:start;gap:14px;padding:16px;display:grid}.inbox-list.empty{align-content:center;min-height:180px}.gmail-row{border:var(--border-strong);background:var(--surface-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s,background .16s;position:relative;overflow:hidden}.gmail-row:hover{box-shadow:var(--shadow-hover);transform:translate(2px,2px)}.gmail-row.active-mail{background:var(--brand-lavender)}.gmail-row.new-mail{background:var(--secondary-soft)}.new-mail-badge{z-index:2;border-left:var(--border-strong);border-bottom:var(--border-strong);background:var(--error);color:var(--on-error);padding:4px 8px;font-size:12px;font-weight:900;line-height:16px;position:absolute;top:0;right:0}.inbox-skeleton-row{background:var(--surface-lowest)}.gmail-row-trigger{width:100%;min-height:78px;color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:16px;padding:16px 20px;display:flex}.gmail-row .sender-avatar,.gmail-row .skeleton-avatar{background:var(--brand-lime)}.gmail-row .sender-avatar.small{width:40px;height:40px;box-shadow:var(--shadow-hover)}.gmail-row-main{flex:1;min-width:0}.gmail-row-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.gmail-sender{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--on-surface);text-transform:uppercase;font-size:16px;font-weight:900;line-height:22px;overflow:hidden}.gmail-row-badges{flex:none;align-items:center;gap:8px;display:inline-flex}.skeleton-row-main{gap:8px;display:grid}.skeleton-sender{border-width:1px;width:min(48vw,180px);height:20px}.skeleton-badge{background:var(--secondary-strong);border-width:1px;width:36px;height:20px}.skeleton-time{border-width:1px;width:92px;height:16px}.skeleton-subject{border-width:1px;width:min(62vw,320px);height:18px}.skeleton-preview{border-width:1px;width:min(74vw,440px);height:16px}.otp-badge{border:var(--border-strong);background:var(--secondary-strong);color:var(--on-surface);box-shadow:var(--shadow-hover);padding:2px 8px;font-size:10px;font-weight:900;line-height:14px}.gmail-row.new-mail .otp-badge{display:none}.gmail-time{color:var(--on-surface);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:900;line-height:16px}.gmail-subject,.gmail-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface);margin:4px 0 0;font-size:14px;font-weight:800;line-height:20px;overflow:hidden}.gmail-preview{color:var(--on-muted);font-size:13px}.gmail-to-line{background:var(--surface-muted,#6366f114);color:var(--on-muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:4px 0 0;padding:2px 8px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex;overflow:hidden}.gmail-to-line svg{flex:none;width:13px;height:13px}.gmail-to-line strong{color:var(--on-surface);text-overflow:ellipsis;font-weight:700;overflow:hidden}.chevron{color:var(--on-surface);flex:none;transition:transform .18s}.chevron.open{transform:rotate(180deg)}.mail-expand-panel{border-top:var(--border-strong);background:var(--surface-lowest)}.mail-expand-inner{gap:16px;padding:18px 20px 22px;display:grid}.mail-detail-header{align-items:center;gap:14px;display:flex}.mail-detail-header strong{color:var(--on-surface);overflow-wrap:anywhere;font-size:14px;line-height:20px;display:block}.mail-detail-header span{color:var(--on-muted);font-family:var(--font-mono);margin-top:2px;font-size:11px;display:block}.mail-detail-header .mail-detail-to{color:var(--on-muted);overflow-wrap:anywhere;font-family:inherit;font-size:12px}.otp-copy-btn{border:var(--border-strong);background:var(--secondary-strong);width:max-content;color:var(--on-surface);box-shadow:var(--shadow-sm);cursor:pointer;text-transform:uppercase;align-items:center;gap:10px;padding:10px 14px;font-weight:900;display:inline-flex}.otp-copy-btn strong{border-left:var(--border-strong);font-family:var(--font-mono);padding-left:8px}.email-body-box{border:var(--border-strong);background:var(--surface-lowest);color:var(--on-surface);box-shadow:var(--shadow-sm);overflow-x:auto}.email-body-html-box{background:#fff}.email-html-frame{background:#fff;border:0;width:100%;min-height:220px;max-height:760px;display:block}.email-body-content{background:linear-gradient(to right, color-mix(in srgb, var(--primary-container) 16%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--primary-container) 16%, transparent) 1px, transparent 1px), var(--surface-lowest);background-size:18px 18px;padding:18px}.email-body-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:650;line-height:24px}.email-body-content p+p{margin-top:12px}.email-body-content p:first-child{border:var(--border-strong);background:var(--secondary-soft);box-shadow:var(--shadow-hover);padding:4px 8px;font-weight:900;display:inline-block}@media (min-width:860px){.mailbox-topbar{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}@media (max-width:640px){.mailbox-actions{align-items:center;gap:8px;width:auto;display:flex}.mailbox-topbar{min-height:auto;padding:12px var(--margin-mobile);box-shadow:var(--shadow-sm);flex-direction:row;justify-content:space-between;align-items:center;position:sticky}.mailbox-brand .side-logo{width:40px;height:40px;font-size:16px}.mailbox-brand h1{font-size:24px;line-height:30px}.mailbox-content{gap:18px;padding:18px 14px 32px}.mailbox-header{flex-direction:row;align-items:flex-start}.mailbox-header>div:first-child{min-width:0}.mailbox-header .dashboard-title{align-items:center;gap:8px;display:flex}.mailbox-header .dashboard-title .icon{flex:none;display:inline-block}.mailbox-header .dashboard-title h2{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:0;font-size:22px;line-height:30px;display:flex}.mailbox-header .dashboard-title h2 span{text-overflow:ellipsis;white-space:nowrap;border:var(--border-strong);background:var(--primary-container);max-width:min(100%,240px);box-shadow:var(--shadow-hover);margin-left:0;padding:4px 10px;font-size:14px;line-height:20px;display:inline-block;overflow:hidden}.mailbox-title-action{vertical-align:top;width:36px;height:36px;margin-left:0}.mailbox-status-actions{justify-content:flex-end;align-items:center;gap:10px}.mailbox-icon-button{width:38px;height:38px}.mailbox-refresh-strip{gap:8px;width:100%;margin-left:0}.mailbox-refresh-strip .label-caps{font-size:10px;line-height:14px}.skeleton-otp-card{min-height:132px}.skeleton-label{width:min(100%,300px);height:28px}.skeleton-button{width:132px;height:40px}.skeleton-code{width:156px;height:68px;margin:0}.mailbox-shell .dashboard-otp-card{text-align:left;background:radial-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 1.6px, transparent 1.6px), var(--primary-container);box-shadow:var(--shadow-md);background-size:10px 10px;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:18px}.mailbox-shell .dashboard-otp-card h3{background:var(--secondary-soft);margin-bottom:12px}.mailbox-shell .dashboard-otp-code{background:var(--surface-lowest);width:auto;max-width:100%;color:var(--primary);box-shadow:var(--shadow-sm);margin:0;padding:12px 16px;font-size:34px;line-height:42px;display:inline-block;transform:none}.mailbox-shell .dashboard-otp-card .button{flex:none;min-width:116px;padding-inline:12px}.inbox-section{gap:14px}.inbox-section-header{flex-wrap:wrap;gap:12px}.inbox-heading h3{font-size:22px;line-height:30px}.inbox-recent-badge{order:3;justify-content:center;width:100%}.inbox-list{background:var(--surface-container);gap:12px;padding:14px}.inbox-list.empty{min-height:160px}.gmail-row-trigger{padding:14px;gap:12px;min-height:72px;padding-right:42px}.gmail-row .sender-avatar{width:42px;height:42px}.gmail-row-top{align-items:flex-start}.gmail-sender{font-size:14px;line-height:20px}.gmail-row-badges{gap:6px}.skeleton-time{display:none}.gmail-time{font-size:10px;display:inline}.gmail-subject,.gmail-preview{font-size:12px;line-height:18px}.mail-expand-inner{gap:14px;padding:14px 14px 18px}.mail-detail-header{align-items:flex-start}.otp-copy-btn{justify-content:center;width:100%}.email-body-content{padding:14px}.email-body-content p{font-size:13px;line-height:22px}.email-html-frame{min-height:260px}}.sync-banner{border:1.5px solid;border-radius:12px;align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 14px;font-size:13px;line-height:18px;display:flex}.sync-banner svg{flex:none;width:18px;height:18px;margin-top:1px}.sync-banner strong{letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.sync-banner span{color:var(--on-surface);overflow-wrap:anywhere}.sync-banner-error{color:#c2410c;background:#f973161a}.sync-banner-warn{color:#92400e;background:#eab3081f}