.account-avatar-editor{display:flex;gap:1.5rem;align-items:flex-start;margin:1rem 0;padding:1.5rem;border-radius:1.25rem;box-sizing:border-box}.account-avatar-preview{flex-shrink:0;width:100px;height:100px;border-radius:1.25rem;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-size:2rem;font-weight:800;border:1px solid var(--border);box-shadow:0 4px 14px #0000000d}.account-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.account-avatar-content{flex:1 1 auto;min-width:0}.account-avatar-editor h2{margin:0 0 .35rem;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;color:var(--text);line-height:1.3}.account-avatar-desc{margin:0 0 .85rem;color:var(--text-muted);font-size:.9rem;line-height:1.45;word-break:break-word}.account-avatar-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:0 0 .75rem}.account-avatar-editor input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.account-avatar-editor label.small-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.45rem 1rem;border-radius:var(--radius-sm, .5rem);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.88rem;line-height:1.2;transition:background-color var(--dur-fast, .15s) ease,border-color var(--dur-fast, .15s) ease,box-shadow var(--dur-fast, .15s) ease,transform var(--dur-fast, .15s) ease}.account-avatar-editor label.small-button.is-busy,.account-avatar-editor label.small-button[aria-disabled=true]{opacity:.65;pointer-events:none;cursor:not-allowed}.account-avatar-editor label.small-button:focus-within{outline:2px solid var(--primary);outline-offset:2px}.account-avatar-actions .small-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.45rem 1rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-sm, .5rem)}.account-avatar-spin{animation:account-avatar-spin .8s linear infinite}@keyframes account-avatar-spin{to{transform:rotate(360deg)}}.account-avatar-note{font-size:.8rem;line-height:1.45;color:var(--text-muted);margin:0;word-break:break-word}.account-avatar-alert{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:.5rem;font-size:.84rem;line-height:1.35;margin-top:.75rem;word-break:break-word;max-width:100%}.account-avatar-alert.error{background:color-mix(in srgb,var(--danger, #ef4444) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger, #ef4444) 35%,transparent);color:var(--danger, #ef4444)}.account-avatar-alert.success{background:color-mix(in srgb,#10b981 10%,var(--surface));border:1px solid color-mix(in srgb,#10b981 35%,transparent);color:#059669}[data-theme=dark] .account-avatar-alert.success{color:#34d399}.account-gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}.appearance-editor{display:grid;gap:1rem;padding:1.5rem}.appearance-editor>label{display:grid;gap:.5rem}.appearance-preview{padding:2rem;border-radius:14px;background:var(--surface-2);display:grid;gap:.5rem}.appearance-preview strong{font-size:clamp(1.25rem,3vw,2.25rem);width:fit-content}.appearance-preview small{color:var(--text-muted)}.appearance-colors{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.appearance-colors label{display:grid;gap:.5rem}.appearance-colors input[type=color]{width:80px;height:48px;padding:.2rem}.personal-subscription-intro{display:flex;gap:1.25rem;padding:1.5rem;align-items:flex-start}.personal-subscription-intro>svg{flex-shrink:0;color:#d9aa45}.personal-subscription-intro h2{margin-top:0}.personal-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:1rem 0}.personal-plan-grid article{padding:1.5rem;display:flex;flex-direction:column;gap:.65rem;border-radius:18px}.personal-plan-grid article>svg{color:var(--primary)}.personal-plan-grid h2,.personal-plan-grid p{margin:0}.personal-plan-price{font-size:1.4rem;margin:.7rem 0}.personal-plan-grid ul{padding:0;list-style:none;display:grid;gap:.6rem}.personal-plan-grid li{display:flex;align-items:center;gap:.5rem}.personal-plan-grid article>button{margin-top:auto}.personal-purchase-review{display:grid;gap:1rem;padding:1.5rem;border:2px solid var(--primary)}.personal-purchase-review button{justify-self:start}@media(max-width:640px){.account-avatar-editor{flex-direction:column;gap:1.25rem;padding:1.25rem}.account-avatar-preview{width:80px;height:80px;border-radius:1rem;font-size:1.6rem}.personal-subscription-intro{flex-direction:column}}@media(max-width:440px){.account-avatar-actions{flex-direction:column;align-items:stretch}.account-avatar-actions .small-button,.account-avatar-editor label.small-button{width:100%;justify-content:center}}@media(forced-colors:active){.account-gradient-text{background:none!important;color:CanvasText;-webkit-text-fill-color:CanvasText}}.recycle-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.75rem;margin:1rem 0}.recycle-categories button{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:1rem;text-align:left;border-radius:14px;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.16,1,.3,1)}.recycle-categories button svg{grid-column:1 / -1;color:var(--primary)!important;transition:transform .2s ease,color .2s ease}.recycle-categories button strong{color:var(--text)!important;font-size:.95rem;font-weight:700}.recycle-categories button span{color:var(--text-muted)!important;font-size:.85rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:var(--surface-2)!important}.recycle-categories button:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--text)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.recycle-categories button:hover strong{color:var(--text)!important}.recycle-categories button:hover span{color:var(--text)!important;background:var(--surface-3)!important}.recycle-categories button:hover svg{transform:scale(1.08);color:var(--primary)!important}.recycle-categories button[aria-pressed=true],.recycle-categories button.active,.recycle-categories button[aria-selected=true]{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;outline:2px solid var(--primary);outline-offset:-1px;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.recycle-categories button[aria-pressed=true] svg,.recycle-categories button.active svg,.recycle-categories button[aria-selected=true] svg{color:#fff!important}.recycle-categories button[aria-pressed=true] strong,.recycle-categories button.active strong,.recycle-categories button[aria-selected=true] strong{color:#fff!important}.recycle-categories button[aria-pressed=true] span,.recycle-categories button.active span,.recycle-categories button[aria-selected=true] span{background:#ffffff40!important;color:#fff!important}.platform-notification-bell{position:relative}.platform-unread-dot{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;border-radius:99px;padding:0 3px;background:#c62838;color:#fff;font-size:10px;display:grid;place-items:center}.platform-urgent-chip,.platform-urgent-banner{border:1px solid #d94854;border-radius:10px;background:#d9485418;color:var(--text);display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem}.platform-urgent-chip{font-weight:700}.platform-urgent-banner{padding:1.25rem;flex-wrap:wrap}.platform-urgent-banner>div{flex:1}.platform-urgent-banner p{margin:.3rem 0 0}.platform-inbox{display:grid;gap:1rem}.platform-tabs,.platform-inbox-tools{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.platform-tabs button,.platform-inbox-tools button{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:10px;padding:.5rem .9rem;font-weight:600;transition:all .2s ease}.platform-tabs button:hover,.platform-inbox-tools button:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--text)!important}.platform-tabs [aria-pressed=true],.platform-tabs button.active{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important;font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 30%,transparent)}.platform-tabs [aria-pressed=true] svg,.platform-tabs button.active svg{color:#fff!important}.platform-inbox-tools label{display:grid;gap:.4rem}.platform-notification-list{display:grid;gap:.6rem}.platform-notification-list article{display:flex;align-items:start;gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.platform-notification-list article[data-read=false]{border-left:4px solid var(--accent)}.platform-notification-list article[data-priority=urgent]{border-left-color:#d94854}.platform-notification-list article>div{flex:1;min-width:0}.platform-notification-list h2{font-size:1rem;margin:.5rem 0}.platform-notification-list p{margin:.25rem 0 .65rem}.platform-notification-list small{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted)}.platform-notification-meta{display:flex;gap:.75rem;text-transform:capitalize;font-size:.75rem;color:var(--text-muted)}.platform-empty{padding:3rem;text-align:center;color:var(--text-muted)}.platform-online-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.platform-online-grid article{display:flex;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:10px}.platform-online-grid article>div{display:grid;gap:.25rem}.platform-online-grid img,.platform-online-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--surface-2)}.platform-online-dot{width:9px;height:9px;border-radius:50%;background:#38a66b;margin-left:auto}@media(max-width:650px){.platform-notification-list article{flex-wrap:wrap}.platform-urgent-chip{max-width:180px;font-size:.75rem}}.notification-workspace{display:grid;gap:1.25rem;max-width:75rem;width:100%}.notification-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.notification-summary>div{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--radius-lg, .85rem);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.notification-summary>div:hover{transform:translateY(-.125rem);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-md),0 0 1rem color-mix(in srgb,var(--primary) 10%,transparent)}.notification-summary svg{color:var(--primary);flex-shrink:0;width:1.65rem;height:1.65rem}.notification-summary span{display:grid;gap:.15rem;color:var(--text-muted);font-size:var(--text-xs, .78rem);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.notification-summary strong{font-size:1.85rem;font-weight:850;line-height:1.1;color:var(--text);letter-spacing:-.02em}.platform-urgent-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.35rem;border-radius:var(--radius-lg, .85rem);background:color-mix(in srgb,var(--danger, #dc2626) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger, #dc2626) 35%,transparent);box-shadow:0 .25rem 1.25rem color-mix(in srgb,var(--danger) 15%,transparent);color:var(--text)}.platform-urgent-banner svg{color:var(--danger);flex-shrink:0}.platform-urgent-banner strong{font-size:var(--text-base, .95rem);font-weight:750}.platform-urgent-banner p{margin:.15rem 0 0;font-size:var(--text-xs, .78rem);color:var(--text-muted)}.platform-urgent-banner .small-button{background:var(--danger);color:#fff;border:1px solid transparent;font-weight:700;padding:.4rem 1rem;border-radius:var(--radius-sm, .375rem);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease}.platform-urgent-banner .small-button:hover{background:var(--danger-strong, #b91c1c);transform:translateY(-.0625rem)}.notification-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.platform-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full)}.platform-tabs button{min-height:2.15rem;padding:0 1rem;border-radius:var(--radius-full);font-size:var(--text-xs, .78rem);font-weight:700;border:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);display:inline-flex;align-items:center;gap:.4rem}.platform-tabs button:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text)}.platform-tabs button[aria-pressed=true]{background:var(--primary);color:#fff;box-shadow:0 .125rem .5rem color-mix(in srgb,var(--primary) 35%,transparent)}.notification-toolbar label{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-xs, .8rem);font-weight:700;color:var(--text-muted)}.notification-toolbar select{padding:.45rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm, .5rem);background:var(--surface);color:var(--text);font-size:var(--text-xs, .8rem);font-weight:550;cursor:pointer}.notification-toolbar select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--primary) 20%,transparent)}.notification-toolbar>small{color:var(--text-soft);font-size:var(--text-xs, .75rem)}.notification-cards{display:grid;gap:.75rem}.notification-card{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg, .85rem);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;position:relative}.notification-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-.0625rem)}.notification-card[data-read=false]{border-inline-start:.25rem solid var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--surface));box-shadow:0 .25rem 1rem #00000014,0 0 .75rem color-mix(in srgb,var(--primary) 10%,transparent)}.notification-card[data-priority=urgent]{border-inline-start:.25rem solid var(--danger)}.notification-card-icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;flex-shrink:0;border-radius:var(--radius-md, .65rem);color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.notification-card-content{min-width:0;flex:1;overflow-wrap:anywhere}.notification-card h2{margin:.35rem 0 .3rem;font-size:var(--text-base, .95rem);line-height:1.35;font-weight:750}.notification-card h2 a{color:var(--text);text-decoration:none;transition:color .15s ease}.notification-card h2 a:hover{color:var(--primary);text-decoration:underline}.notification-card p{margin:0 0 .55rem;color:var(--text-muted);font-size:var(--text-sm, .85rem);line-height:1.5}.notification-card-labels{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:var(--text-2xs, .7rem);color:var(--text-muted)}.notification-card-labels strong{border-radius:var(--radius-full);padding:.15rem .5rem;background:var(--surface-2);color:var(--text);font-weight:750}.notification-card-labels .notification-new{background:var(--primary);color:#fff}.notification-card-labels .notification-urgent{background:var(--danger);color:#fff}.notification-card-labels .notification-action{border:1px solid var(--accent, #d97706);background:color-mix(in srgb,var(--accent, #d97706) 12%,var(--surface));color:var(--accent, #d97706)}.notification-card time,.notification-card-actions small{display:inline-flex;gap:.35rem;align-items:center;color:var(--text-soft);font-size:var(--text-xs, .72rem)}.notification-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;flex-shrink:0}.notification-card-actions .small-button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.15rem;padding:0 .85rem;border-radius:var(--radius-sm, .375rem);font-size:var(--text-xs, .78rem);font-weight:650;cursor:pointer;white-space:nowrap}.notification-section-notice{margin:1rem 0;display:grid;gap:.65rem;padding:1.15rem 1.35rem;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius-lg, .85rem);background:var(--surface);box-shadow:var(--shadow-sm)}.notification-section-notice>h2{display:flex;gap:.5rem;align-items:center;font-size:var(--text-base, 1rem);margin:0;color:var(--text)}.notification-section-notice>p{color:var(--text-muted);font-size:var(--text-sm, .85rem);margin:0}.notification-section-notice>button{justify-self:start}.nav-attention-dot{width:.55rem;height:.55rem;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--primary);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--primary) 20%,transparent);margin-left:.4rem}@media(max-width:48rem){.notification-summary{gap:.65rem}.notification-summary>div{padding:.85rem 1rem;gap:.75rem}.notification-summary strong{font-size:1.45rem}.notification-card{flex-direction:column;padding:1rem;gap:.75rem}.notification-card-actions{width:100%;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;padding-top:.45rem;border-top:1px solid var(--border-soft)}.platform-urgent-banner{flex-direction:column;align-items:flex-start;gap:.75rem}}