:root{--color-primary: #60A5FA;--color-secondary: #93C5FD;--color-tertiary: #34D399;--color-bg: #09090d;--color-surface: #111114;--color-surface-variant: #18181b;--color-border: rgba(255,255,255,.06);--color-trigger: #34D399;--color-favorite: #F59E0B;--color-text: #e4e4e7;--color-text-muted: #52525b;--color-text-placeholder: #3f3f46;--color-row-alt: rgba(255,255,255,.012);--color-danger: #EF4444;--color-success: #22c55e;--color-on-primary: #08111E;--color-type-snippet: #4B8BF5;--color-type-link: #8B5CF6;--color-type-transform: #F59E0B;--color-type-clipboard: #6B7280;--color-type-push: #34D399;--color-type-insert: #4B8BF5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--sidebar-width: 128px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.login-root{display:flex;align-items:center;justify-content:center;min-height:100%;background:radial-gradient(ellipse at 50% 30%,rgba(96,165,250,.07) 0%,var(--color-bg) 65%);padding:var(--space-6)}.login-card{width:100%;max-width:380px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:0 8px 40px #00000080,0 0 0 1px #60a5fa14}.login-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-3)}.login-title{font-size:28px;font-weight:800;color:var(--color-primary);letter-spacing:-.04em;line-height:1;margin:0}.login-oauth{display:flex;flex-direction:column;gap:var(--space-3)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-google:hover:not(:disabled){background-color:var(--color-border);border-color:var(--color-text-muted)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.btn-signin{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:opacity .15s ease,box-shadow .15s ease,transform .1s ease;box-shadow:0 1px 8px #60a5fa4d}.btn-signin:hover:not(:disabled){opacity:.92;box-shadow:0 2px 16px #60a5fa73;transform:translateY(-1px)}.btn-signin:active:not(:disabled){transform:translateY(0)}.btn-signin:disabled{opacity:.5;cursor:not-allowed}.login-forgot-link{background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;font-family:inherit;transition:color .15s;align-self:flex-end;margin-top:2px}.login-forgot-link:hover{color:var(--color-primary)}.login-forgot-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.login-back-link{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;font-family:inherit;text-align:center;transition:color .15s}.login-back-link:hover{color:var(--color-primary)}.login-sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.login-sent-msg{font-size:var(--font-size-sm);color:var(--color-tertiary);margin:0;text-align:center;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-tertiary) 25%,transparent)}.login-error{font-size:var(--font-size-sm);color:var(--color-danger);text-align:center;padding:var(--space-2) var(--space-3);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md)}.login-field-hint{font-size:var(--font-size-xs);color:var(--color-danger);margin:2px 0 0}.login-header-sub{text-align:center}.login-subtitle{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface) 25%,color-mix(in srgb,var(--color-border) 60%,var(--color-surface)) 50%,var(--color-surface) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden}.app-main{display:flex;flex-direction:column;overflow-y:auto;background:var(--color-bg);padding:var(--space-6);height:100%;box-sizing:border-box}.app-main--panel-layout{overflow:hidden}.sidebar{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-wordmark{display:flex;align-items:center;gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-3) var(--space-3);font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:-.02em;border-bottom:1px solid var(--color-border)}.sidebar-wordmark-icon{color:var(--color-primary);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;padding:var(--space-3) var(--space-2);flex:1;gap:2px}.sidebar-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;color:#3f3f46;font-size:12px;border-radius:var(--radius-md);position:relative;transition:color .15s,background .15s,transform .1s;text-align:center}.sidebar-nav-link:hover{color:var(--color-text);background:#ffffff0f}.sidebar-nav-link--active{font-weight:500;background:transparent}.sidebar-nav-indicator{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:3.5px;height:18px;border-radius:3px;pointer-events:none}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.sidebar-signout{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);width:100%;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:color .15s,background .15s}.sidebar-signout:hover{color:var(--color-danger);background:#ef444414}.not-pro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.not-pro-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);max-width:420px;width:calc(100% - var(--space-8));display:flex;flex-direction:column;gap:var(--space-4)}.not-pro-modal h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.not-pro-modal p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.not-pro-error{color:var(--color-danger)}.not-pro-signout{align-self:flex-start;padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 8%,transparent);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.not-pro-signout:hover,.not-pro-signout:focus-visible{background:color-mix(in srgb,var(--color-danger) 14%,transparent);border-color:color-mix(in srgb,var(--color-danger) 55%,transparent)}.not-pro-signout:disabled{cursor:default;opacity:.7}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s,box-shadow .15s,transform .1s;white-space:nowrap;letter-spacing:.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn--md{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 1px 8px #60a5fa40}.btn--primary:hover:not(:disabled){opacity:.92;box-shadow:0 2px 12px #60a5fa66;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #60a5fa33}.btn--secondary{background:var(--color-surface-variant);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-surface-variant);color:var(--color-text)}.btn-spinner{position:absolute;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-content--hidden{visibility:hidden}@keyframes btn-spin{to{transform:rotate(360deg)}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.page-header-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.2;letter-spacing:-.02em}.page-header-action{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-left:2px solid rgba(96,165,250,.2);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color .15s,border-left-color .15s,transform .15s,box-shadow .15s}.card:hover{border-color:#60a5fa4d;border-left-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.card--clickable{cursor:pointer}.card--clickable:hover{background:var(--color-surface-variant)}.admin-entitlements-page{display:grid;gap:var(--space-5)}.admin-entitlements-hero{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.admin-entitlements-hero-copy,.admin-entitlements-hero-stats,.admin-entitlements-card,.admin-entitlements-sidebar,.admin-entitlements-main,.admin-entitlements-user-list,.admin-entitlements-source-list,.admin-entitlements-audit-list{display:grid;gap:var(--space-3)}.admin-entitlements-layout{display:grid;gap:var(--space-5);grid-template-columns:minmax(320px,.95fr) minmax(0,1.4fr)}.admin-entitlements-section-header,.admin-entitlements-search,.admin-entitlements-actions,.admin-entitlements-audit-controls,.admin-entitlements-audit-row,.admin-entitlements-meta-list,.admin-entitlements-source-grid{display:flex;gap:var(--space-3);flex-wrap:wrap}.admin-entitlements-source-grid{align-items:stretch}.admin-entitlements-source-panel{min-width:280px;flex:1 1 320px;display:grid;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 65%,transparent)}.admin-entitlements-kicker{margin:0;color:var(--color-primary);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.admin-entitlements-hero-title,.admin-entitlements-title,.admin-entitlements-user-heading,.admin-entitlements-subtitle{margin:0;color:var(--color-text)}.admin-entitlements-hero-title{font-size:1.55rem;line-height:1.2}.admin-entitlements-user-heading{font-size:1.35rem}.admin-entitlements-hero-text,.admin-entitlements-muted,.admin-entitlements-audit-reason{margin:0;color:var(--color-text-muted);line-height:1.5}.admin-entitlements-stat{display:grid;gap:4px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 55%,transparent)}.admin-entitlements-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.admin-entitlements-card{display:grid;gap:var(--space-4)}.admin-entitlements-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;min-width:220px;padding:10px 12px;background:var(--color-surface-variant);color:var(--color-text);flex:1 1 240px}.admin-entitlements-input::placeholder{color:color-mix(in srgb,var(--color-text-muted) 85%,transparent)}.admin-entitlements-input:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 80%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.admin-entitlements-label{display:grid;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.admin-entitlements-user-card,.admin-entitlements-source-card,.admin-entitlements-audit-item{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 60%,transparent);color:var(--color-text)}.admin-entitlements-user-card{text-align:left;font:inherit;cursor:pointer}.admin-entitlements-user-card--selected{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 35%,transparent)}.admin-entitlements-user-card:hover,.admin-entitlements-source-card:hover,.admin-entitlements-audit-item:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.admin-entitlements-audit-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}.admin-entitlements-audit-main{display:grid;gap:var(--space-2)}.admin-entitlements-meta-list{color:var(--color-text-muted);font-size:var(--font-size-xs)}.admin-entitlements-badge,.admin-entitlements-status{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.02em}.admin-entitlements-badge--cloud{background:color-mix(in srgb,var(--color-primary) 24%,transparent);color:color-mix(in srgb,var(--color-primary) 75%,white)}.admin-entitlements-badge--local{background:color-mix(in srgb,var(--color-tertiary) 20%,transparent);color:color-mix(in srgb,var(--color-tertiary) 80%,white)}.admin-entitlements-badge--free{background:color-mix(in srgb,var(--color-border) 55%,transparent);color:var(--color-text-muted)}.admin-entitlements-status--active{background:color-mix(in srgb,var(--color-tertiary) 18%,transparent);color:color-mix(in srgb,var(--color-tertiary) 80%,white)}.admin-entitlements-status--inactive{background:color-mix(in srgb,var(--color-danger) 14%,transparent);color:color-mix(in srgb,var(--color-danger) 75%,white)}.admin-entitlements-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-entitlements-checkbox input{accent-color:var(--color-primary)}.admin-entitlements-empty{display:grid;gap:4px;padding:var(--space-4);border-radius:var(--radius-md);border:1px dashed color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 45%,transparent);color:var(--color-text-muted)}.admin-entitlements-empty strong{color:var(--color-text)}.admin-entitlements-empty--compact{padding:var(--space-3)}.admin-entitlements-error-card{border-left-color:var(--color-danger)}.admin-entitlements-error{margin:0;color:color-mix(in srgb,var(--color-danger) 75%,white);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-danger) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 28%,transparent)}.admin-entitlements-placeholder{min-height:220px;align-content:center}.admin-entitlements-confirm-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.admin-entitlements-warning{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-favorite) 14%,transparent);border:1px solid color-mix(in srgb,var(--color-favorite) 35%,transparent);color:color-mix(in srgb,var(--color-favorite) 80%,white);font-size:var(--font-size-sm)}.admin-entitlements-meta-expiry{color:color-mix(in srgb,var(--color-favorite) 80%,white)}.admin-entitlements-meta-expired{color:color-mix(in srgb,var(--color-danger) 70%,white)}.admin-entitlements-audit-item--inactive{opacity:.55}.admin-entitlements-audit-item--inactive:hover{opacity:.8}.admin-entitlements-source-kind-tag{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:.1rem .45rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-text-muted)}.admin-entitlements-audit-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.admin-entitlements-audit-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.admin-entitlements-audit-list--loading{opacity:.5;pointer-events:none}.admin-entitlements-label-hint{font-weight:400;color:var(--color-text-muted);font-size:var(--font-size-xs)}.admin-entitlements-truncation-notice{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.admin-entitlements-invite-form{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;margin-bottom:var(--space-4)}.admin-entitlements-invite-result{margin-top:var(--space-3);padding:var(--space-3);background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);font-size:var(--font-size-sm)}.admin-entitlements-invite-link{display:block;width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:monospace;font-size:var(--font-size-sm);resize:vertical;box-sizing:border-box}@media (max-width: 1100px){.admin-entitlements-layout,.admin-entitlements-hero{grid-template-columns:1fr}}@media (max-width: 720px){.admin-entitlements-audit-item{grid-template-columns:1fr}.admin-entitlements-search,.admin-entitlements-audit-controls,.admin-entitlements-actions,.admin-entitlements-section-header{flex-direction:column;align-items:stretch}}.import-card{display:flex;flex-direction:column;gap:var(--space-4)}.import-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.import-card-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1) 0}.import-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.import-card-learn-more{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.import-card-learn-more:hover{color:var(--color-text)}.import-card-dismiss{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;transition:color .15s}.import-card-dismiss:hover{color:var(--color-text)}.ie-file-input{display:none}.ie-action-row{display:flex;align-items:center}.ie-action-row--gap{gap:var(--space-3)}.ie-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent)}.ie-success{display:flex;flex-direction:column;gap:var(--space-3)}.ie-success-msg{font-size:var(--font-size-sm);color:var(--color-tertiary);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-tertiary) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-tertiary) 25%,transparent)}.ie-preview-header{display:flex;align-items:center}.ie-format-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:var(--radius-sm);padding:2px var(--space-2);letter-spacing:.03em}.ie-preview{display:flex;flex-direction:column;gap:var(--space-4)}.ie-preview-counts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.ie-preview-count-item strong{color:var(--color-primary);font-weight:600}.ie-preview-sep{color:var(--color-text-muted)}.ie-preview-group{display:flex;flex-direction:column;gap:var(--space-1)}.ie-preview-group-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.ie-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ie-preview-list-item{font-size:var(--font-size-sm);color:var(--color-text);padding:var(--space-1) var(--space-2);background:var(--color-surface-variant);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ie-show-all-btn{background:none;border:none;padding:var(--space-1) var(--space-2);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;font-family:inherit}.ie-show-all-btn:hover{text-decoration:underline}.ie-browser-tab-warning{padding:var(--space-3) var(--space-4);background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.ie-browser-tab-warning-title{font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 var(--space-2)}.ie-browser-tab-warning-title code{font-family:monospace;color:#f59e0b}.ie-preview-list--warning{margin-bottom:var(--space-3)}.ie-browser-tab-choices{display:flex;flex-direction:column;gap:var(--space-2)}.ie-radio-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.ie-radio-label code{font-family:monospace;color:var(--color-text-muted)}.ie-dupe-notice{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;margin:0}.ie-dupe-notice--info{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.ie-dupe-notice--warn{color:#92400e;background:#f59e0b14;border-color:#f59e0b4d}.ie-trigger-normalize{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.ie-trigger-normalize-title{font-size:var(--font-size-sm);color:var(--color-text);margin:0}.ie-trigger-normalize-title code{font-family:monospace;color:var(--color-primary)}.ie-trigger-normalize-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ie-trigger-char-input{width:3rem;font-family:monospace;text-align:center;padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm)}.ie-checking-msg{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;font-style:italic}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.dashboard-welcome{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.dashboard-welcome-text{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.dashboard-welcome-link{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.dashboard-welcome-link:hover{text-decoration:underline}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0}.dash-devices-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.dash-device-card{min-width:180px;flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.dash-device-header{display:flex;align-items:center;justify-content:space-between}.dash-device-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.dash-device-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-device-dot--active{background:#34d399}.dash-device-dot--recent{background:#f59e0b}.dash-device-dot--inactive{background:var(--color-text-muted)}.dash-device-header-actions{display:flex;align-items:center;gap:var(--space-1)}.dash-device-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:2px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s}.dash-device-card:hover .dash-device-action-btn{opacity:1}.dash-device-action-btn:hover{color:var(--color-primary)}.dash-device-rename-input{flex:1;background:var(--color-surface-variant);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;padding:2px var(--space-1);outline:none;min-width:0}.dash-device-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.dash-device-system-name{font-style:italic;opacity:.6}.dash-no-devices{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.dash-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dash-stat-card{display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit}.dash-stat-card:hover{opacity:.9}.dash-stat-header{display:flex;align-items:flex-start;justify-content:space-between}.dash-stat-icon{color:var(--color-text-muted)}.dash-stat-count{font-size:2.5rem;font-weight:700;line-height:1;color:var(--color-primary)}.dash-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dash-stat-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dash-stat-link{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto}.dash-stat-card:hover .dash-stat-link{color:var(--color-primary)}.dash-activity-list{display:flex;flex-direction:column}.dash-activity-day{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.dash-activity-day-line{flex:1;height:1px;background:var(--color-border)}.dash-activity-day-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.dash-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-item--link{text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);margin:0 calc(-1 * var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);transition:background .1s}.dash-activity-item--link:hover{background:var(--color-surface-variant)}.dash-activity-item--link:hover .dash-activity-label{color:var(--color-primary)}.dash-activity-icon{color:var(--color-text-muted);display:flex;align-items:center;flex-shrink:0}.dash-activity-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-activity-time{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0;min-width:80px;text-align:right}.dashboard-password-banner{background:var(--color-surface-variant);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.dashboard-password-banner--success{border-color:var(--color-success)}.dashboard-password-banner-title{font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--space-1)}.dashboard-password-banner-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.dashboard-password-banner-form{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px}.dashboard-password-banner-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm)}.dashboard-password-banner-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.dash-activity-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;padding:var(--space-4) 0}.search-bar{position:relative;width:100%}.search-bar-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-bar-input{width:100%;background:#ffffff08;border:none;border-radius:10px;color:#e4e4e7;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 16px + var(--space-2));outline:none;transition:border-color .15s}.search-bar-input::placeholder{color:#3f3f46}.search-bar-input:focus{border-color:#ffffff1f}.search-bar-input::-webkit-search-cancel-button{-webkit-appearance:none}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:transparent;color:#52525b;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.filter-chip:hover{border-color:#ffffff1f;color:#e4e4e7}.filter-chip--active{font-weight:600;border-color:#4b8bf554;background:#4b8bf512;color:#4b8bf5}.filter-chip__icon{font-size:10px}.sort-popover{position:relative;flex-shrink:0}.sort-popover__trigger{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#71717a;font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s}.sort-popover__trigger:hover{color:#e4e4e7;border-color:#ffffff1a}.sort-popover__dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1a1a1f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;box-shadow:0 8px 24px #00000080;z-index:100;min-width:120px}.sort-popover__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:7px;border:none;background:transparent;cursor:pointer;transition:background .12s;text-align:left}.sort-popover__option:hover{background:#ffffff0d}.sort-popover__option--active{background:#4b8bf514}.sort-popover__option-text{display:flex;flex-direction:column;gap:1px}.sort-popover__option-label{font-size:12px;font-weight:500;color:#d4d4d8;font-family:inherit}.sort-popover__option--active .sort-popover__option-label{color:#4b8bf5}.sort-popover__option-desc{font-size:10.5px;color:#52525b;font-family:inherit}.accent-pill{position:absolute;left:1px;top:50%;transform:translateY(-50%);width:3.5px;height:16px;border-radius:3px;opacity:.3;transition:opacity .15s ease,height .15s ease;pointer-events:none;flex-shrink:0}.accent-pill--expanded{opacity:.85;height:18px}.accent-pill--inline{position:static;top:auto;left:auto;transform:none;flex-shrink:0;height:16px;opacity:.35;align-self:flex-start;margin-top:2px}.favorite-toggle{background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;cursor:pointer}.favorite-toggle:hover{background:var(--color-surface-variant)}.favorite-toggle--active{color:var(--color-favorite)}.favorite-toggle:not(.favorite-toggle--active):hover{color:var(--color-favorite)}.confirm-delete-trigger{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-sm);width:28px;height:28px;flex-shrink:0;transition:background-color .15s,color .15s}.confirm-delete-trigger:hover{color:var(--color-danger);background-color:#ef44441a}.confirm-delete-row{display:flex;align-items:center;gap:var(--space-1)}.confirm-delete-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.confirm-delete-row .btn--danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.confirm-delete-row .btn--danger:hover:not(:disabled){background:#ef444440;opacity:1}.card-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.card-icon-btn:hover{color:var(--color-text);background-color:var(--color-surface-variant)}.card-icon-btn:focus-visible{outline:2px solid var(--color-primary, #4B8BF5);outline-offset:1px}.snippet-card-row{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:12px 6px 12px 4px;cursor:pointer;transition:background-color .12s}.snippet-card-row:hover{background:#ffffff09}.snippet-card-row--odd{background:#ffffff03}.snippet-card-row--odd:hover{background:#ffffff0b}.snippet-card-row--selected{background:#4b8bf50f!important}.snippet-card-row--selected .accent-pill{opacity:.85}.snippet-card-divider{height:1px;background:#ffffff06;margin:0 4px 0 14px}.snippet-card-content-area{flex:1;min-width:0}.snippet-card-title-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.snippet-card-name{font-size:14px;font-weight:600;color:#e4e4e7}.snippet-card-trigger-badge{font-size:10.5px;color:#4b8bf5;background:#4b8bf514;padding:1px 6px;border-radius:4px;font-family:var(--mono)}.snippet-card-preview{font-size:12.5px;color:#52525b;font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:85%}.snippet-card-type-icon{width:24px;height:24px;border-radius:6px;background:#4b8bf514;display:flex;align-items:center;justify-content:center;flex-shrink:0}.snippet-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;padding-top:2px}.input-field{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{display:block;font-size:11.5px;font-weight:600;color:#52525b;margin-bottom:5px;letter-spacing:.01em;transition:color .12s}.input-field:focus-within .input-label{color:#4b8bf5}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff06;color:#e4e4e7;font-size:14px;font-family:var(--mono);transition:border-color .15s,background .15s;outline:none}.input::placeholder{color:#3f3f46}.input:focus{border-color:#4b8bf533;background:#4b8bf50a}.input--error{border-color:var(--color-danger)}.input-error{font-size:12px;color:#ef4444;margin-top:4px}.textarea-field{display:flex;flex-direction:column;gap:var(--space-1)}.textarea-label{display:block;font-size:11.5px;font-weight:600;color:#52525b;margin-bottom:5px;letter-spacing:.01em;transition:color .12s}.textarea-field:focus-within .textarea-label{color:#4b8bf5}.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#ffffff06;color:#e4e4e7;font-size:14px;font-family:var(--mono);resize:vertical;min-height:80px;line-height:1.5;transition:border-color .15s,background .15s;outline:none}.textarea::placeholder{color:#3f3f46}.textarea:focus-visible{border-color:#4b8bf559;background:#4b8bf50a;box-shadow:0 0 0 3px #4b8bf51f}.textarea:focus:not(:focus-visible){border-color:#4b8bf533;background:#4b8bf50a}.textarea--error{border-color:var(--color-danger)}.textarea-error{font-size:12px;color:#ef4444;margin-top:4px}.placeholder-hints{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.placeholder-hints-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);width:100%;background:var(--color-surface-variant);border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:color .15s}.placeholder-hints-toggle:hover{color:var(--color-text)}.placeholder-hints-panel{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-border)}.placeholder-group-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.placeholder-group-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.placeholder-chip{display:inline-flex;align-items:center;padding:2px var(--space-2);background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-family:Menlo,Consolas,monospace;cursor:pointer;transition:background .1s,border-color .1s}.placeholder-chip:hover{background:#60a5fa1a;border-color:var(--color-primary)}.placeholder-chip--modifier{color:var(--color-tertiary)}.placeholder-chip--modifier:hover{background:#34d3991a;border-color:var(--color-tertiary)}.placeholder-chip--copied{background:#34d39926;border-color:var(--color-tertiary);color:var(--color-tertiary)}.template-preview{margin-top:8px}.template-preview-label{font-size:11.5px;font-weight:600;color:#52525b;letter-spacing:.01em;display:block;margin-bottom:5px}.template-preview-content{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word}.template-token{background:#60a5fa26;color:var(--color-primary);border-radius:3px;padding:1px 3px;font-family:monospace;font-style:normal}.template-runner{display:flex;flex-direction:column;gap:var(--space-3)}.template-runner-unavailable{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.template-runner-fields{display:flex;flex-direction:column;gap:var(--space-3)}.template-runner-field{display:flex;flex-direction:column;gap:var(--space-1)}.template-runner-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.template-runner-input{width:100%;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);box-sizing:border-box}.template-runner-input:focus{outline:none;border-color:var(--color-primary)}.template-runner-select{width:100%;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.template-runner-textarea{width:100%;min-height:72px;background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);resize:vertical;box-sizing:border-box}.template-runner-textarea:focus{outline:none;border-color:var(--color-primary)}.template-runner-actions{display:flex;align-items:center;gap:var(--space-2)}.template-runner-output{display:flex;flex-direction:column;gap:var(--space-2)}.template-runner-output-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.template-runner-pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:0;white-space:pre-wrap;word-break:break-word;color:var(--color-text);max-height:300px;overflow-y:auto}.template-runner-cursor-marker{display:inline-block;width:2px;height:1em;background:var(--color-primary);vertical-align:text-bottom}.template-runner-errors{display:flex;flex-direction:column;gap:var(--space-1)}.template-runner-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.template-runner-ai-output{display:flex;flex-direction:column;gap:var(--space-2)}.template-runner-note,.template-runner-no-inputs{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.template-runner-copy-confirm{font-size:var(--font-size-sm);color:var(--color-text-muted)}.list-page{display:flex;flex-direction:column;gap:var(--space-4)}.list-page--panel-open{flex:1;min-height:0;overflow:hidden;gap:var(--space-3)}.list-page-toolbar{display:flex;align-items:center;gap:var(--space-3)}.list-page-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.list-page-grid{display:flex;flex-direction:column;gap:var(--space-3)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-chip.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));color:var(--color-primary)}.list-page-no-matches{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6) 0;text-align:center}.empty-state-rich{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0;max-width:480px}.empty-state-rich-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.6}.empty-state-rich-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.empty-state-example-card{pointer-events:none;opacity:.7}.empty-state-card-trigger{color:var(--color-trigger);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.empty-state-card-content{color:var(--color-text);font-size:var(--font-size-sm);white-space:pre-wrap;margin-top:var(--space-1)}.empty-state-link-icon{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.empty-state-link-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.empty-state-link-url{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.empty-state-transform-example{pointer-events:none}.empty-state-transform-prompt{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state-transform-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) 0}.empty-state-transform-row{display:flex;gap:var(--space-3);align-items:baseline;margin-top:var(--space-2)}.empty-state-transform-label{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:40px;flex-shrink:0}.empty-state-transform-text{font-size:var(--font-size-sm);color:var(--color-text)}.empty-state-transform-text--after{color:var(--color-tertiary)}.form-fav-row{display:flex;align-items:center;gap:8px;margin-top:20px}.form-fav-check{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s;color:transparent}.form-fav-check--on{background:rgba(var(--fav-rgb, 75 139 245) / .15);border-color:rgba(var(--fav-rgb, 75 139 245) / .4);color:rgb(var(--fav-rgb, 75 139 245))}.form-fav-label{font-size:13px;color:#a1a1aa}.page-layout{display:flex;gap:0;overflow:hidden;min-height:0;flex:1}.page-list{flex:0 0 450px;width:450px;overflow-y:auto;min-width:0}.page-edit-panel{flex:1;min-width:0;border-left:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:20px 24px;position:relative;background:#ffffff03}.page-edit-panel__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;position:relative}.page-edit-panel__title{font-size:14px;font-weight:600;color:var(--color-text)}.form-section-gap{margin-top:20px}.page-edit-panel .btn--ghost{background:#ffffff0a;color:#71717a;border-color:transparent}@media (prefers-color-scheme: light){.page-edit-panel{border-left-color:#00000014;background:#00000003}.page-edit-panel .btn--ghost{background:#0000000a}}.snippets-page-toolbar{align-items:center}.snippets-list{gap:0}.snippet-dialog-form{display:flex;flex-direction:column;gap:20px}.snippet-dialog-content-group{display:flex;flex-direction:column;gap:16px}.snippet-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.snippet-dialog-footer{display:flex;gap:10px;position:sticky;bottom:-20px;background:var(--color-surface);padding:14px 0 20px;margin-bottom:-20px;z-index:1}.snippet-dialog-footer>:first-child{margin-left:auto}.snippet-dialog-footer button{min-width:100px;padding:12px 24px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:var(--mono);cursor:pointer;border:none;transition:opacity .12s}.snippet-dialog-footer button:hover{opacity:.85}.snippet-dialog-try{margin-top:var(--space-1)}.snippet-dialog-try-summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-1)}.snippet-dialog-try-summary::-webkit-details-marker{display:none}.snippet-dialog-try-summary:after{content:"▶";font-size:9px;transition:transform .15s}.snippet-dialog-try[open] .snippet-dialog-try-summary{color:var(--color-text)}.snippet-dialog-try[open] .snippet-dialog-try-summary:after{transform:rotate(90deg)}.snippet-dialog-try-body{padding-top:var(--space-3)}.action-card{position:relative;cursor:pointer;padding:12px 6px 12px 4px;transition:background-color .12s;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.action-card--alt{background:#ffffff03}.action-card:hover{background-color:#ffffff0a!important}.action-card--selected{background:#8b5cf60f!important}.action-card--selected .accent-pill{opacity:.85}.action-card-divider{position:absolute;top:0;left:14px;right:6px;height:1px;background:var(--color-border);opacity:.5}.action-card-favicon-wrap{flex-shrink:0;align-self:flex-start}.action-card-favicon{width:32px;height:32px;border-radius:8px;object-fit:contain;display:block}.action-card-domain-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:var(--mono);flex-shrink:0}.action-card-icon-emoji{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-md);line-height:1}.action-card-text{display:flex;flex-direction:column;min-width:0;flex:1}.action-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-card-url{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.action-card-icon-btn--danger:hover{color:var(--color-danger);background-color:#ef44441a}.action-card-confirm{display:flex;align-items:center;gap:var(--space-1)}.action-card-confirm-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.actions-page-list{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.action-dialog-form{display:flex;flex-direction:column;gap:20px}.action-dialog-form .input-field:focus-within .input-label,.action-dialog-form .textarea-field:focus-within .textarea-label{color:#8b5cf6}.action-dialog-form .input:focus,.action-dialog-form .textarea:focus{border-color:#8b5cf633;background:#8b5cf60a}.action-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.action-icon-section{display:flex;flex-direction:column;gap:10px}.action-icon-header{display:flex;align-items:center;justify-content:space-between}.action-icon-heading{font-size:12px;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em}.action-icon-toggle{display:flex;background:#ffffff0a;border-radius:8px;padding:2px;gap:2px}@media (prefers-color-scheme: light){.action-icon-toggle{background:#0000000d}}.action-icon-btn{padding:3px 12px;border-radius:6px;border:none;background:transparent;color:#71717a;font-size:11.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.action-icon-btn--on{background:#8b5cf626;color:#8b5cf6;font-weight:600}.action-favicon-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff06;border-radius:8px;border:1px solid rgba(255,255,255,.04)}@media (prefers-color-scheme: light){.action-favicon-row{background:#00000008;border-color:#0000000f}}.action-favicon-img{width:16px;height:16px;border-radius:3px;flex-shrink:0}.action-favicon-domain{font-size:var(--font-size-sm);color:var(--color-text-muted)}.action-dialog-footer{display:flex;gap:10px;position:sticky;bottom:-20px;background:var(--color-surface);padding:14px 0 20px;margin-bottom:-20px;z-index:1}.action-dialog-footer>:first-child{margin-left:auto}.action-dialog-try-summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-1)}.action-dialog-try-summary::-webkit-details-marker{display:none}.action-dialog-try-summary:after{content:"▶";font-size:9px;transition:transform .15s}.action-dialog-try[open] .action-dialog-try-summary{color:var(--color-text)}.action-dialog-try[open] .action-dialog-try-summary:after{transform:rotate(90deg)}.action-dialog-try-body{padding-top:var(--space-3)}.transform-card-row{position:relative;display:flex;flex-direction:column;padding:12px 6px 12px 4px;cursor:pointer;transition:background-color .12s}.transform-card-main{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.transform-card-row:hover{background:#ffffff09}.transform-card-row--odd{background:#ffffff03}.transform-card-row--odd:hover{background:#ffffff0b}.transform-card-row--selected{background:#f59e0b0f!important}.transform-card-row--selected .accent-pill{opacity:.85}.transform-card-divider{height:1px;background:#ffffff06;margin:0 4px 0 14px}.transform-card-content-area{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.transform-card-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transform-card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.transform-card-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.transform-try-btn{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border:1px solid rgba(245,158,11,.3);background:#f59e0b1a;color:#f59e0b;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,color .15s;white-space:nowrap}.transform-try-btn:hover{background:#f59e0b33;color:#f59e0b}.transform-card-try{padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-1)}.transform-card-type-icon{width:24px;height:24px;border-radius:6px;background:#f59e0b14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transforms-page-list{display:flex;flex-direction:column}.transform-dialog-form{display:flex;flex-direction:column;gap:20px}.transform-dialog-content-group{display:flex;flex-direction:column;gap:12px}.transform-dialog-form .input-field:focus-within .input-label,.transform-dialog-form .textarea-field:focus-within .textarea-label{color:#f59e0b}.transform-dialog-form .input:focus,.transform-dialog-form .textarea:focus{border-color:#f59e0b33;background:#f59e0b0a}.transform-dialog-select{width:100%;padding:12px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:var(--color-text);font-size:14px;font-family:var(--mono);cursor:pointer;outline:none;transition:border-color .15s}.transform-dialog-select:focus{border-color:#f59e0b33}.transform-dialog-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}.transform-dialog-footer{display:flex;gap:10px;position:sticky;bottom:-20px;background:var(--color-surface);padding:14px 0 20px;margin-bottom:-20px;z-index:1}.transform-dialog-footer>:first-child{margin-left:auto}.transform-dialog-footer button{min-width:100px;padding:12px 24px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:var(--mono);cursor:pointer;border:none;transition:opacity .12s}.transform-dialog-footer button:hover{opacity:.85}.transform-dialog-try{margin-top:var(--space-1)}.transform-dialog-try-summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:var(--space-1)}.transform-dialog-try-summary::-webkit-details-marker{display:none}.transform-dialog-try-summary:after{content:"▶";font-size:9px;transition:transform .15s}.transform-dialog-try[open] .transform-dialog-try-summary{color:var(--color-text)}.transform-dialog-try[open] .transform-dialog-try-summary:after{transform:rotate(90deg)}.transform-dialog-try-body{padding-top:var(--space-3)}.settings-page{display:flex;flex-direction:column;gap:var(--space-6)}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:stretch}@media (max-width: 680px){.settings-columns{grid-template-columns:1fr}}.settings-column{display:flex;flex-direction:column;gap:var(--space-3)}.settings-section-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0}.settings-section-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0;line-height:1.6}.settings-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:24px}.settings-panel--account{gap:var(--space-4)}.settings-account-info{display:flex;align-items:center;gap:12px;width:100%}.settings-account-avatar{width:38px;height:38px;border-radius:10px;background:#4b8bf51f;color:#4b8bf5;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-account-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-account-email{font-size:14px;font-weight:500;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;background:#ffffff0f;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.06);width:fit-content}.settings-tier-badge--pro,.settings-tier-badge--pro_annual{background:#4b8bf51f;color:#4b8bf5;border-color:#4b8bf533}.settings-tier-badge--enterprise{background:#34d3991f;color:#34d399;border-color:#34d39933}@media (prefers-color-scheme: light){.settings-tier-badge{background:#0000000d;border-color:#00000014;color:#52525b}.settings-tier-badge--pro,.settings-tier-badge--pro_annual{background:#4b8bf51a;border-color:#4b8bf533;color:#3b6fd4}.settings-tier-badge--enterprise{background:#34d3991a;border-color:#34d39933;color:#059669}.settings-account-avatar{background:#4b8bf51a}}.settings-account-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.settings-field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.settings-field-value{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-select{width:100%;min-height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;padding:0 var(--space-3)}.settings-select:disabled{opacity:.7;cursor:not-allowed}.settings-signout-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:#71717a;font-size:var(--font-size-sm);font-family:inherit;padding:4px 0;cursor:pointer;transition:color .15s;text-decoration:none}.settings-signout-btn:hover{color:var(--color-text)}.settings-signout-btn:focus-visible{outline:2px solid rgba(75,139,245,.6);outline-offset:2px;border-radius:4px}.settings-error{font-size:var(--font-size-sm);color:var(--color-danger);margin:0;padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent)}.settings-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.api-keys-page{padding-bottom:var(--space-8)}.api-keys-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}.api-keys-main,.api-keys-sidebar{min-width:0}.api-keys-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.api-keys-card{padding:var(--space-5)}.api-keys-card h2,.api-keys-card h3,.api-keys-card p{margin:0}.api-keys-card h2{font-size:var(--font-size-lg);color:var(--color-text)}.api-keys-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.api-keys-card-header p,.api-keys-note,.api-keys-card--secret p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.api-keys-error{margin:0 0 var(--space-4);color:var(--color-danger);font-size:var(--font-size-sm)}.api-keys-empty{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center}.api-keys-empty h3{color:var(--color-text);font-size:var(--font-size-md)}.api-keys-empty p{max-width:320px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.api-keys-list{display:flex;flex-direction:column;gap:var(--space-3)}.api-keys-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-row-alt)}.api-keys-row-main{min-width:0}.api-keys-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.api-keys-title-line h3{color:var(--color-text);font-size:var(--font-size-md)}.api-keys-status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:var(--font-size-xs);text-transform:capitalize}.api-keys-status--active{background:#22c55e1f;color:var(--color-success)}.api-keys-status--inactive{background:#f59e0b1f;color:var(--color-favorite)}.api-keys-status--revoked{background:#ef44441f;color:var(--color-danger)}.api-keys-meta-line,.api-keys-detail-grid{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.api-keys-meta-line span:not(:last-child):after,.api-keys-detail-grid span:not(:last-child):after{content:"•";margin-left:var(--space-3);color:var(--color-text-placeholder)}.api-keys-scopes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.api-keys-scopes span{border:1px solid var(--color-border);border-radius:999px;padding:3px 8px;color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-xs)}.api-keys-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.api-keys-actions .btn-content,.api-keys-card--secret .btn-content{display:inline-flex;align-items:center;gap:var(--space-2)}.api-keys-confirm{display:flex;flex-direction:column;gap:var(--space-2)}.api-keys-action-note{max-width:150px;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.4;text-align:right}.api-keys-create-form,.api-keys-rename-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.api-keys-rename-form{flex:1;flex-direction:row;align-items:center;margin-top:0}.api-keys-field{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm)}.api-keys-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-variant);color:var(--color-text);font:inherit;padding:10px 12px;outline:none}.api-keys-input:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #60a5fa1f}.api-keys-input--compact{max-width:260px;padding:7px 10px}.api-keys-card--secret{border-color:#60a5fa3d}.api-keys-secret{display:block;max-width:100%;overflow-x:auto;margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-secondary);font-size:var(--font-size-xs);white-space:nowrap}@media (max-width: 980px){.api-keys-grid,.api-keys-row{grid-template-columns:1fr}.api-keys-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.api-keys-confirm{flex-direction:row}}.push-page{flex:1;min-height:0;overflow:hidden}.push-banner{border:1px solid rgba(239,68,68,.18);background:#ef444414;color:#fca5a5;border-radius:12px;padding:12px 14px;font-size:var(--font-size-sm)}.push-page-header-note{color:#6fbf9d;font-size:13px;line-height:1.35;text-align:right;max-width:360px}.push-workspace{flex:1;min-height:0;overflow:hidden;display:grid;gap:18px;grid-template-columns:minmax(320px,400px) minmax(0,1fr);grid-template-areas:"inbox detail"}.push-panel{min-height:0;overflow-y:auto;border-radius:20px;border:1px solid rgba(52,211,153,.08);background:radial-gradient(circle at top left,rgba(52,211,153,.06),transparent 38%),linear-gradient(180deg,#ffffff06,#ffffff03),#121318;box-shadow:inset 0 1px #ffffff05;padding:16px}.push-panel--compose{overflow:visible;border:none;border-radius:0;border-bottom:1px solid rgba(52,211,153,.1);background:transparent;box-shadow:none;padding:0 0 12px;margin-bottom:12px}.push-panel--inbox{grid-area:inbox}.push-panel--detail{grid-area:detail}.push-panel--inbox,.push-panel--detail{background:linear-gradient(180deg,#ffffff06,#ffffff03),#121318}.push-panel--inbox{border:none;background:transparent;box-shadow:none;padding:0}.push-panel--detail{border:none;background:transparent;box-shadow:none;padding:0 0 0 14px}.push-panel--inbox .push-panel__header{align-items:center;margin-bottom:8px}.push-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:14px}.push-panel__header-copy{display:flex;flex-direction:column;gap:3px}.push-panel__header-copy--compact{gap:1px}.push-panel__header--detail{margin-bottom:14px}.push-panel__eyebrow{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}.push-panel__title{color:var(--color-text);font-size:24px;font-weight:700;line-height:1.1}.push-panel__title--compact{font-size:17px;font-weight:650}.push-section-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.push-section-count{color:#7c7d86;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.push-panel__subtitle{color:#7c7d86;font-size:var(--font-size-sm);margin-top:6px}.push-compose-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:14px;background:#34d3990d;border:1px solid rgba(52,211,153,.08);margin-bottom:0;max-width:420px}.push-compose-top{display:grid;grid-template-columns:minmax(0,420px) minmax(260px,360px);align-items:end;justify-content:space-between;gap:14px;margin-bottom:8px}.push-compose-type{max-width:420px}.push-compose-target{justify-self:end;width:100%;max-width:360px}.push-compose-target-note{justify-self:end;width:100%;max-width:360px;padding-bottom:2px}.push-compose-tab{border:1px solid rgba(255,255,255,.04);background:#ffffff05;color:#8ea69a;border-radius:10px;min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:var(--font-size-sm);font-weight:600;transition:background .15s,color .15s,box-shadow .15s,border-color .15s}.push-compose-tab .btn-content,.push-send-button .btn-content,.push-toolbar-button .btn-content,.push-detail-action .btn-content{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.push-compose-tab--active{background:#34d3991f;color:#d7fff2;border-color:#34d39938;box-shadow:inset 0 0 0 1px #34d3990f}.push-compose-body{display:flex;flex-direction:column;gap:10px}.push-compose-body--split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:12px;align-items:stretch}.push-compose-main,.push-compose-side{min-width:0}.push-compose-main{min-height:150px}.push-compose-side{display:flex;flex-direction:column;gap:8px;min-height:100%;height:100%;padding-top:10px}.push-field{display:flex;flex-direction:column;gap:6px}.push-field__label{color:#8a8b94;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.push-textarea{width:100%;min-height:118px;height:118px;background:#34d3990a;border:1px solid rgba(52,211,153,.1);border-radius:12px;color:var(--color-text);font-family:inherit;font-size:15px;line-height:1.55;padding:12px 13px;resize:none;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.push-textarea::placeholder{color:#50515a}.push-textarea:focus{border-color:#34d39938;background:#34d3990a;box-shadow:0 0 0 3px #34d39914}.push-compose-main .push-textarea,.push-compose-main .push-drop-zone,.push-compose-main .push-staged-file{flex:1}.push-device-picker{position:relative}.push-device-picker__trigger{width:100%;border:1px solid rgba(52,211,153,.1);background:#34d3990a;color:var(--color-text);border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.push-device-picker__trigger:disabled{opacity:.5}.push-device-picker__summary{display:flex;min-width:0}.push-device-picker__primary,.push-device-picker__option-main,.push-inline-device{display:inline-flex;align-items:center;gap:8px;min-width:0}.push-device-picker__primary{font-size:14px;font-weight:600;width:100%}.push-device-picker__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-device-picker__secondary,.push-device-picker__option-meta{color:#72737c;font-size:12px}.push-device-picker__secondary--inline,.push-device-picker__option-meta{margin-left:auto;white-space:nowrap}.push-device-picker__menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;right:0;border-radius:14px;border:1px solid rgba(52,211,153,.12);background:#14161c;box-shadow:0 18px 48px #0006;padding:6px}.push-device-picker__option{width:100%;border:none;background:transparent;color:inherit;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:12px}.push-device-picker__option:hover,.push-device-picker__option--selected{background:#34d39914}.push-status-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0;background:#52525b;box-shadow:0 0 0 4px transparent}.push-status-dot--online{background:#34d399;box-shadow:0 0 0 4px #34d39924}.push-status-dot--recent{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1f}.push-status-dot--offline,.push-status-dot--broadcast{background:#6b7280}.push-ttl-row{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.push-ttl-chip{border:1px solid rgba(52,211,153,.08);background:#34d39908;color:#8ca194;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.push-ttl-chip--active{color:var(--color-type-push);border-color:#34d3994d;background:#34d3991f}.push-inline-note,.push-error,.push-list-feedback{font-size:var(--font-size-sm);color:#7d7f88;line-height:1.55}.push-inline-note{font-size:13px}.push-error{color:#fca5a5}.push-drop-zone{min-height:118px;height:118px;border-radius:14px;border:1px dashed rgba(52,211,153,.18);background:#34d39909;color:#8c8d95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px;transition:border-color .15s,color .15s,background .15s}.push-drop-zone strong{display:block;color:var(--color-text);margin-bottom:4px}.push-drop-zone span{display:block;font-size:var(--font-size-sm)}.push-drop-zone:hover,.push-drop-zone--active{border-color:#34d3994d;background:#34d3990d;color:var(--color-type-push)}.push-staged-file{display:flex;align-items:center;gap:12px;min-width:0;border-radius:14px;border:1px solid rgba(52,211,153,.1);background:#34d3990a;padding:12px;min-height:118px;height:118px}.push-staged-thumb{width:56px;height:56px;object-fit:cover;border-radius:12px;flex-shrink:0}.push-staged-thumb--icon{background:#34d3991f;color:var(--color-type-push);display:flex;align-items:center;justify-content:center}.push-staged-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.push-staged-name{color:var(--color-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-staged-size{color:#72737c;font-size:12px}.push-staged-rename-input{width:100%;border:1px solid rgba(52,211,153,.28);background:#34d3990d;color:var(--color-text);border-radius:10px;padding:8px 10px;outline:none}.push-staged-action,.push-staged-clear{width:34px;height:34px;border:none;background:#34d39912;color:#8d9098;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.push-staged-clear:hover{color:#f87171}.push-compose-actions{display:flex;justify-content:stretch;margin-top:auto;padding-top:6px}.push-send-primary{width:100%}.push-send-button.btn{min-height:42px;border-radius:12px;border:1px solid rgba(52,211,153,.22);background:#34d3991a;color:var(--color-type-push);box-shadow:none;justify-content:center}.push-send-button.btn:hover:not(:disabled){background:#34d39924;border-color:#34d39947;transform:none}.push-inbox-toolbar{margin-bottom:8px}.push-filter-chips{margin-bottom:10px}.push-inbox-header-actions{display:flex;align-items:stretch;gap:8px}.push-toolbar-button.btn{min-height:32px;padding-inline:12px;display:inline-flex;align-items:center;justify-content:center}.push-inbox-list{display:flex;flex-direction:column;gap:0}.push-inbox-row{width:100%;border:none;border-radius:0;background:transparent;padding:10px 6px 10px 4px;display:grid;grid-template-columns:3.5px 32px minmax(0,1fr) auto auto;gap:10px;align-items:start;color:inherit;text-align:left;transition:background .15s;position:relative}.push-inbox-row+.push-inbox-row{border-top:1px solid rgba(255,255,255,.05)}.push-inbox-row:hover{background:#ffffff08}.push-inbox-row--selected{background:#34d39916}.push-status-rail{width:3.5px;height:16px;margin-top:4px;border-radius:999px;background:#ffffff14}.push-status-rail--text,.push-status-rail--link,.push-status-rail--image,.push-status-rail--file{background:#34d399b3}.push-inbox-row__thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#34d3990f}.push-inbox-row__thumb--icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-type-push)}.push-inbox-row__thumb--favicon{object-fit:contain;padding:3px}.push-inbox-row__body{display:flex;flex-direction:column;gap:2px;min-width:0}.push-inbox-row__title{color:var(--color-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.push-inbox-row__preview{color:#8b8c95;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.push-inbox-row__time{color:#72747d;font-size:10px;line-height:1.2;white-space:nowrap;margin-top:2px}.push-inbox-row__chevron{color:#555763;font-size:18px;line-height:1;margin-top:1px}.push-detail{display:flex;flex-direction:column;gap:16px;min-height:100%}.push-detail-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100%}.push-detail-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.push-kind-pill,.push-transport-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.push-kind-pill{background:#34d3991a;color:var(--color-type-push)}.push-detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.push-detail-field{border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff04;padding:11px 13px}.push-detail-field__label{display:block;color:#6e7079;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.push-detail-field__value{display:flex;flex-direction:column;gap:3px;color:var(--color-text);font-size:14px;line-height:1.45}.push-detail-field__secondary{color:#7b7d86;font-size:12px}.push-detail-preview{flex:1;min-height:260px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff04;overflow:hidden}.push-detail-preview__image{width:100%;height:100%;max-height:560px;object-fit:contain;background:#0e0f13}.push-detail-preview__empty{min-height:260px;display:flex;align-items:center;justify-content:center;color:#787a83;font-size:var(--font-size-sm);padding:24px}.push-detail-text-card{display:flex;flex-direction:column;gap:12px;padding:16px;min-height:260px}.push-detail-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-type-push);font-size:13px;word-break:break-all}.push-detail-text{flex:1;color:var(--color-text);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;font-family:inherit}.push-detail-file-card{min-height:260px;display:flex;align-items:center;gap:16px;padding:18px}.push-detail-file-card__icon{width:56px;height:56px;border-radius:16px;background:#34d3991a;color:var(--color-type-push);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.push-detail-file-card__body{display:flex;flex-direction:column;gap:4px}.push-detail-file-card__body strong{color:var(--color-text);font-size:16px}.push-detail-file-card__body span{color:#8c8e96;font-size:13px}.push-detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.push-detail-actions--3{grid-template-columns:repeat(3,minmax(0,1fr))}.push-detail-actions--4{grid-template-columns:repeat(4,minmax(0,1fr))}.push-detail-actions--5{grid-template-columns:repeat(5,minmax(0,1fr))}.push-detail-actions .btn,.push-action-link{display:inline-flex;align-items:center;gap:8px}.push-action-link{text-decoration:none}.push-detail-action.btn,.push-action-link.push-detail-action{width:100%;min-height:40px;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--color-text);box-shadow:none;font-size:12px;padding-inline:10px}.push-detail-action.btn:hover:not(:disabled),.push-action-link.push-detail-action:hover{transform:none;background:#ffffff0a}.push-detail-action--accent.btn,.push-action-link.push-detail-action--accent{border-color:#34d39933;background:#34d39914;color:var(--color-type-push)}.push-detail-action--accent.btn:hover:not(:disabled),.push-action-link.push-detail-action--accent:hover{background:#34d3991f;border-color:#34d39947}.push-detail-action--neutral.btn,.push-action-link.push-detail-action--neutral{border-color:#ffffff14;background:#ffffff06;color:#c2c4cc}.push-detail-action--danger.btn{border-color:#ef444433;background:#ef444414;color:#f87171}.push-detail-action--danger.btn:hover:not(:disabled){background:#ef44441f;border-color:#ef444447}.push-button-inline{display:inline-flex;align-items:center;gap:8px}.push-spin{animation:push-spin .7s linear infinite}@keyframes push-spin{to{transform:rotate(360deg)}}@media (max-width: 1240px){.push-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-template-areas:"inbox detail"}.push-panel--detail{min-height:420px}.push-compose-top{grid-template-columns:1fr}.push-compose-target,.push-compose-target-note{justify-self:stretch;max-width:none}.push-compose-body--split{grid-template-columns:1fr}}@media (max-width: 860px){.push-page{overflow:visible}.push-workspace{overflow:visible;grid-template-columns:1fr;grid-template-areas:"inbox" "detail"}.push-panel{overflow:visible}.push-detail-meta-grid{grid-template-columns:1fr}.push-inbox-row{grid-template-columns:3.5px 32px minmax(0,1fr) auto}.push-inbox-row__chevron{display:none}.push-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.push-page-header-note{display:none}}.upgrade-page{display:grid;gap:20px}.upgrade-card{display:grid;gap:12px;max-width:620px}.upgrade-title{margin:0;font-size:1.4rem}.upgrade-copy,.upgrade-meta,.upgrade-error{margin:0}.upgrade-error{color:#b42318}.upgrade-actions{display:flex}.upgrade-link{color:inherit;font-weight:600;text-decoration:none}.auth-bridge-root{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 35%),linear-gradient(180deg,#0b0d10,#11151b);padding:24px}.auth-bridge-card{width:min(420px,100%);background:#0f141aeb;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:0 24px 64px #00000059}.auth-bridge-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-bridge-title{color:#f8fafc;font-size:1.5rem;margin:0}.auth-bridge-muted,.auth-bridge-sent-msg{color:#cbd5e1;margin:0 0 16px}.auth-bridge-google,.auth-bridge-primary{width:100%;border:0;border-radius:12px;padding:12px 14px;font-size:.95rem;font-weight:600;cursor:pointer}.auth-bridge-google{background:#f8fafc;color:#111827}.auth-bridge-primary{background:#16a34a;color:#f8fafc}.auth-bridge-divider{color:#94a3b8;font-size:.9rem;text-align:center;margin:16px 0}.auth-bridge-form{display:grid;gap:12px}.auth-bridge-label{color:#e2e8f0;font-size:.9rem}.auth-bridge-input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#020617bf;color:#f8fafc;padding:12px 14px}.auth-bridge-password-row{display:flex;justify-content:space-between;align-items:center}.auth-bridge-link{background:none;border:0;color:#60a5fa;padding:0;cursor:pointer;text-align:left}.auth-bridge-link--inline{font-size:.85rem}.auth-bridge-error{color:#fca5a5;margin:0}.auth-bridge-signup-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin:12px 0 0}