.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:1rem;max-width:1200px;width:100%}.notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.notification-summary>div{display:flex;gap:1rem;align-items:center;padding:1.25rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.notification-summary svg{color:var(--primary);flex-shrink:0}.notification-summary span{display:grid;gap:.2rem;color:var(--text-muted);font-size:.85rem}.notification-summary strong{font-size:1.8rem;line-height:1.2;color:var(--text)}.notification-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.notification-toolbar label{display:grid;gap:.35rem;font-size:.8rem;font-weight:700;min-width:210px}.notification-toolbar select{padding:.65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.notification-toolbar>small{margin-left:auto;color:var(--text-muted)}.notification-cards{display:grid;gap:.7rem}.notification-card{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);padding:1.2rem;border:1px solid var(--border);border-radius:14px}.notification-card[data-read=false]{border-inline-start:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.notification-card[data-priority=urgent]{border-inline-start:4px solid #dc3545}.notification-card-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.notification-card-content{min-width:0;flex:1;overflow-wrap:anywhere}.notification-card h2{margin:.55rem 0 .35rem;font-size:1rem;line-height:1.4}.notification-card h2 a{color:var(--text);text-decoration:none}.notification-card h2 a:hover{text-decoration:underline}.notification-card p{margin:0 0 .65rem;color:var(--text-muted);font-size:.88rem;line-height:1.5}.notification-card-labels{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted)}.notification-card-labels strong{border-radius:99px;padding:.2rem .5rem;background:var(--surface-2);color:var(--text)}.notification-card-labels .notification-new{background:#c62838;color:#fff}.notification-card-labels .notification-urgent{background:#991b1b;color:#fff}.notification-card-labels .notification-action{border:1px solid var(--primary)}.notification-card time,.notification-card-actions small{display:flex;gap:.35rem;align-items:center;color:var(--text-muted);font-size:.72rem}.notification-card-actions{display:grid;justify-items:end;gap:.5rem}.notification-card-actions .small-button{display:inline-flex;align-items:center;gap:.4rem}.notification-section-notice{margin:1rem 0;display:grid;gap:.6rem;padding:1rem;border:1px solid var(--primary);border-radius:16px;background:var(--surface)}.notification-section-notice>h2{display:flex;gap:.5rem;align-items:center;font-size:1rem;margin:0}.notification-section-notice>p{color:var(--text-muted);font-size:.85rem;margin:0}.notification-section-notice>button{justify-self:start}.nav-attention-dot{width:9px;height:9px;display:inline-block;flex-shrink:0;border-radius:50%;background:#ed3446;box-shadow:0 0 0 3px color-mix(in srgb,#ed3446 15%,transparent);margin-left:.4rem}@media(max-width:650px){.notification-summary{gap:.5rem}.notification-summary>div{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.notification-summary strong{font-size:1.4rem}.notification-card{flex-wrap:wrap;padding:.9rem;gap:.65rem}.notification-card-content{flex-basis:calc(100% - 60px)}.notification-card-actions{width:100%;display:flex;flex-wrap:wrap}}
