.email-list{height:100%;background:var(--email-bg-secondary);display:flex;flex-direction:column}.email-list-header{background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom:1px solid var(--email-border);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 2px 8px rgba(0,0,0,.3)}.email-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.email-list-title h2{font-size:18px;font-weight:600;color:var(--email-text-primary);display:flex;align-items:baseline;gap:8px}.demo-badge{font-size:11px;font-weight:400;color:var(--email-red-primary);padding:2px 6px;background:rgba(255,51,51,.1);border:1px solid var(--email-red-primary);border-radius:4px}.compose-btn{width:32px;height:32px;background:linear-gradient(135deg,var(--email-red-primary) 0,var(--email-red-secondary) 100%);border:1px solid var(--email-red-dark);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px var(--email-red-glow);transition:all .2s ease}.compose-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.4),0 4px 12px var(--email-red-glow)}.email-header-actions{display:flex;gap:8px;align-items:center}.email-action-btn{width:32px;height:32px;background:rgba(255,255,255,.05);justify-content:center}.email-settings-dropdown{position:absolute;top:100%;right:0;width:280px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid var(--email-border);border-radius:8px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 32px rgba(0,0,0,.8);z-index:100;margin-top:8px}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-label{display:block;font-size:13px;font-weight:500;color:var(--email-text-secondary);margin-bottom:8px}.payment-filter-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.payment-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--email-border) 0,var(--email-red-primary) 50%,var(--email-red-secondary) 100%);outline:none;transition:opacity .2s}.payment-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--email-red-primary);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 6px var(--email-red-glow)}.payment-value{font-size:12px;color:var(--email-red-primary);font-weight:600;min-width:40px;text-align:right}.settings-help{font-size:11px;color:var(--email-text-muted);font-style:italic}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--email-text-secondary);cursor:pointer;margin-bottom:8px}.settings-checkbox input[type=checkbox]{width:16px;height:16px;background:rgba(0,0,0,.4);border:1px solid var(--email-border-light);border-radius:3px;cursor:pointer}.settings-checkbox input[type=checkbox]:checked{background:var(--email-red-primary);border-color:var(--email-red-secondary)}.email-filters{display:flex;gap:8px;margin-bottom:12px}.filter-btn{padding:6px 12px;background:rgba(255,255,255,.03);border:1px solid var(--email-border-light);border-radius:6px;color:var(--email-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.2)}.filter-btn:hover{background:rgba(255,255,255,.05);color:var(--email-text-secondary);border-color:var(--email-border)}.filter-btn.active{background:linear-gradient(135deg,rgba(255,51,51,.15),rgba(204,0,0,.15));border-color:var(--email-red-primary);color:var(--email-red-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.3),0 0 10px var(--email-red-glow)}.email-search{position:relative}.email-search-input{width:100%;background:rgba(0,0,0,.4);border:1px solid var(--email-border-light);border-radius:6px;padding:8px 12px 8px 32px;color:var(--email-text-primary);font-size:13px;transition:all .2s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.email-search-input:focus{outline:none;border-color:var(--email-red-primary);background:rgba(0,0,0,.6);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 2px var(--email-red-glow)}.email-search-input::-moz-placeholder{color:var(--email-text-muted)}.email-search-input::placeholder{color:var(--email-text-muted)}.email-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--email-text-muted)}.email-list-items{flex:1;overflow-y:auto;background:var(--email-bg-primary)}.email-list-loading{display:flex;align-items:center;justify-content:center;height:200px}.email-list-spinner{width:32px;height:32px;border:3px solid var(--email-border);border-top-color:var(--email-red-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.email-list-empty{padding:40px 20px;text-align:center}.email-empty-icon{width:64px;height:64px;margin:0 auto 16px;opacity:.2;color:var(--email-text-muted)}.email-empty-text{color:var(--email-text-muted);font-size:14px;margin-bottom:16px}.email-empty-action{padding:8px 16px;background:linear-gradient(135deg,var(--email-red-primary) 0,var(--email-red-secondary) 100%);border:1px solid var(--email-red-dark);border-radius:6px;color:white;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px var(--email-red-glow)}.email-empty-action:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.4),0 4px 12px var(--email-red-glow)}.email-item{padding:12px 16px;border-bottom:1px solid var(--email-border);cursor:pointer;transition:all .2s ease;position:relative;background:transparent}.email-item:hover{background:rgba(255,51,51,.03)}.email-item.unread{background:rgba(255,51,51,.02)}.email-item.selected{background:linear-gradient(90deg,rgba(255,51,51,.08),transparent);border-left:3px solid var(--email-red-primary);padding-left:13px}.email-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px}.email-star-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;transition:all .2s;flex-shrink:0}.email-star-btn:hover{color:#fbbf24;transform:scale(1.1)}.email-star-btn.starred{color:#fbbf24}.email-item-from{display:flex;align-items:center;gap:6px;flex:1}.email-item-sender{font-size:14px;font-weight:500;color:var(--email-text-secondary)}.email-item.unread .email-item-sender{color:var(--email-text-primary);font-weight:600}.email-item-badges{display:flex;gap:4px;align-items:center}.email-item-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.badge-payment{background:rgba(76,175,80,.15);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.badge-encrypted{color:var(--email-text-muted)}.badge-onchain{color:var(--email-red-primary)}.email-item-time{font-size:12px;color:var(--email-text-muted);margin-left:8px}.email-item-subject{font-size:14px;color:var(--email-text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item.unread .email-item-subject{color:var(--email-text-primary);font-weight:500}.email-item-preview{font-size:13px;color:var(--email-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.priority-filter{padding:12px 16px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--email-border)}.priority-slider{width:100%;-webkit-appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,transparent 0,var(--email-red-primary) 50%,var(--email-red-secondary) 100%);outline:none;opacity:.8;transition:opacity .2s}.priority-slider:hover{opacity:1}.priority-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--email-red-primary);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 8px var(--email-red-glow)}.priority-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--email-red-primary);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 8px var(--email-red-glow)}.email-preview{height:100%;background:var(--email-bg-primary);display:flex;flex-direction:column}.email-preview-header{background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom:1px solid var(--email-border);padding:12px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 2px 8px rgba(0,0,0,.3)}.email-preview-actions{display:flex;align-items:center;gap:8px}.email-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.03);border:1px solid var(--email-border-light);border-radius:6px;color:var(--email-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.2)}.email-action-btn:hover{background:rgba(255,51,51,.1);border-color:var(--email-red-primary);color:var(--email-red-primary);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px var(--email-red-glow)}.email-action-separator{width:1px;height:24px;background:var(--email-border-light);margin:0 8px}.email-preview-subject{padding:20px 24px;border-bottom:1px solid var(--email-border);background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between}.email-preview-subject h2{font-size:24px;font-weight:600;color:var(--email-text-primary);margin:0}.payment-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.05));border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:6px 12px;color:#4caf50;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 8px rgba(76,175,80,.2)}.email-preview-meta{padding:16px 24px;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);border-bottom:1px solid var(--email-border);display:flex;justify-content:space-between;align-items:center}.email-sender{gap:12px}.email-sender,.sender-avatar{display:flex;align-items:center}.sender-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--email-red-primary) 0,var(--email-red-dark) 100%);border:2px solid var(--email-red-secondary);border-radius:50%;justify-content:center;font-size:20px;font-weight:700;color:white;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 4px 12px var(--email-red-glow)}.sender-info{display:flex;flex-direction:column;gap:4px}.sender-name{font-size:16px;font-weight:600;color:var(--email-text-primary)}.sender-details{font-size:13px;color:var(--email-text-muted)}.email-badges{display:flex;gap:8px}.email-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.email-badge.encrypted{background:rgba(156,39,176,.1);border-color:rgba(156,39,176,.3);color:#ba68c8}.email-badge.onchain{background:rgba(255,152,0,.1);border-color:rgba(255,152,0,.3);color:#ffb74d}.email-badge.payment{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.3);color:#81c784}.email-preview-content{flex:1;overflow-y:auto;padding:32px 24px;background:var(--email-bg-primary)}.email-body{max-width:800px;margin:0 auto;color:var(--email-text-secondary);font-size:15px;line-height:1.7}.email-raw{background:rgba(0,0,0,.5);border:1px solid var(--email-border);border-radius:8px;padding:16px;color:var(--email-text-muted);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;overflow-x:auto;box-shadow:inset 0 2px 8px rgba(0,0,0,.3)}.email-attachments{padding:20px 24px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));border-top:1px solid var(--email-border)}.email-attachments h3{font-size:14px;font-weight:600;color:var(--email-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.03);border:1px solid var(--email-border-light);border-radius:6px;color:var(--email-text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.2)}.attachment-item:hover{background:rgba(255,51,51,.05);border-color:var(--email-red-primary);color:var(--email-red-primary)}.email-reply-section{padding:20px 24px;background:linear-gradient(180deg,#141414,#0a0a0a);border-top:1px solid var(--email-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 -2px 10px rgba(0,0,0,.3)}.reply-buttons{display:flex;gap:12px}.reply-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.reply-btn.primary{background:linear-gradient(135deg,var(--email-red-primary) 0,var(--email-red-secondary) 100%);border-color:var(--email-red-dark);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 8px var(--email-red-glow)}.reply-btn.primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.4),0 4px 12px var(--email-red-glow)}.reply-btn.secondary{background:rgba(255,255,255,.05);border-color:var(--email-border-light);color:var(--email-text-secondary);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(0,0,0,.2)}.reply-btn.secondary:hover{background:rgba(255,255,255,.08);color:var(--email-text-primary);border-color:var(--email-border)}