@media (max-width:480px){.progress-step{width:28px;height:28px;font-size:11px}.progress-line{width:30px}.login-container{padding:16px}.forgot-password-container,.login-box{padding:30px 20px}.login-footer{padding-top:20px}.footer-links{gap:10px}.main-content{padding:16px;width:100%;max-width:100%}.mobile-page-title{display:block !important;font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 10px 0;letter-spacing:0.5px;background:var(--bg-card);border-radius:8px;padding:8px 16px}.header-left .page-title{display:none !important}.mail-actions>button,.mail-actions>label,.mail-actions>div{flex-shrink:0}.mail-actions::-webkit-scrollbar{display:block !important;height:5px !important}.mail-actions::-webkit-scrollbar-track{background:transparent !important}.mail-actions::-webkit-scrollbar-thumb{background:rgba(156,163,175,0.4) !important;border-radius:4px !important}.mail-actions::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,0.6) !important}.premium-notice{margin-left:0;margin-bottom:0}.email-item{flex-direction:row;align-items:center;min-width:0}.email-sender{font-size:16px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-date{font-size:11px;flex-shrink:0;white-space:nowrap;min-width:70px;text-align:right}.email-subject{font-size:13px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.email-preview{font-size:12px;line-height:1.2;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:1px}.sender-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;font-size:16px;flex-shrink:0}.email-meta{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:12px;min-width:0;flex-wrap:wrap}.sender-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.sender-details{flex:1;min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.sender-details h3{font-size:14px;font-weight:500;color:#1a202c;margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal}.sender-email{font-size:11px;color:#64748b;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal}.email-subject-view{font-size:16px;margin-top:6px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal;width:100%;max-width:100%}.email-date-time{font-size:11px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal;flex-shrink:1}.btn{padding:10px 14px;font-size:13px;min-height:42px}.btn-sm{padding:6px 10px;font-size:11px;min-height:32px}.copy-icon{padding:8px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:fixed;top:60px;left:0;right:0;width:100%;margin:0;border-radius:0;border:none;max-height:calc(100vh - 65px);transform:translateY(-100%);visibility:hidden}.stat-icon{width:48px;height:48px;font-size:20px}.header-left h3{font-size:16px}.filter-actions{gap:8px}.btn-danger,.btn-secondary,.btn-outline,.btn-secondary{font-size:13px;padding:10px 16px}.orders-table td,.orders-table th{padding:8px 6px;font-size:14px}.security-layout{gap:20px}.activity-info i{width:10px;margin-right:4px}.activity-info{width:100%}.recovery-action{width:100%;display:flex;justify-content:flex-start}.not-set{font-size:10px;padding:2px 6px}.empty-state i{font-size:40px;margin-bottom:12px}.subscriptions-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.subscription-name{font-size:16px;margin-bottom:8px}.subscription-price{font-size:18px;margin-bottom:12px}.subscription-validity{font-size:12px;margin-bottom:12px}.subscription-card,.plan-card{padding:16px 12px;border-radius:8px}.plan-features{margin:12px 0}.footer-copyright,.plan-features li::before{font-size:11px}.storage-options{grid-template-columns:1fr;gap:8px;margin:12px 0}.plan-badge,.subscription-badge{font-size:10px;padding:3px 6px;border-radius:10px;top:8px;right:8px}.empty-state{padding:32px 16px;text-align:center}.empty-state h3{font-size:16px !important;margin-bottom:6px !important}.empty-state p{font-size:13px !important;margin-bottom:16px !important}.activity-stats,.invoices-summary{grid-template-columns:1fr}.Forgot-password-title h1,.stat-content h3{font-size:20px}.footer-links a,.price-period,.stat-content p{font-size:12px}.billing-btn{padding:10px 16px}.storage-price{font-size:15px}.attachments-list{grid-template-columns:1fr;gap:12px}.attachment-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon info" "actions actions";gap:12px;padding:14px;align-items:center}.attachment-icon{grid-area:icon;align-self:center;width:38px;height:38px;font-size:18px;flex-shrink:0}.attachment-info{grid-area:info;text-align:left;min-width:0}.attachment-name{font-size:13px;font-weight:600;white-space:normal;word-break:break-all;line-height:1.4}.attachment-meta{font-size:11px;margin-top:2px}.attachment-actions{grid-area:actions;display:flex;width:100%;gap:8px;margin-top:4px}.attachment-actions .btn-download{flex:1;justify-content:center;padding:8px 12px;font-size:12px}.plan-name{margin-bottom:10px;font-size:24px}.plan-features li{line-height:1.3;font-size:14px}.profile-container{padding:0}.storage-option{padding:12px 8px;font-size:12px;border-radius:6px}}@media (max-width:768px){.header-center{display:none !important}.mobile-search-toggle{display:flex !important}.mobile-search-container{position:static}.mobile-search-dropdown{display:block !important;width:calc(100% - 32px) !important;left:16px !important;right:16px !important;top:60px !important;max-width:none !important}.status-cell-wrapper{align-items:flex-end}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%;box-sizing:border-box}.orders-table tr{padding:16px;border-bottom:1px solid var(--border-color)}.orders-table tr:last-child{border-bottom:none}.orders-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:none;text-align:right}.orders-table td::before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:13px;text-align:left;margin-right:15px}.sidebar.mobile-open .sidebar-close-btn{display:flex;opacity:1;visibility:visible;transform:scale(1)}.sidebar.mobile-open .storage-usage-container{display:block;box-shadow:none}.profile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;opacity:0;visibility:hidden}.email-body{font-size:14px;line-height:1.5}.sidebar{transform:translateX(-100%);height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:250;backdrop-filter:blur(20px);padding-bottom:0}.sidebar.mobile-open{transform:translateX(0)}.sidebar-content{height:calc(100dvh - 70px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex-direction:column;padding-bottom:30px}.sidebar-nav{flex:1;min-height:0}.user-profile{flex-shrink:0;padding:16px}.nav-section{margin-bottom:16px}.header{left:0;padding:0 16px}.page-title{font-size:18px;max-width:calc(100vw - 200px)}.header-action{width:36px;height:36px;font-size:16px}.profile-dropdown{min-width:240px;max-width:260px;width:260px;right:-20px;margin-right:16px}.main-content{margin-left:0;padding:16px;width:100%;max-width:100%}.pagination,.select-all-notice{left:0 !important}.mail-actions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mail-actions>button,.mail-actions>label,.mail-actions>div{flex-shrink:0}.action-btn span{display:inline;font-size:14px;pointer-events:none}.dropdown{position:relative;flex:none}.email-list{border-radius:8px;width:100%;max-width:100%}.email-item{flex-direction:row;align-items:center;position:relative;min-width:0}.sender-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;flex-shrink:0}.email-content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.email-sender{font-size:16px;font-weight:500;color:#1a202c;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-date{font-size:12px;flex-shrink:0;white-space:nowrap;min-width:80px;text-align:right}.email-subject{font-size:14px;line-height:1.4;margin:0;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%}.email-preview{font-size:13px;line-height:1.3;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;margin-top:2px}.email-view-header{padding:16px;word-wrap:break-word;overflow-wrap:break-word}.email-meta{display:flex;justify-content:space-between;align-items:flex-start;width:100%;min-width:0;gap:12px;flex-wrap:wrap;flex-direction:row}.sender-info{display:flex;flex-direction:row;align-items:flex-start;gap:12px;flex:1;min-width:0}.sender-details{flex:1;min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.email-date-time{font-size:12px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal;flex-shrink:1}.email-subject-view{font-size:18px;line-height:1.4;margin-top:8px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;width:100%;max-width:100%}.sender-details h3{font-size:15px;font-weight:500;color:#1a202c;margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;white-space:normal}.sender-email{font-size:12px;color:#64748b;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;white-space:normal}.btn-outline,.btn-primary,.btn-secondary,.btn-sm,.empty-state .btn-primary,a[class*=btn-],button[class*=btn-],.orders-table td .action-buttons button,.btn-group .btn{width:100%;justify-content:center}.btn{padding:12px 16px;font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-sm{padding:8px 12px;font-size:12px;min-height:36px}.inbox-alert-card{padding:12px 16px;gap:12px;min-height:auto}.inbox-alert-content{font-size:14px;line-height:1.4}.inbox-alert-content a{margin-left:8px;padding:6px 12px;font-size:12px}.inbox-alert-dismiss{width:28px;height:28px;margin-left:4px;align-self:flex-start;margin-top:2px}.activity-controls{flex-direction:column;align-items:stretch;gap:20px}.filter-form{flex-direction:column;align-items:stretch}.activity-details{flex-direction:column;gap:4px}.user-avatar-large{width:100px;height:100px;font-size:40px}.copy-btn{align-self:center;margin-top:0;width:auto;min-width:80px}.purchase-layout{gap:20px}.plan-summary-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.user-name,.plan-summary-header h3{font-size:20px}.plan-billing-badge{font-size:11px;padding:6px 14px}.price-display{gap:2px}.price-display .amount{font-size:28px}.payment-header-simple{flex-direction:column;text-align:center;gap:8px}.sessions-grid,.payment-content-simple{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 0}.detail-row .value{text-align:center;margin-bottom:6px;max-width:100%}.detail-row .label,.qr-simple{min-width:auto}.qr-img{max-width:160px;min-width:120px}.payment-header,.payment-method-content{flex-direction:column;text-align:center;gap:12px}.success-section{padding:40px 16px}.success-icon{font-size:56px}.header-content h1,.success-section h2{font-size:24px}.price-display .currency,.payment-header-simple h4,.success-section p{font-size:16px}.btn-group,.success-actions{flex-direction:column;gap:12px}.success-btn{width:100%;justify-content:center;padding:16px 24px}.security-layout{grid-template-columns:1fr;gap:20px}.card-header-content .btn{align-self:flex-start}.orders-table td .action-buttons,.header-actions,.activity-info,.session-info{width:100%}.spam-warning-alert{padding:14px 16px;margin-bottom:16px}.spam-warning-alert .not-spam-btn{padding:7px 14px;font-size:12px}.form-row,.plans-grid,.filters-form,.subscriptions-grid{grid-template-columns:1fr;gap:16px}.storage-options{grid-template-columns:1fr;gap:8px}.btn-view-all{align-self:flex-end;padding:6px 12px;font-size:13px}.orders-table td,.orders-table th{padding:8px}.orders-table th{font-size:12px}.card-header-content{flex-direction:column;align-items:stretch;gap:16px}.activity-controls-actions,.subscription-header-actions{justify-content:center}.suspended-actions,.premium-actions{flex-direction:column;align-items:center}.suspended-btn,.premium-secondary-btn,.premium-upgrade-btn{width:100%;max-width:280px;justify-content:center}.notice-content{font-size:13px;gap:8px}.page-subtitle,.price-display .period,.amount-info strong,.invoice-id strong,.notice-content i{font-size:14px}.email-body.plain-text,.spam-warning-alert .alert-message{font-size:13px}.btn-download{padding:6px 12px;font-size:12px}.plan-selection-container,.storage-selection-container{padding:24px 16px;margin:0}.payment-header h4,.plan-title{font-size:18px}.profile-layout,.upgrade-layout,.plans-grid-main,.plans-grid-main.two-plans{grid-template-columns:1fr;gap:24px}.billing-btn{padding:12px 16px}.billing-container,.purchase-container,.profile-container{padding:0}.storage-options-grid{grid-template-columns:1fr;gap:10px}.storage-option{padding:14px 10px}.email-iframe{min-height:100px !important}.orders-table thead,.storage-usage-container,.header-center,.invoices-table td:nth-child(n+4),.invoices-table th:nth-child(n+4){display:none}.notifications-history-header{flex-direction:column;align-items:flex-start;gap:20px}.payment-simple-container,.plan-card,.subscription-card,.history-item{padding:16px}.plans-grid-main.three-plans,.plans-grid-main.two-plans{grid-template-columns:1fr;gap:20px;max-width:400px}.mail-actions .dropdown-content{position:fixed !important;bottom:auto !important;right:auto !important;z-index:100000 !important;box-shadow:0 4px 12px rgba(0,0,0,0.25) !important;border:1px solid var(--border-color) !important;background:var(--dropdown-menu-bg) !important;border-radius:8px !important;padding-bottom:0 !important}.mail-actions .dropdown-content::before{display:none !important}.mail-actions .dropdown-content a{padding:10px 16px !important;font-size:14px !important;border-bottom:none !important}}@media (min-width:769px){.sidebar-close-btn{display:none !important}}@media screen and (max-width:1000px) and (min-width:768px){.payment-content-simple{grid-template-columns:none}}@media (max-width:1200px) and (min-width:769px){.sessions-grid{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.user-avatar-large{width:100px;height:100px;font-size:40px;margin:0 auto 16px}.user-name{font-size:22px;margin-bottom:16px}.profile-container{padding:20px;max-width:800px}.profile-layout,.security-layout{grid-template-columns:1fr;gap:24px}.card-header-content{gap:16px}.card-header-content .btn{font-size:13px;padding:6px 12px}.upgrade-layout{grid-template-columns:1fr;gap:32px;max-width:800px}.plan-selection-container{padding:28px 24px;height:auto}.plan-subtitle{font-size:16px;margin-bottom:24px}.plan-header{margin-bottom:32px}.plan-features li{font-size:15px;padding:6px 0 6px 20px;position:relative}.plan-features li:before{content:'✓';position:absolute;left:0;top:6px;color:var(--color-success);font-weight:600;font-size:14px}.billing-btn{padding:12px 20px;font-size:14px}.upgrade-column{width:100%}.plans-grid-main.three-plans,.plans-grid-main.two-plans{grid-template-columns:1fr;gap:20px;max-width:400px}}