*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--accent-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--text-primary:#0f172a;--text-secondary:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--background:#fff;--surface:#f8fafc;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--modal-overlay:rgba(0,0,0,.5);--radius:12px;--radius-sm:8px;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}@media (prefers-color-scheme:dark){:root{--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-light:#64748b;--border-color:#334155;--background:#0f172a;--surface:#1e293b;--shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--modal-overlay:rgba(0,0,0,.7);--primary-light:#4338ca}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--surface);min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease}[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}#app{flex-direction:column;min-height:100vh;max-width:430px;margin:0 auto;position:relative;transition:background-color .3s ease}#app,.app-header{display:flex;background:var(--background)}.app-header{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.profile-btn:hover{color:var(--primary-color);background:var(--surface)}.app-main{flex:1 1;padding-bottom:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-content{padding:var(--space-lg);animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-section{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-md) 0}.welcome-section h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--background);border-radius:var(--radius);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .2s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.stat-card.clickable:active{transform:translateY(0)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem}.stat-info{flex:1 1}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:2px}.action-section{margin-bottom:var(--space-xl)}.action-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.action-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.action-card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;min-height:80px;justify-content:center}.action-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-card:disabled{opacity:.5;cursor:not-allowed}.action-card.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.action-card.primary:hover:not(:disabled){background:var(--primary-dark)}.action-card.secondary{background:var(--background);color:var(--text-primary)}.action-card i{font-size:1.25rem}.wardrobe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.wardrobe-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.add-btn{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2rem}.add-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.search-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-bar{flex:1 1;position:relative;display:flex;align-items:center}.search-bar i{position:absolute;left:var(--space-md);color:var(--text-light);z-index:2}.search-bar input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background:var(--background);transition:border-color .2s}.search-bar input:focus{outline:none;border-color:var(--primary-color)}.sort-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--background);font-size:.875rem;color:var(--text-primary);cursor:pointer;min-width:120px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.timeline-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.log-btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.log-btn:hover:not(:disabled){background:var(--primary-dark)}.log-btn:disabled{opacity:.5;cursor:not-allowed}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.item-card{background:var(--background);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color);cursor:pointer;transition:all .2s}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.item-image{width:100%;height:120px;object-fit:contain;background:var(--surface)}.item-image.placeholder{background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:2rem}.item-info{padding:var(--space-md)}.item-brand{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:500;margin-bottom:2px}.item-description{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.item-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.item-price{font-size:.875rem;font-weight:600;color:var(--accent-color)}.cost-per-wear{font-size:.75rem;color:var(--text-secondary)}.item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-light)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-md)}.timeline-item{background:var(--background);border-radius:var(--radius);padding:var(--space-lg);border:1px solid var(--border-color);box-shadow:var(--shadow)}.timeline-date{margin-bottom:var(--space-md)}.date-label{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);border-bottom:2px solid var(--primary-color);padding-bottom:var(--space-xs)}.outfit-number{font-size:.8rem;font-weight:500;color:var(--primary-color);background:var(--primary-light);padding:2px var(--space-xs);border-radius:var(--radius-sm);display:inline-block}.timeline-content{display:flex;gap:var(--space-md);align-items:center}.outfit-preview{display:flex;position:relative}.outfit-item{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--background);margin-right:-10px;position:relative}.outfit-item img{width:100%;height:100%;object-fit:contain;background:var(--surface)}.item-placeholder{width:100%;height:100%;color:var(--text-light);font-size:1.2rem}.item-placeholder,.more-items{background:var(--surface);display:flex;align-items:center;justify-content:center}.more-items{width:50px;height:50px;border-radius:var(--radius-sm);border:2px solid var(--background);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.outfit-info{flex:1 1}.outfit-details{font-size:.875rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.empty-state i{font-size:3rem;color:var(--text-light);margin-bottom:var(--space-md)}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state p{margin-bottom:var(--space-lg)}.loading-state{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.loading-state i{font-size:2rem;color:var(--primary-color);margin-bottom:var(--space-md)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:var(--background);border-top:1px solid var(--border-color);display:flex;padding:var(--space-sm) 0;z-index:100}.nav-item{flex:1 1;background:none;border:none;padding:var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease;color:var(--text-light);border-radius:var(--radius-sm);position:relative}.nav-item.active{color:var(--primary-color);background:var(--surface)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:2px;background:var(--primary-color);border-radius:1px}.nav-item:hover:not(.active){color:var(--primary-color);background:rgba(99,102,241,.05)}.nav-item:active{transform:scale(.95)}.nav-item i{font-size:1.2rem}.nav-item span{font-size:.75rem;font-weight:500}.btn{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn.primary{background:var(--primary-color);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary:hover{background:var(--border-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:var(--space-md)}.modal.active{display:flex}.modal-content{background:var(--background);border-radius:var(--radius);width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.25rem;color:var(--text-primary)}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.btn-close:hover{background:var(--surface)}.modal-body{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:var(--text-primary);font-size:.875rem}.form-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.section-title i{color:var(--primary-color);font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.photo-upload-area{margin-bottom:var(--space-md)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s;background:var(--background)}.upload-placeholder:hover{border-color:var(--primary-color);background:var(--surface)}.upload-placeholder i{font-size:2rem;color:var(--text-light);margin-bottom:var(--space-sm)}.upload-placeholder span{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.upload-placeholder small{color:var(--text-secondary);font-size:.75rem}.image-preview-container{position:relative;text-align:center}.uploaded-image-preview{width:100%;max-width:200px;height:200px;object-fit:contain;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-md)}.background-removed-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;margin-bottom:var(--space-sm)}.change-photo-btn{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.change-photo-btn:hover{background:var(--border-color)}.ai-analysis-btn{width:100%;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);padding:var(--space-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.ai-analysis-btn:hover:not(:disabled){background:var(--primary-dark)}.ai-analysis-btn:disabled{opacity:.7;cursor:not-allowed}.ai-success-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(16,185,129,.1);border:1px solid var(--accent-color);border-radius:var(--radius);margin-top:var(--space-md)}.ai-success-message i{color:var(--accent-color);font-size:1.2rem}.ai-success-message strong{display:block;color:var(--text-primary);font-size:.875rem;margin-bottom:2px}.ai-success-message small{color:var(--text-secondary);font-size:.75rem}.custom-color-input{margin-top:var(--space-sm)!important}.form-hint{display:block;margin-top:var(--space-xs);font-size:.75rem;color:var(--text-secondary);font-style:italic}.form-group input,.form-group select{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:border-color .2s;background:var(--background)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color)}.form-actions .btn{flex:1 1}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--danger-color);padding:var(--space-md);border-radius:var(--radius);margin-bottom:var(--space-md);font-size:.875rem}.auth-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-xl);text-align:center}.auth-prompt h2{margin-bottom:var(--space-md);color:var(--text-primary)}.auth-prompt p{margin-bottom:var(--space-xl);color:var(--text-secondary)}@media (max-width:430px){#app,.bottom-nav{max-width:100%}}.item-card.selected{border:2px solid var(--primary-color);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.selected-items{margin-bottom:var(--space-lg)}.items-selection{max-height:300px;overflow-y:auto}.image-preview{margin-top:var(--space-xs);max-height:150px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border-color)}.image-preview img{width:100%;height:150px;object-fit:contain;background:var(--surface);display:block}.item-detail-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.detail-section{background:var(--surface);border-radius:var(--radius);padding:var(--space-lg);border:1px solid var(--border-color)}.detail-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-xs)}.detail-row,.detail-section h4{border-bottom:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.875rem;color:var(--text-primary);font-weight:600;text-align:right}.detail-value.capitalize{text-transform:capitalize}.outfit-header{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius)}.outfit-items-display{margin-top:var(--space-lg)}.outfit-items-display h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.profile-menu{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;z-index:200;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-info{padding:var(--space-md);border-bottom:1px solid var(--border-color)}.profile-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.profile-email{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.profile-actions{padding:var(--space-xs)}.profile-action{width:100%;background:none;border:none;padding:var(--space-sm) var(--space-md);text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);transition:all .2s}.profile-action:hover{background:var(--surface)}.profile-action.logout{color:var(--danger-color)}.profile-action.logout:hover{background:rgba(239,68,68,.1)}.home-section{margin-top:var(--space-xl)}.home-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.recent-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.recent-item{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s}.recent-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.recent-item-image{width:100%;height:120px;object-fit:contain;background:var(--surface);display:flex;align-items:center;justify-content:center}.recent-item-image.placeholder{color:var(--text-light);font-size:2rem}.recent-item-info{padding:var(--space-sm)}.recent-item-brand{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recent-item-description{font-size:.875rem;color:var(--text-primary);font-weight:500;margin:2px 0;line-height:1.3}.recent-item-wear{font-size:.75rem;color:var(--text-secondary)}.recent-outfits{display:flex;flex-direction:column;gap:var(--space-md)}.recent-outfit{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-md);cursor:pointer;transition:all .2s}.recent-outfit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.recent-outfit-date{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.recent-outfit-preview{display:flex;align-items:center;margin-bottom:var(--space-sm)}.recent-outfit-item{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--background);margin-right:-8px;position:relative}.recent-outfit-item img{width:100%;height:100%;object-fit:contain;background:var(--surface)}.recent-outfit-item .item-placeholder{width:100%;height:100%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1rem}.recent-outfit-info{font-size:.75rem;color:var(--text-secondary)}.date-input-large{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;font-weight:500;background:var(--background);color:var(--text-primary);text-align:center}.outfit-preview-image{width:100%;max-width:250px;height:250px;object-fit:contain;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--space-md)}.subsection-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.selected-items-section{margin-bottom:var(--space-lg)}.selected-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-md);background:rgba(99,102,241,.05);border:2px solid var(--primary-light);border-radius:var(--radius)}.available-items-section{margin-top:var(--space-lg)}.available-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);max-height:300px;overflow-y:auto;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface)}.outfit-item-card{position:relative;background:var(--background);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.outfit-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.outfit-item-card .item-image{position:relative;width:100%;height:80px;overflow:hidden}.outfit-item-card .item-image img{width:100%;height:100%;object-fit:contain;background:var(--surface)}.outfit-item-card .item-placeholder{width:100%;height:100%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.5rem}.outfit-item-card .item-info{padding:var(--space-sm);text-align:center}.outfit-item-card .item-brand{font-size:.7rem;color:var(--text-secondary);margin-bottom:2px}.outfit-item-card .item-description{font-size:.8rem;font-weight:500;color:var(--text-primary);line-height:1.2}.add-item-btn,.remove-item-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;transition:all .2s;opacity:0;transform:scale(.8)}.remove-item-btn{background:var(--danger-color)}.add-item-btn{background:var(--primary-color)}.outfit-item-card:hover .add-item-btn,.outfit-item-card:hover .remove-item-btn{opacity:1;transform:scale(1)}.empty-state-small{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:.875rem;background:var(--surface);border-radius:var(--radius);border:1px dashed var(--border-color)}.email-confirmation-content{text-align:center;padding:var(--space-lg)}.email-icon{background:var(--primary-light);color:var(--primary-color);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:1.5rem}.email-confirmation-content h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.email-confirmation-content p{color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.5}.email-address{font-weight:600;color:var(--primary-color)!important;background:var(--surface);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:var(--space-md)!important}.open-email-btn{margin:var(--space-lg) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%}.email-actions{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.categorized-items{position:relative}.category-section{margin-bottom:var(--space-xl)}.category-header{position:-webkit-sticky;position:sticky;top:0;background:var(--background);z-index:10;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg)}.category-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.category-title:before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}