body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Roboto,sans-serif;line-height:1.5}.new-line{clear:both}.App{background-color:#fff;margin:0 auto;max-width:400px;min-height:100vh;position:relative}.form-label{justify-content:space-between;margin-bottom:8px}.account-text,.form-label{align-items:center;display:flex}.account-text{gap:4px}.input-field{padding:12px;transition:border-color .2s}.input-field:focus{border-color:#8a2be2;outline:none}.forgot-password{margin-top:8px;text-align:right}.facebook-button,.login-button,.pay-button,.submit-button{background-color:#8a2be2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s;width:100%}.submit-button{padding:12px 24px;transition:background-color .3s}.submit-button:disabled{background-color:#d3d3d3}.login-button:hover,.pay-button:hover,.submit-button:hover{background-color:#7b27c9}.facebook-button{align-items:center;background-color:#3b5998;color:#fff;display:flex;justify-content:center;margin-top:12px}.facebook-button:hover{background-color:#344e86}.facebook-icon{margin-right:8px}.view-cart-button{background-color:#fff;border:1px solid #8a2be2;border-radius:8px;color:#8a2be2;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:48%}.view-cart-button:hover{background-color:#f9f0ff}.payment-actions{margin-top:20px}.login-container{display:flex;flex-direction:column;min-height:100vh;padding:20px}.login-container .image{background-position:50%;background-repeat:no-repeat;background-size:contain;height:50px;margin-bottom:30px}.home-container{padding:20px}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.escrow-card{background-color:#8a2be2;border-radius:12px;box-shadow:0 4px 8px #8a2be233;color:#fff;margin-bottom:24px;padding:20px}.escrow-card-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.escrow-card-section .section-header .text{font-weight:700;margin-top:5px}.escrow-card .text-h1{color:#fff;margin-bottom:0;margin-left:8px;margin-top:8px}.section-header{margin-bottom:8px;margin-top:5px}.notifications-container{padding:20px}.notification-item{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;margin-bottom:12px;padding:16px;transition:all .2s ease}.notification-item:hover{background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.notification-item.read{opacity:.7}.notification-icon{border-radius:50%;flex-shrink:0;margin-right:12px}.notification-icon.funds-added{background-color:#f0e6ff;color:#8a2be2}.notification-icon.tracking-added{background-color:#e6f0ff;color:#4169e1}.notification-icon.funds-released{background-color:#e6fff0;color:#2e8b57}.notification-icon.status-update{background-color:#fff8e6;color:#ff8c00}.notification-icon.system{background-color:#f0f0f0;color:#6c757d}.notification-content .text-body,.notification-content .text-caption{display:block}.transactions-container{padding:20px}.transactions-header{margin-bottom:20px}.sort-controls{align-items:center;display:flex}.sort-buttons{display:flex;margin-left:12px}.sort-button{background:none;border:1px solid #e0e0e0;cursor:pointer;font-size:14px;padding:6px 12px}.sort-button:first-child{border-radius:4px 0 0 4px}.sort-button:last-child{border-radius:0 4px 4px 0}.sort-button.active{background-color:#8a2be2;border-color:#8a2be2;color:#fff}.security-icon{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.seller-info,.transaction-info{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.transaction-id svg{margin-right:8px}.product-item{background-color:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;margin-top:5px;padding:12px}.product-details{flex:1 1}.product-image{border-radius:4px;height:80px;margin-left:12px;overflow:hidden;width:80px}.product-image img{height:100%;object-fit:cover;width:100%}.payment-method-item{background-color:#f9f9f9;border-radius:8px;margin-top:12px;padding:12px}.payment-icon{margin-right:12px;width:40px}.googlepay-icon{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#4285f4;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.tracking-status-container{padding:20px}.tracking-status-header{margin-bottom:20px}.package-image{border-radius:12px;height:200px;overflow:hidden;position:relative;width:100%}.package-image img{height:100%;object-fit:cover;width:100%}.status-badge{background-color:#8a2be2;border-radius:20px;bottom:12px;box-shadow:0 2px 4px #0000001a;left:12px;padding:6px 12px;position:absolute}.status-badge .text{color:#fff}.delivery-address,.package-info{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.tracking-details{margin-top:12px}.package-actions{display:flex;justify-content:space-between;margin-bottom:24px}.action-button{background:none;border:none;flex:1 1;flex-direction:column}.action-button.disabled{cursor:not-allowed;opacity:.5}.action-button svg{margin-bottom:8px}.history-timeline{margin-left:12px;padding-left:20px;position:relative}.history-timeline:before{background-color:#e0e0e0;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.history-item{margin-bottom:16px;position:relative}.history-marker{background-color:#8a2be2;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #8a2be2;height:12px;left:-26px;position:absolute;top:4px;width:12px}.history-content{padding-bottom:8px}.empty-state,.error-state,.loading-state{padding:40px 20px}.info-panel{background-color:#f8f9fa;border-left:4px solid #8a2be2;border-radius:8px;margin-bottom:8px;padding:8px}.info-text{color:#4a216f;font-size:14px}.info-panel.warning{border-left:4px solid;border-color:orange;border-radius:8px}.info-panel.error,.info-panel.warning{background-color:#f8f9fa;margin-bottom:8px;padding:8px}.info-panel.error{border-left:4px solid;border-color:red;border-radius:8px}.info-panel button{margin:8px}.column-align-data-container{margin:10px 0;width:100%}.loading-text{animation:pulse-loading 1.5s ease-in-out infinite;color:#666;font-style:italic}@keyframes pulse-loading{0%,to{opacity:.4}50%{opacity:1}}.veripay-id{font-family:Courier New,monospace}.error-indicator{color:#dc3545}.user-id-prompt{color:#ffc107;cursor:pointer}.user-id-prompt:hover{color:#e0a800}.terms{color:#666;font-size:12px;margin-top:20px;text-align:center}.text{color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}.text-h1{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:16px}.text-h2{line-height:1.3;margin-bottom:12px}.text-h3{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:10px}.veripay-id .text-body{font-size:16px;font-weight:400;line-height:1.5}.text-caption{font-size:14px;font-weight:400;line-height:1.4;margin-bottom:4px}.text-small{font-size:12px;font-weight:400;line-height:1.3}.text-primary{color:#8a2be2}.text-secondary{color:#6c757d}.text-danger{color:#dc3545}.text-warning{color:#e67e22}.text-error{color:#e74c3c;font-weight:500}.text-info{color:#17a2b8}.text-light{color:#f8f9fa}.text-dark{color:#343a40}.text-white{color:#fff}.text-muted{color:#6c757d!important}.text-link{color:#8a2be2;cursor:pointer;text-decoration:none}.text-link:hover{text-decoration:underline}.text-right{text-align:right}.text-left{text-align:left}.text-bold{font-weight:700}.text-medium{font-weight:500}.text-normal{font-weight:400}.text-light-weight{font-weight:300}.header{background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button,.header,.header-content{align-items:center;display:flex}.back-button{background:none;border:none;color:#333;cursor:pointer;justify-content:center;margin-right:10px;padding:8px}.back-button:hover{color:#8a2be2}.veripay-logo-container{align-items:center;display:flex;flex-direction:column}.veripay-logo{align-items:center;display:inline-flex;height:40px;justify-content:center;width:80px}.veripay-logo img{height:auto;width:100%}.admin-link-container{margin-top:2px}.admin-link{background:none;border:none;color:#8a2be2;cursor:pointer;font-size:12px;font-weight:500;opacity:.8;padding:0;text-decoration:none;transition:opacity .2s}.admin-link:hover{opacity:1;text-decoration:underline}.logout-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;margin-right:15px;padding:8px 12px;transition:background-color .2s}.logout-button:hover{background-color:#f9f0ff}.logout-icon{align-items:center;color:#8a2be2;display:flex;margin-right:8px}.logout-text{color:#333;font-size:14px;font-weight:500}.help-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:background-color .2s}.help-button:hover{background-color:#f9f0ff}.help-icon{align-items:center;color:#8a2be2;display:flex;justify-content:center}.back-button+.text-h2+.help-button{margin-left:10px}.navigation-bar{background-color:#fff;background-color:#f0f0f0;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 5px #0000000d;display:flex;justify-content:space-around;left:0;margin:0 auto;max-width:400px;padding:10px 0;position:fixed;right:0;z-index:100}.nav-item{align-items:center;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-direction:column;font-size:12px;padding:8px 12px;transition:background-color .2s,color .2s}.nav-item:hover{background-color:#8a2be21a}.nav-item.active{color:#8a2be2}.nav-item svg{stroke:currentColor;height:24px;margin-bottom:5px;width:24px}.environment-switcher{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;bottom:10px;box-shadow:0 2px 4px #0000001a;font-size:12px;padding:8px;position:fixed;right:10px;z-index:1000}.environment-switcher label{align-items:center;display:flex;gap:8px;margin:0}.environment-switcher select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:4px 8px}.environment-switcher[data-env=development]{border-left:4px solid #28a745}.environment-switcher[data-env=staging]{border-left:4px solid #ffc107}.environment-switcher[data-env=production]{border-left:4px solid #dc3545}.environment-switcher[data-env=local]{border-left:4px solid #17a2b8}.main-layout{background-color:#f9f9f9;display:flex;flex-direction:column;margin:0 auto;max-width:400px;min-height:100vh;position:relative}.content{flex:1 1;overflow-y:auto;padding:20px 20px 70px}@media (max-width:400px){.main-layout{width:100%}}.home-container{margin:0 auto;max-width:800px;padding:16px}.wallet-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%}@media (min-width:768px){.wallet-cards{flex-direction:column}}.wallet-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:16px}.pending-card{background-color:#f8f9fa;border-left:4px solid #e6d7f2}.withdrawable-card{background-color:#f8f9fa;border-left:4px solid #8a2be2}.card-description{margin-top:8px;opacity:.7}.withdrawable-card-content{align-items:center;display:flex;justify-content:space-between}.withdraw-button{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 12px;transition:background-color .2s}.withdraw-button:hover{background-color:#7722c9}.section-header{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:8px}.action-row{gap:16px;margin-bottom:16px}.action-half-width{flex:1 1}.transaction-list{display:flex;flex-direction:column;gap:8px}.view-more-button{color:#007bff}.provide-tracking-tag:hover,.release-funds-tag:hover{background-color:#0069d9}.provide-tracking-tag{background-color:#28a745}.provide-tracking-tag:hover{background-color:#218838}.tracking-timer-tag{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;gap:8px;padding:4px 8px}.tracking-timer-tag svg{flex-shrink:0}.countdown-timer{align-items:center;display:inline-flex}.transaction-action .timer-text{color:#8a2be2!important;font-size:12px!important;font-weight:700!important}.action-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;margin-bottom:8px;padding:12px 16px;transition:all .2s ease;width:100%}.action-button:hover{background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 4px #0000000d;transform:translateY(0)}.action-button-icon{justify-content:center;margin-right:12px}.action-button-icon,.action-button-icon-left{align-items:center;color:#8a2be2;display:flex}.action-button-icon-left{align-content:center;flex-direction:row}.action-button-icon-left .text-body{margin-bottom:auto;margin-top:auto}.action-button-icon svg{height:24px;width:24px}.action-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.action-half-width{display:inline-flex;width:calc(50% - 8px)}.action-row{display:flex;gap:8px;justify-content:space-between}.transaction-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;margin-bottom:10px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s ease}.transaction-item:hover{background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.transaction-item:active{box-shadow:0 2px 4px #0000000d;transform:translateY(0)}.transaction-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.transaction-avatar img{height:100%;object-fit:cover;width:100%}.transaction-details{flex:1 1}.transaction-arrow{color:#8a2be2;margin-left:8px}.transaction-action{display:flex;justify-content:right;margin-right:8px}.transaction-list{margin-top:16px}.view-more-button{background:none;border:none;color:#8a2be2;cursor:pointer;display:block;padding:8px;text-align:center;width:100%}.view-more-button:hover{text-decoration:underline}.transaction-header{margin-bottom:4px}.transaction-footer{align-items:center;display:flex;justify-content:space-between}.provide-tracking-tag svg,.release-funds-tag svg{margin-right:4px}.release-funds-tag,.tracking-timer-tag{border:none;border-radius:4px;color:#8a2be2;cursor:pointer;display:flex;font-size:12px;max-height:25px;padding:4px 8px}.provide-tracking-tag:hover,.release-funds-tag:hover{background-color:#7b27c9}.tracking-time-remaining{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;margin-top:4px;padding:4px 8px}.time-icon{margin-right:4px}.transaction-item.disputed{background-color:#fff8f8;border-left:4px solid #dc3545}.transaction-item.previously-disputed{background-color:#fffdf5;border-left:4px solid #ffc107}.transaction-item.dispute-eligible{border-left:2px dashed #ffc107}.dispute-action-button{align-items:center;background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;display:flex;font-size:12px;padding:4px 8px;transition:background-color .2s}.dispute-action-button:hover{background-color:#e0a800}.dispute-action-button svg{margin-right:4px}.dispute-badge{background-color:#dc3545;color:#fff}.dispute-badge,.previous-dispute-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;margin-top:4px;padding:2px 6px}.previous-dispute-badge{background-color:#ffc107;color:#212529}.price-tag{background-color:#fff;border:2px solid #8a2be2;box-shadow:0 2px 4px #0000001a;color:#8a2be2;font-weight:700;min-width:80px;overflow:visible;padding:4px 16px;position:absolute;text-align:center;transform-origin:top left;white-space:nowrap;z-index:1}.price-tag-ribbon-left{border-radius:0 0 4px 4px;left:0;top:0;transform:rotate(-45deg) translateX(-20%) translateY(-50%)}.price-tag-ribbon-right{border-radius:0 0 4px 4px;padding:4px 20px;right:-1px;top:50px;transform:rotate(35deg) translateX(10%) translateY(-60%);transform-origin:top right}.price-tag-tag-left{border-radius:4px;left:-5px;min-width:60px;padding-left:16px;top:20px;transform:rotate(-22deg)}.price-tag-tag-left:before{background-color:#fff;border:2px solid #8a2be2;border-radius:50%;content:"";height:10px;left:5px;position:absolute;top:-5px;width:10px}.price-tag-tag-right{border-radius:4px;min-width:60px;padding-right:16px;right:-5px;top:10px;transform:rotate(15deg)}.price-tag-tag-right:before{background-color:#fff;border:2px solid #8a2be2;border-radius:50%;content:"";height:10px;position:absolute;right:5px;top:-5px;width:10px}.labeled-value{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:8px}.labeled-value-multiline{flex-direction:column}.labeled-value-multiline strong{margin-bottom:4px}.labeled-value-content,.labeled-value-inline{align-items:center;display:flex;flex-direction:row}.labeled-value-inline{gap:8px}.labeled-value-inline.column-aligned,.labeled-value-inline.right-aligned{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.labeled-value-inline.column-aligned{width:100%}.labeled-value-inline.column-aligned strong{display:inline-block;flex:0 0 auto}.value-column{flex:1 1 auto;margin-left:16px;text-align:right}.copy-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 8px;transition:all .2s ease}.copy-button:hover{background-color:#e0e0e0}.copy-button.copied{background-color:#4caf50;color:#fff}.examples-container{font-family:Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.examples-container h2{color:#8a2be2;margin-bottom:24px}.examples-container h3{border-bottom:1px solid #eee;margin-bottom:16px;margin-top:32px;padding-bottom:8px}.examples-container h4{margin-bottom:12px;margin-top:24px}.example-item{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:16px;padding:12px}.example-context{margin-bottom:24px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.card,.card h5{margin-bottom:16px}.card h5{color:#333;margin-top:0}.form-summary{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:16px}.form-summary h5{color:#333;margin-bottom:16px;margin-top:0}pre{background-color:#f0f0f0;border-radius:8px;font-family:monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:16px}@media (max-width:600px){.examples-container{padding:12px}.example-item{padding:8px}pre{font-size:12px}}.user-validator{align-items:center;display:flex;font-size:14px;margin-top:4px}.user-validator.valid .valid-indicator{color:#2e8b57;margin-right:8px}.user-validator.invalid .invalid-indicator{color:#dc3545;margin-right:8px}.user-validator .validation-message{color:#6c757d}.user-validator.valid .validation-message{color:#2e8b57}.user-validator.invalid .validation-message{color:#dc3545}.validating-indicator{color:#6c757d;font-style:italic;margin-right:8px}.star-rating-container{align-items:center;display:flex}.star{font-size:24px;margin-right:4px;transition:transform .1s ease-in-out,color .2s ease}.star-filled{color:gold;font-size:28px}.star-half{color:#e0e0e0;position:relative}.star-half:before{color:gold;content:"★";left:0;overflow:hidden;position:absolute;top:0;width:50%}.star-empty{color:#e0e0e0}.star.interactive{cursor:pointer}.star.interactive:hover{transform:scale(1.2)}.star.interactive:focus{border-radius:50%;box-shadow:0 0 0 2px #8a2be266;outline:none}.star-filled,.star-half:before{color:gold!important}.star-rating-container:hover .star.interactive{color:#e0e0e0}.star-rating-container .star.interactive:hover{color:gold!important}.star-rating-container .star.interactive:hover~.star.interactive,.star-rating-container:hover .star.interactive:first-child:hover~.star.interactive:nth-child(n+2),.star-rating-container:hover .star.interactive:nth-child(2):hover~.star.interactive:nth-child(n+3),.star-rating-container:hover .star.interactive:nth-child(3):hover~.star.interactive:nth-child(n+4),.star-rating-container:hover .star.interactive:nth-child(4):hover~.star.interactive:nth-child(n+5){color:#e0e0e0!important}.star-rating-container:hover .star.interactive:nth-child(2):hover~.star.interactive:first-child,.star-rating-container:hover .star.interactive:nth-child(3):hover~.star.interactive:nth-child(-n+2),.star-rating-container:hover .star.interactive:nth-child(4):hover~.star.interactive:nth-child(-n+3),.star-rating-container:hover .star.interactive:nth-child(5):hover~.star.interactive:nth-child(-n+4){color:gold!important}.help-tooltip-container{display:inline-flex;position:relative;vertical-align:middle}.help-tooltip-icon{align-items:center;background:#0000;border:none;cursor:pointer;justify-content:center;margin-left:1px;padding:0}.help-tooltip-icon:focus{outline:2px solid #8a2be2;outline-offset:2px}.info-icon{object-fit:contain}.help-tooltip-popup{animation:tooltip-fade-in .2s ease-in-out;background-color:#e6d7f2;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:300px;padding:12px;position:absolute;z-index:1000}.help-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.help-tooltip-right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-tooltip-bottom{left:50%;top:calc(100% + 10px);transform:translateX(-50%)}.help-tooltip-left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.help-tooltip-bottom:after,.help-tooltip-left:after,.help-tooltip-right:after,.help-tooltip-top:after{border-style:solid;border-width:6px;content:"";position:absolute}.help-tooltip-top:after{border-color:#fff #0000 #0000;left:50%;top:100%;transform:translateX(-50%)}.help-tooltip-right:after{border-color:#0000 #fff #0000 #0000;right:100%;top:50%;transform:translateY(-50%)}.help-tooltip-bottom:after{border-color:#0000 #0000 #fff;bottom:100%;left:50%;transform:translateX(-50%)}.help-tooltip-left:after{border-color:#0000 #0000 #0000 #fff;left:100%;top:50%;transform:translateY(-50%)}.help-tooltip-content{color:#333;font-size:10px;line-height:1.4;padding:3px}.help-tooltip-close{align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;transition:background-color .2s;width:20px}.help-tooltip-close:hover{background-color:#e0e0e0;color:#333}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}@media (max-width:768px){.help-tooltip-popup{background-color:#e6d7f2;max-width:250px}.help-tooltip-left,.help-tooltip-right{bottom:calc(100% + 10px);left:50%;top:auto;transform:translateX(-50%)}.help-tooltip-left:after,.help-tooltip-right:after{border-color:#fff #0000 #0000;left:50%;right:auto;top:100%;transform:translateX(-50%)}}.help-tooltip-left,.help-tooltip-right{animation:tooltip-fade-in-horizontal .2s ease-in-out}@keyframes tooltip-fade-in-horizontal{0%{opacity:0;transform:scale(.95) translateY(-50%)}to{opacity:1;transform:scale(1) translateY(-50%)}}.help-tooltip-bottom{animation:tooltip-fade-in-bottom .2s ease-in-out}@keyframes tooltip-fade-in-bottom{0%{opacity:0;transform:scale(.95) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}.stripe-payment-form{display:flex;flex-direction:column;gap:20px;margin-top:10px;width:100%}.stripe-loading{color:#666;padding:12px;text-align:center}.stripe-error{color:#df1b41;padding:12px}.text-error{color:#df1b41;margin-top:8px}.stripe-submit-button{background-color:#8a2be2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 20px;transition:background-color .2s;width:100%}.stripe-submit-button:hover{background-color:#7b27c9}.stripe-submit-button:disabled{cursor:not-allowed;opacity:.5}.payment-wizard{margin:0 auto;max-width:600px;padding:20px;width:100%}.information-step,.payment-step{display:flex;flex-direction:column;gap:20px}.information-step h2,.payment-step h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.form-group,.payment-summary{margin-bottom:20px}.payment-summary{background-color:#e6d7f2;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.payment-summary h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.payment-form-container{border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.payment-actions{display:flex;justify-content:space-between}.payment-back-button{background-color:#8a2be2;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .2s;width:100%}.payment-back-button:hover{background-color:#7b27c9}.payment-back-button .text{color:#fff;font-weight:500}.input-wrapper{margin-bottom:8px}.input-prefix{color:#495057;font-size:16px;left:12px;position:absolute}.input-field-amount{border:1px solid #ced4da;border-radius:25px;font-size:16px;height:40px;padding-left:24px;width:100%}.input-field{border:1px solid #ced4da;border-radius:4px;font-size:16px;height:40px;padding:0 12px}.input-error{border-color:#dc3545}.info-header{align-items:flex-start;display:flex;gap:8px}.info-icon{height:16px;margin-top:2px;width:16px}.seller-rating{gap:8px;margin-top:8px}.promotion-code-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:16px;padding:16px}.promotion-code-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.promotion-code-input{align-items:flex-start;display:flex;gap:8px}.promotion-code-field{flex:1 1}.promotion-code-field input{border:1px solid #ced4da;border-radius:4px;font-size:14px;height:40px;padding:0 12px;text-transform:uppercase;width:100%}.promotion-code-field input:focus{border-color:#8a2be2;box-shadow:0 0 0 2px #8a2be233;outline:none}.apply-promotion-button{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:40px;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.apply-promotion-button:hover:not(:disabled){background-color:#7b27c9}.apply-promotion-button:disabled{background-color:#6c757d;cursor:not-allowed}.promotion-status{font-size:14px;margin-top:8px}.promotion-status.success{color:#28a745}.promotion-status.error{color:#dc3545}.promotion-status.validating{color:#6c757d}.promotion-details{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-top:12px;padding:12px}.promotion-details h4{color:#155724;font-size:14px;font-weight:600;margin:0 0 8px}.promotion-details p{color:#155724;font-size:13px;margin:0}.remove-promotion-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:12px;margin-top:8px;padding:0;text-decoration:underline}.remove-promotion-button:hover{color:#c82333}.text-strikethrough{color:#6c757d!important;text-decoration:line-through}.text-success{color:#28a745!important}.promotion-savings{background-color:#d4edda;border-radius:4px;font-weight:600;margin:4px 0;padding:4px 8px}.coupon-section{margin-bottom:20px}.coupon-toggle-button{align-items:center;background-color:initial;border:1px solid #dee2e6;border-radius:25px;color:#8a2be2;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;gap:10px;justify-content:flex-start;padding:10px 16px;transition:all .2s ease-in-out;width:auto}.coupon-toggle-button:hover{background-color:#f8f9fa;border-color:#8a2be2;box-shadow:0 2px 6px #8a2be226}.coupon-toggle-button:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be226;outline:none}.coupon-toggle-button:active{transform:scale(.98)}.coupon-toggle-button svg{flex-shrink:0}.coupon-toggle-text{color:#8a2be2;font-weight:400;margin:0;padding:0}.coupon-toggle-chevron{align-items:center;color:#8a2be2;display:flex;flex-shrink:0;transition:transform .3s ease-in-out}.coupon-toggle-chevron.expanded{transform:rotate(180deg)}.coupon-collapsible-container{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1)}.coupon-collapsible-container.expanded{margin-top:16px;max-height:300px;opacity:1}.coupon-input-group{margin-bottom:0}.coupon-input-group .text-body{display:block;margin-bottom:8px}.promotion-code-input{border:1px solid #ced4da;border-radius:25px;box-sizing:border-box;font-size:16px;height:40px;padding:0 12px;text-transform:uppercase;transition:border-color .2s,box-shadow .2s;width:100%}.promotion-code-input:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be21a;outline:none}.promotion-code-input.input-success{border-color:#28a745}.promotion-code-input.input-error{border-color:#dc3545}.coupon-input-group .text-caption{display:block;margin-top:6px}@media (max-width:768px){.coupon-toggle-button{font-size:13px;padding:8px 14px}.coupon-collapsible-container.expanded{max-height:320px}}@media (max-width:480px){.coupon-toggle-button{font-size:12px;gap:8px;padding:8px 12px}.promotion-code-input{font-size:14px}}.time-remaining-indicator{align-items:center;border-radius:4px;display:flex;font-weight:500;margin-bottom:16px;padding:8px 12px}.time-icon{font-size:18px;margin-right:8px}.time-normal{background-color:#e3f2fd;color:#0d47a1}.time-warning{background-color:#fff3e0;color:#e65100}.time-critical{background-color:#ffebee;color:#c62828}.camera-scanner-modal{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.scanner-overlay{background:#fff;border-radius:12px;max-height:90vh;max-width:400px;overflow:hidden;position:relative;width:90vw}.scanner-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.scanner-title{color:#333;font-size:18px;font-weight:600;margin:0}.scanner-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.scanner-close-btn:hover{background-color:#e0e0e0}.scanner-content{padding:20px;text-align:center}.scanner-loading{padding:40px 20px}.loading-spinner{border-top-color:#007bff;margin:0 auto 16px}.scanner-active{position:relative}.qr-video{background:#000;border-radius:8px;height:300px;object-fit:cover;width:100%}.scanner-instructions{color:#666;margin-top:16px}.scanner-instructions p{margin:8px 0}.scanner-tip{color:#888;font-size:14px}.scanner-error{padding:20px}.error-icon{font-size:48px;margin-bottom:16px}.error-message{color:#dc3545;font-size:16px;margin-bottom:20px}.permission-help{background-color:#f8f9fa;border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px;text-align:left}.permission-help p{margin:4px 0}.permission-help p:first-child{font-weight:700;margin:0 0 8px}.manual-entry-btn,.retry-btn{border:none;border-radius:25px;cursor:pointer;display:block;font-size:16px;margin:8px 0;padding:12px;transition:background-color .2s;width:100%}.retry-btn{background-color:#007bff;color:#fff}.retry-btn:hover{background-color:#0056b3}.manual-entry-btn{background-color:#6c757d;color:#fff}.manual-entry-btn:hover{background-color:#545b62}.scanner-success{padding:40px 20px}.success-icon{color:#28a745;font-size:48px;margin-bottom:16px}.camera-scan-btn{align-items:center;background:none;border:none;border-radius:4px;color:#007bff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:48px;top:50%;transform:translateY(-50%);transition:all .2s}.camera-scan-btn:hover{background-color:#007bff1a;color:#0056b3}.camera-scan-btn:disabled{color:#ccc;cursor:not-allowed}.camera-scan-btn:disabled:hover{background-color:initial}@media (max-width:768px){.scanner-overlay{height:90vh;width:95vw}.scanner-content{padding:16px}.qr-video{height:250px}.camera-scan-btn{padding:10px;right:44px}}@media (prefers-contrast:high){.camera-scanner-modal{background-color:#000000f2}.scanner-overlay{border:2px solid #000}.camera-scan-btn{border:1px solid}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.camera-scan-btn{transition:none}}.package-tracking-container{margin:0 auto;max-width:600px;padding:20px}.package-tracking-form{background-color:#fff;padding:24px}.empty-state,.package-tracking-form{border-radius:8px;box-shadow:0 2px 10px #0000001a}.empty-state{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.text-gray{color:#6c757d}.input-with-validation{position:relative;width:100%}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input-field{padding-right:80px}.tracking-camera-btn{right:5px}.validation-indicator{align-items:center;display:flex;justify-content:center;position:absolute;right:12px}.validation-indicator.valid{color:#28a745}.validation-indicator.spinner{height:24px;width:24px}.spinner-icon{animation:spin 1s linear infinite;border:2px solid #007bff33;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}.validation-message{border-radius:4px;font-size:14px;margin-top:5px;padding:5px 10px}.validation-message.error{background-color:#dc35451a;color:#dc3545}.validation-message.warning{background-color:#ffc1071a;color:#ffc107}@media (max-width:768px){.input-wrapper .input-field{padding-right:88px}.tracking-camera-btn{right:5px}}.create-dispute-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-dispute-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.create-dispute-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.create-dispute-header h2{color:#333;font-size:24px;margin:0}.create-dispute-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.create-dispute-close-button:hover{color:#333}.create-dispute-form-group{margin-bottom:20px}.create-dispute-form-group label{color:#333;display:block;font-weight:700;margin-bottom:8px}.create-dispute-form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.create-dispute-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.create-dispute-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.create-dispute-btn-primary{background-color:#007bff;color:#fff}.create-dispute-btn-primary:hover{background-color:#0069d9}.create-dispute-btn-primary:disabled{background-color:#80bdff;cursor:not-allowed}.create-dispute-btn-secondary{background-color:#6c757d;color:#fff}.create-dispute-btn-secondary:hover{background-color:#5a6268}.create-dispute-alert{border-radius:4px;margin-bottom:16px;padding:12px}.create-dispute-alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.transaction-progress-indicator{margin:12px 0;padding:16px 0;width:100%}.transaction-progress-indicator__container{position:relative;width:100%}.transaction-progress-indicator__line{background-color:#e0e0e0;border-radius:1px;height:2px;left:10%;position:absolute;right:10%;top:16px;z-index:1}.transaction-progress-indicator__line-progress{background:linear-gradient(90deg,#8a2be2,#2196f3);border-radius:1px;height:100%;transition:width .6s ease-in-out}.transaction-progress-indicator__steps{align-items:flex-start;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;position:relative;z-index:2}.transaction-progress-indicator__step{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:120px}.transaction-progress-indicator__step-circle{align-items:center;background-color:#fff;border:2px solid;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:3}.transaction-progress-indicator__step--completed .transaction-progress-indicator__step-circle{background-color:#8a2be2;border-color:#8a2be2;color:#fff}.transaction-progress-indicator__step--current .transaction-progress-indicator__step-circle{animation:pulse-current 2s ease-in-out infinite;background-color:#e6d7f2;border-color:#2196f3;color:#fff}.transaction-progress-indicator__step--pending .transaction-progress-indicator__step-title{color:#999;opacity:.7}.transaction-progress-indicator__step--pending .transaction-progress-indicator__step-circle{background-color:#f5f5f5;border-color:#d0d0d0;color:#999;opacity:.6}.transaction-progress-indicator__step--skipped .transaction-progress-indicator__step-circle{background-color:#f5f5f5;border-color:#ccc;color:#999;opacity:.6}.transaction-progress-indicator__step--error .transaction-progress-indicator__step-circle{background-color:#f44336;border-color:#f44336;color:#fff}.transaction-progress-indicator__step-label{margin-top:8px;max-width:100px;text-align:center}.transaction-progress-indicator__step-title{color:#333;display:block;font-size:12px;font-weight:500;line-height:1.3}.transaction-progress-indicator__step-description{color:#666;display:block;font-size:10px;line-height:1.2;margin-top:2px}.transaction-progress-indicator__percentage{color:#666;font-size:12px;font-weight:500;margin-top:12px;text-align:center}.transaction-progress-indicator--small .transaction-progress-indicator__step-circle{font-size:12px;height:24px;width:24px}.transaction-progress-indicator--small .transaction-progress-indicator__line{top:12px}.transaction-progress-indicator--small .transaction-progress-indicator__step-title{font-size:11px}.transaction-progress-indicator--small .transaction-progress-indicator__step-label{margin-top:6px;max-width:80px}.transaction-progress-indicator--large .transaction-progress-indicator__step-circle{font-size:16px;height:40px;width:40px}.transaction-progress-indicator--large .transaction-progress-indicator__line{top:20px}.transaction-progress-indicator--large .transaction-progress-indicator__step-title{font-size:14px}.transaction-progress-indicator--large .transaction-progress-indicator__step-label{margin-top:10px;max-width:140px}.transaction-progress-indicator__step-circle[role=button]{cursor:pointer}.transaction-progress-indicator__step-circle[role=button]:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.transaction-progress-indicator__step-circle[role=button]:active{transform:scale(.98)}.transaction-progress-indicator__step-circle:focus{box-shadow:0 0 0 4px #2196f333;outline:2px solid #2196f3;outline-offset:2px}.transaction-progress-indicator__step--focused .transaction-progress-indicator__step-circle{outline:2px solid #2196f3;outline-offset:2px}.transaction-progress-indicator--disputed{background-color:#f443360d;border-left:3px solid #f44336;border-radius:4px;padding-left:12px}.transaction-progress-indicator--cancelled{background-color:#9e9e9e1a;border-radius:4px;opacity:.7}@keyframes pulse-current{0%,to{box-shadow:0 0 0 0 #2196f366}50%{box-shadow:0 0 0 6px #2196f300}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.transaction-progress-indicator__step--completed .transaction-progress-indicator__step-circle:after{color:#fff;content:"✓";font-size:12px;font-weight:700;position:absolute}.transaction-progress-indicator__step--current .transaction-progress-indicator__step-circle:after{animation:pulse-dot 1.5s ease-in-out infinite;color:#fff;content:"●";font-size:8px;position:absolute}.transaction-progress-indicator__step--error .transaction-progress-indicator__step-circle:after{color:#fff;content:"✗";font-size:12px;font-weight:700;position:absolute}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.transaction-progress-indicator{margin:10px 0;padding:12px 0}.transaction-progress-indicator__step-circle{height:28px;width:28px}.transaction-progress-indicator__line{background-color:#f0f0f0;top:14px}.transaction-progress-indicator__step-title{font-size:11px}.transaction-progress-indicator__step-label{max-width:80px}.transaction-progress-indicator__percentage{font-size:11px}}@media (max-width:480px){.transaction-progress-indicator{margin:8px 0;padding:10px 0}.transaction-progress-indicator__step-circle{font-size:12px;height:24px;width:24px}.transaction-progress-indicator__line{left:15%;right:15%;top:12px}.transaction-progress-indicator__step-title{font-size:10px}.transaction-progress-indicator__step-label{margin-top:6px;max-width:60px}.transaction-progress-indicator__step-description{display:none}.transaction-progress-indicator__percentage{font-size:10px;margin-top:8px}}@media (prefers-reduced-motion:reduce){.transaction-progress-indicator__line-progress,.transaction-progress-indicator__step-circle{transition:none}.transaction-progress-indicator__step--current .transaction-progress-indicator__step-circle,.transaction-progress-indicator__step--current .transaction-progress-indicator__step-circle:after{animation:none}}@media (prefers-contrast:high){.transaction-progress-indicator__step-circle{border-width:3px}.transaction-progress-indicator__line{height:3px}.transaction-progress-indicator__step-circle:focus{outline-color:#000;outline-width:3px}.transaction-progress-indicator__step--completed .transaction-progress-indicator__step-circle,.transaction-progress-indicator__step--current .transaction-progress-indicator__step-circle{background-color:#000;border-color:#000;color:#fff}.transaction-progress-indicator__step--pending .transaction-progress-indicator__step-circle{background-color:#fff;border-color:#000;color:#000}}@media print{.transaction-progress-indicator__step-circle{background:#fff!important;border:2px solid #000!important;box-shadow:none!important;color:#000!important}.transaction-progress-indicator__line-progress{background:#000!important}.transaction-progress-indicator__step-circle:after{display:none}.transaction-progress-indicator__step--completed .transaction-progress-indicator__step-circle:before{color:#000;content:"✓";font-size:12px;font-weight:700;position:absolute}}.release-funds-progress{background-color:#f8f9fa;margin-bottom:20px;padding:12px 16px}.payment-summary-container .transaction-progress-indicator{margin:0}@media (max-width:768px){.release-funds-progress{margin-bottom:16px;padding:10px 12px}}.payment-summary-container{margin:0 auto;max-width:800px;padding:20px}.payment-summary-header{display:flex;justify-content:center;margin-bottom:20px}.security-icon{margin-bottom:10px}.seller-info,.transaction-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.transaction-id{align-items:center;display:flex;margin-bottom:10px}.transaction-id svg{color:#6c757d;margin-right:10px}.new-line{background-color:#dee2e6;height:1px;margin:15px 0}.column-align-data-container{display:flex;flex-direction:column;gap:10px}.transaction-items{background-color:#f8f9fa;border-radius:8px;padding:15px}.product-item{margin-top:10px}.payment-method{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.payment-method-item{align-items:center;display:flex;margin-top:10px}.payment-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:10px;width:24px}.googlepay-icon{background-color:#4285f4;border-radius:50%;color:#fff;font-weight:700}.error-state,.loading-state{padding:40px}.retry-button{background-color:#007bff;margin-top:10px}.dispute-action-section,.dispute-status-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.alert{border-radius:4px;margin-bottom:15px;padding:15px}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.alert strong{display:block;margin-bottom:10px}.btn{border-radius:.25rem;margin-right:8px}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn:hover{opacity:.9}.payment-processing-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 60px);padding:20px}.payment-processing-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;padding:30px;text-align:center;width:100%}.payment-processing-content.error{border-left:4px solid #dc3545}.payment-processing-content.success{border-left:4px solid #28a745}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#3498db;height:50px;margin:0 auto 20px;width:50px}.next-steps-timeline{margin:30px 0;text-align:left}.timeline-item{display:flex;margin-bottom:20px;position:relative}.timeline-item:not(:last-child):after{background-color:#dee2e6;bottom:-10px;content:"";left:15px;position:absolute;top:30px;width:2px}.timeline-icon{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px;z-index:1}.timeline-content{flex:1 1}.troubleshooting-tips{background-color:#f8f9fa;border-radius:4px;margin:20px 0;padding:15px;text-align:left}.text-body-bold{font-weight:700}.modal-content{display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:400px;outline:none;overflow-y:auto;padding:24px}.transaction-summary{background-color:#f9f9f9;border-radius:8px;margin:8px 0;padding:16px;text-align:left}.modal-actions{gap:12px;justify-content:flex-end;margin-top:8px}.cancel-button{background-color:#fff;border-radius:4px;font-size:14px;padding:10px 16px;transition:background-color .2s}.cancel-button:hover{background-color:#f5f5f5}.confirm-button{border:none;border-radius:25px;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#8a2be2;height:40px;width:40px}.loading-spinner,.success-icon{border-radius:50%;margin:0 auto}.success-icon{align-items:center;background-color:#2e8b57;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.text-center{text-align:center}.text-success{color:#2e8b57}.text-error{color:#dc3545}.text-alert{color:red;font-weight:700}.release-funds-container{background-color:#f9f9f9;display:flex;flex-direction:column;min-height:100vh;padding:20px}.release-funds-card{background-color:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:20px}.transaction-details{margin-top:16px;text-align:left}.text-body-bold{display:block;font-weight:600;margin-top:8px}.tracking-info{background-color:#e6d7f2;border-radius:12px;margin-top:12px;padding:12px}.tracking-number{margin-bottom:4px}.funds-info,.tracking-number{justify-content:space-between}.funds-info,.seller-rating,.tracking-number{align-items:center;display:flex}.release-funds-button{border:none;box-shadow:0 4px 8px #8a2be24d;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:16px;transition:background-color .2s,transform .1s;width:100%}.purple-button,.release-funds-button{background-color:#8a2be2;border-radius:30px;color:#fff}.release-funds-button:hover{background-color:#7b27c9;transform:translateY(-2px)}.release-funds-button:active{transform:translateY(0)}.release-funds-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.auto-release-info{background-color:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;padding:16px;text-align:center}.countdown-display{margin-top:10px}.countdown-display .text-h1{color:#8a2be2;font-size:28px;font-weight:700;letter-spacing:2px}.timer-text{color:#8a2be2!important;font-weight:700!important}.text-h2{align-self:end;font-size:20px;font-weight:600;margin-bottom:8px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.retry-button{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.retry-button:hover{background-color:#7b27c9}.not-available{color:#e74c3c;font-style:italic;font-weight:500}.tracking-error-message{align-items:center;background-color:#e74c3c1a;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:8px;padding:8px}.tracking-notification{background-color:#e74c3c1a;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;padding:12px;text-align:center}.retry-button.small{border-radius:4px;font-size:12px;margin-top:0;padding:4px 8px}.tracking-status-banner{align-items:flex-start;border:2px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px;transition:all .3s ease}.tracking-status-banner__icon{flex-shrink:0;font-size:24px;line-height:1;margin-top:2px}.tracking-status-banner__content{flex:1 1;min-width:0}.tracking-status-banner__title{line-height:1.3;margin:0 0 8px}.tracking-status-banner__message{line-height:1.5;margin:0}.tracking-status-banner--pending{background-color:#e3f2fd;border-color:#2196f3;color:#1565c0}.tracking-status-banner--pending .tracking-status-banner__title{color:#0d47a1}.tracking-status-banner--pending .tracking-status-banner__message{color:#1565c0}.tracking-status-banner--expired{background-color:#ffebee;border-color:#f44336;color:#c62828}.tracking-status-banner--expired .tracking-status-banner__title{color:#b71c1c}.tracking-status-banner--expired .tracking-status-banner__message{color:#c62828}@media (max-width:768px){.tracking-status-banner{gap:10px;margin-bottom:16px;padding:14px 16px}.tracking-status-banner__icon{font-size:20px}.tracking-status-banner__title{font-size:14px;margin-bottom:6px}.tracking-status-banner__message{font-size:13px;line-height:1.4}}@media (max-width:480px){.tracking-status-banner{gap:8px;margin-bottom:14px;padding:12px 14px}.tracking-status-banner__icon{font-size:18px}.tracking-status-banner__content{min-width:0}.tracking-status-banner__title{font-size:13px;margin-bottom:4px}.tracking-status-banner__message{font-size:12px;line-height:1.3}}.tracking-status-banner{outline:none}.tracking-status-banner:focus-within{box-shadow:0 2px 4px #0000001a,0 0 0 3px #2196f34d}.tracking-status-banner--expired:focus-within{box-shadow:0 2px 4px #0000001a,0 0 0 3px #f443364d}@media (prefers-contrast:high){.tracking-status-banner{border-width:3px}.tracking-status-banner--pending{background-color:#bbdefb;border-color:#1976d2;color:#0d47a1}.tracking-status-banner--expired{background-color:#ffcdd2;border-color:#d32f2f;color:#b71c1c}}@media (prefers-reduced-motion:reduce){.tracking-status-banner{transition:none}}@media print{.tracking-status-banner{background:#fff!important;border:2px solid #000;box-shadow:none;color:#000!important}.tracking-status-banner__message,.tracking-status-banner__title{color:#000!important}.tracking-status-banner__icon{display:none}}.admin-screen{padding:20px}.admin-header{margin-bottom:24px}.admin-navigation{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px}.admin-nav-link{border-bottom:2px solid #0000;color:#6c757d;margin-right:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.admin-nav-link:hover{color:#8a2be2}.admin-nav-link.active{border-bottom:2px solid #8a2be2;color:#8a2be2}.admin-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-height:200px;padding:20px}.admin-dashboard{display:flex;flex-direction:column;gap:20px}.admin-actions{margin-top:20px}.admin-action-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.admin-action-button.primary-button{background-color:#8a2be2;color:#fff}.admin-action-button.primary-button:hover{background-color:#7722c9}.admin-action-button.primary-button:disabled{background-color:#d8d8d8;cursor:not-allowed}.confirmation-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:24px;width:90%}.confirmation-dialog-title{color:#333;font-size:1.5rem;margin-bottom:16px;margin-top:0}.confirmation-dialog-message{color:#555;line-height:1.5;margin-bottom:24px}.confirmation-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirmation-dialog-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.cancel-button{background-color:#f8f9fa}.cancel-button:hover{background-color:#e9ecef}.confirm-button{background-color:#8a2be2;color:#fff}.confirm-button:hover{background-color:#7b27c9}.admin-transactions-container{width:100%}.admin-transactions-header{display:flex;flex-direction:column;margin-bottom:20px}.filter-controls{margin-top:16px}.filter-toggle{align-items:center;cursor:pointer;display:flex}.filter-toggle input{margin-right:8px}.toggle-label{font-size:14px}.admin-transactions-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.empty-state,.error-state,.loading-state{padding:40px 0}.empty-icon{margin-bottom:16px}.admin-view-more-button,.retry-button{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.admin-view-more-button:hover,.retry-button:hover{background-color:#7a1dd1}.admin-view-more-button:disabled,.retry-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.release-funds-tag{align-items:center;background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:background-color .2s ease}.release-funds-tag:hover{background-color:#7a1dd1}.release-funds-tag svg{height:14px;width:14px}.admin-disputes-container{margin:0 auto;max-width:1200px;padding:20px}.admin-disputes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-disputes-header h1{font-size:24px;margin:0}.dispute-stats{display:flex;gap:20px;margin-bottom:30px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px;text-align:center}.stat-card h3{color:#666;font-size:16px;margin:0 0 10px}.stat-value{color:#333;font-size:28px;font-weight:700}.stat-card:first-child .stat-value{color:#dc3545}.stat-card:nth-child(2) .stat-value{color:#17a2b8}.stat-card:nth-child(3) .stat-value{color:#28a745}.disputes-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden;width:100%}.disputes-table td,.disputes-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.disputes-table th{background-color:#f8f9fa;color:#495057;font-weight:600}.disputes-table tr:last-child td{border-bottom:none}.disputes-table tr:hover{background-color:#f8f9fa}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-open{background-color:#ffc107;color:#212529}.status-under_review{background-color:#17a2b8;color:#fff}.status-resolved{background-color:#28a745;color:#fff}.btn{border:1px solid #0000;border-radius:25px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn-sm{border-radius:.2rem;font-size:.875rem;line-height:1.5;padding:.25rem .5rem}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.filter-controls{display:flex;gap:10px;margin-bottom:20px}.filter-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.filter-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.empty-state,.error-state,.loading-state{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-icon{color:#6c757d;margin-bottom:20px}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin:0 4px;padding:8px 12px}.pagination-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.resolve-dispute-form-container{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.resolve-dispute-form-group{margin-bottom:15px}.resolve-dispute-form-group label{display:block;font-weight:700;margin-bottom:5px}.resolve-dispute-form-radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.resolve-dispute-form-radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400}.resolve-dispute-form-radio-group input[type=radio]{margin-right:10px}.resolve-dispute-form-textarea{border:1px solid #ddd;border-radius:4px;padding:10px;resize:vertical;width:100%}.resolve-dispute-form-btn-warning{background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-weight:700;padding:8px 16px}.resolve-dispute-form-btn-warning:hover{background-color:#e0a800}.resolve-dispute-form-btn-warning:disabled{background-color:#ffd54f;cursor:not-allowed}.dispute-detail-container{margin:0 auto;max-width:800px;padding:20px}.dispute-detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.dispute-detail-status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;text-transform:uppercase}.dispute-detail-status-open{background-color:#dc3545;color:#fff}.dispute-detail-status-under_review{background-color:#17a2b8;color:#fff}.dispute-detail-status-resolved{background-color:#28a745;color:#fff}.dispute-detail-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.dispute-detail-resolution-info{border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.dispute-detail-message-container{margin-top:30px}.dispute-detail-message-list{margin-bottom:20px}.dispute-detail-message{border-radius:4px;margin-bottom:15px;padding:10px}.dispute-detail-message-buyer{background-color:#e9f5ff;border-left:4px solid #007bff}.dispute-detail-message-seller{background-color:#f0f0f0;border-left:4px solid #6c757d}.dispute-detail-message-admin{background-color:#fff3cd;border-left:4px solid #ffc107}.dispute-detail-message-header{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:5px}.dispute-detail-message-content{white-space:pre-wrap}.dispute-detail-new-message-form{margin-top:20px}.dispute-detail-new-message-form textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.dispute-detail-visibility-controls{margin-bottom:10px}.dispute-detail-admin-resolution-controls{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.bank-account-form-container{margin:0 auto;max-width:500px;padding:20px;width:100%}.bank-account-form{margin-top:20px}.bank-account-form-group{margin-bottom:15px}.bank-account-form-group label{display:block;font-weight:500;margin-bottom:5px}.bank-account-form-group input,.bank-account-form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.bank-account-form-buttons{display:flex;gap:10px;margin-top:20px}.submit-button{background-color:#8a2be2;border:none;border-radius:25px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:12px}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:25px;color:#333;cursor:pointer;flex:1 1;font-size:16px;padding:12px}.cancel-button:disabled{background-color:#f5f5f5;color:#aaa;cursor:not-allowed}.bank-account-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:15px;padding:10px}.bank-account-success{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;padding:20px;text-align:center}.bank-account-details-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.bank-account-details-header{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:8px}.bank-account-details-content{margin-bottom:20px}.bank-account-details-row{align-items:center;display:flex;margin-bottom:8px}.bank-account-details-label{color:#495057;font-weight:600;width:140px}.bank-account-details-value{color:#212529}.bank-account-update-button{background-color:#6c757d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s;width:100%}.bank-account-update-button:hover{background-color:#5a6268}.bank-account-update-button:focus{box-shadow:0 0 0 2px #6c757d40;outline:none}.onboarding-button{border:none;border-radius:25px;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 16px;transition:background-color .2s ease;width:100%}.onboarding-button.primary{background-color:#7b27c9;color:#fff}.onboarding-button.warning{background-color:#f5b700;color:#fff}.onboarding-button.success{background-color:#32a852;color:#fff}.onboarding-button:hover{opacity:.9}.onboarding-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.verification-status-container{background-color:#fff5f5;border:1px solid #f8d7da;border-radius:.25rem;margin:1rem 0;padding:1rem}.verification-status-header{margin-bottom:.5rem}.verification-status-header h3{color:#721c24;font-size:1.1rem;margin:0}.verification-status-content{color:#721c24}.verification-requirements,.verification-status-content p{margin:.5rem 0}.verification-requirements ul{margin:.5rem 0;padding-left:1.5rem}.verification-button{background-color:#dc3545;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.verification-button:hover{background-color:#c82333}.verification-button:disabled{background-color:#6c757d;cursor:not-allowed}.profile-container{margin:0 auto;max-width:400px;padding:16px}.profile-header{margin-bottom:24px;text-align:center}.profile-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;overflow:hidden}.profile-section-header{background-color:#8a2be2;border-bottom:1px solid #f0f0f0;border-top-left-radius:8px;border-top-right-radius:8px;padding:16px}.profile-section-content{padding:16px}.profile-section-header .text-h2{color:#fff;font-size:20px}.stats-row{display:flex;justify-content:space-between;margin-bottom:16px}.stat-item{background-color:#f9f9f9;border-radius:8px;flex:1 1;margin:0 8px;padding:12px;text-align:center}.stat-item:first-child{margin-left:0}.stat-item:last-child{margin-right:0}.chart-container{margin-top:16px;text-align:center}.pie-chart{margin:16px auto;max-width:300px}.pie-chart svg{height:auto;width:100%}.pie-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px}.legend-item{align-items:center;display:flex;margin:4px 8px}.legend-color{border-radius:4px;height:16px;margin-right:8px;width:16px}.placeholder-chart{align-items:center;color:#6c757d;display:flex;height:200px;justify-content:center}.placeholder-chart,.placeholder-component{background-color:#f9f9f9;border-radius:8px}.placeholder-component{margin-bottom:16px;overflow:hidden}.placeholder-header{border-bottom:1px solid #f0f0f0;padding:12px 16px}.placeholder-content{color:#6c757d;padding:16px;text-align:center}.action-button-container{margin-top:12px}.action-link{background-color:#8a2be2;border-radius:25px;color:#fff;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .3s;width:100%}.action-link:hover{background-color:#7b27c7}.loading-state{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;height:200px;justify-content:center}.notification-settings{margin:0 auto;max-width:800px;padding:20px}.notification-settings-highlight{background-color:#f8f9fa;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:24px;padding:16px}.notification-importance{align-items:center;color:#333;display:flex;font-weight:500;margin:0}.importance-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:40%}.notification-settings h2{color:#333;color:var(--text-primary,#333);font-size:24px;margin-bottom:24px}.notification-settings h3{color:#555;color:var(--text-secondary,#555);font-size:18px;margin:20px 0 16px}.device-management,.notification-history,.notification-permission,.notification-preferences{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.permission-denied,.permission-granted,.permission-request{display:flex;flex-direction:column;gap:12px}.status-icon{align-items:center;border-radius:50%;display:inline-flex;height:24px;justify-content:center;margin-right:8px;width:24px}.permission-granted .status-icon{background-color:#28a745;background-color:var(--success,#28a745);color:#fff}.permission-denied .status-icon{background-color:#dc3545;background-color:var(--error,#dc3545);color:#fff}.preference-toggle{align-items:flex-start;display:flex;margin-bottom:16px}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;margin-right:16px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#007bff;background-color:var(--primary,#007bff)}input:disabled+.toggle-slider{background-color:#e0e0e0;cursor:not-allowed}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{display:flex;flex-direction:column}.toggle-title{font-weight:500;margin-bottom:4px}.toggle-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px}.preference-group.disabled{opacity:.6}.main-toggle{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);margin-bottom:20px;padding-bottom:16px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.history-list{max-height:400px;overflow-y:auto}.history-item{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;padding:12px}.history-item.unread{background-color:#f8f9fa;background-color:var(--highlight-bg,#f8f9fa)}.history-item:last-child{border-bottom:none}.notification-icon{align-items:center;color:#007bff;color:var(--primary,#007bff);display:flex;font-size:24px;height:40px;justify-content:center;margin-right:16px;width:40px}.notification-content{flex:1 1}.notification-title{font-weight:500;margin-bottom:4px}.notification-message{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;margin-bottom:8px}.notification-time{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-size:12px}.empty-history{color:#6c757d;color:var(--text-secondary,#6c757d);padding:24px;text-align:center}.primary-button,.save-button,.secondary-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.primary-button,.save-button{background-color:#007bff;background-color:var(--primary,#007bff);color:#fff}.primary-button:hover,.save-button:hover{background-color:#0069d9;background-color:var(--primary-dark,#0069d9)}.primary-button:disabled,.save-button:disabled{background-color:#6c757d;background-color:var(--disabled,#6c757d);cursor:not-allowed}.secondary-button{background-color:initial;border:1px solid #007bff;border:1px solid var(--primary,#007bff);color:#007bff;color:var(--primary,#007bff)}.secondary-button:hover{background-color:#e3f2fd;background-color:var(--primary-light,#e3f2fd)}.help-text{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px}.help-link{color:#007bff;color:var(--primary,#007bff);margin-left:8px;text-decoration:none}.help-link:hover{text-decoration:underline}.browser-instructions{background-color:#f8f9fa;border-radius:4px;margin-top:12px;padding:16px}.browser-steps{margin-top:12px}.browser-steps h4{color:#333;font-size:16px;margin:16px 0 8px}.browser-steps h4:first-child{margin-top:0}.browser-steps ol{margin:0 0 16px 20px;padding:0}.browser-steps li{font-size:14px;margin-bottom:4px}.notification-analytics{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:8px;margin-top:24px;padding:20px}.notification-analytics h3{color:#333;margin-top:0}.analytics-data{background-color:#f1f1f1;border-radius:4px;font-family:monospace;font-size:14px;overflow-x:auto;padding:12px;white-space:pre-wrap}.loading-spinner{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;height:200px;justify-content:center}.notification-error{background-color:#f8d7da;background-color:var(--error-bg,#f8d7da);color:#721c24;color:var(--error,#721c24)}.notification-alert,.notification-error{border-radius:4px;margin-bottom:16px;padding:12px}.notification-alert{background-color:#f8f9fa;background-color:var(--info-bg,#f8f9fa);color:#0c5460;color:var(--info,#0c5460)}@media (max-width:768px){.device-management,.notification-history,.notification-permission,.notification-preferences,.notification-settings{padding:16px}.history-header{align-items:flex-start;flex-direction:column;gap:8px}.history-header button{width:100%}}.saving-indicator{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.save-feedback{animation:fadeIn .3s ease;font-size:14px;margin-left:8px;transition:opacity .3s ease}.save-feedback.success{color:#28a745;color:var(--success,#28a745)}.save-feedback.error{color:#dc3545;color:var(--error,#dc3545)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-notification-settings-screen{margin:0 auto;max-width:800px;padding:20px}.breadcrumb{font-size:14px;margin-bottom:20px}.breadcrumb-link{color:#6c757d;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#6c757d;margin:0 8px}.breadcrumb-current{color:#333;font-weight:500}.screen-header{margin-bottom:30px}.withdrawal-container{margin:0 auto;max-width:800px;padding:16px}.withdrawal-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:24px;padding:24px}.withdrawal-amount-section{margin-bottom:24px;text-align:center}.withdrawal-info-section{background-color:#e6d7f2;border-left:4px solid #8a2be2;border-radius:8px;margin-bottom:24px;padding:16px}.bank-account-notification-warning{border-left:4px solid #ffc107}.bank-account-notification-info,.bank-account-notification-warning{background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px 16px}.bank-account-notification-info{border-left:4px solid #8a2be2}.notification-text{color:#495057;font-size:14px}.notification-link{color:#007bff;margin-left:5px;text-decoration:underline}.notification-link:hover{color:#0056b3;text-decoration:underline}.withdrawal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.withdraw-action-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .2s}.primary-button{background-color:#8a2be2;color:#fff}.primary-button:hover{background-color:#7722c9}.primary-button:disabled{background-color:#d8d8d8;cursor:not-allowed}.secondary-button{background-color:#f8f9fa;border:1px solid #e0e0e0;color:#333}.secondary-button:hover{background-color:#e9ecef}@media (min-width:768px){.withdrawal-actions{flex-direction:row;justify-content:center}.withdraw-action-button{min-width:150px}}.onboarding-screen{background-color:#f9f9f9;margin:0 auto;max-width:1000px;padding:24px}.onboarding-header{margin-bottom:24px;text-align:center}.onboarding-header h2{font-size:24px;margin-bottom:8px}.onboarding-header p{color:#6b7c93}.onboarding-container,.onboarding-error,.onboarding-loading{background-color:#f9f9f9;border-radius:8px}.onboarding-error,.onboarding-loading{box-shadow:0 4px 6px #0000001a;padding:48px 24px;text-align:center}.onboarding-error h2{color:#e25950;margin-bottom:16px}.onboarding-error button,.onboarding-footer button{border:none;border-radius:25px;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 16px;transition:background-color .2s ease}.onboarding-error button{background-color:#6772e5;color:#fff}.onboarding-footer{text-align:center}.cancel-button{background-color:#f7f8fa;border:1px solid #e0e0e0;color:#6b7c93}.cancel-button:hover{background-color:#e0e0e0}.toast-container{max-width:350px;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:toast-in .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;margin-bottom:10px;padding:12px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:4px solid #2e8b57}.toast-error{border-left:4px solid #dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-info{border-left:4px solid #17a2b8}.toast-icon{align-items:center;display:flex;justify-content:center;margin-right:12px}.toast-content{color:#333;flex:1 1;font-size:14px}.toast-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px}.toast-close:hover{color:#333}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.modal-content h2{color:#d32f2f;font-size:1.5rem;margin-top:0}.modal-content p{line-height:1.5;margin:1rem 0}.modal-actions{display:flex;justify-content:center;margin-top:1.5rem}.button-primary{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.button-primary:hover{background-color:#1976d2}.button-primary:focus{box-shadow:0 0 0 3px #2196f34d;outline:none}.button-primary:focus-visible{outline:3px solid #2196f3;outline-offset:2px}@media (max-width:600px){.modal-content{padding:1.5rem;width:95%}.button-primary{padding:.6rem 1.2rem}}.user-id-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-id-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.user-id-modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.user-id-modal-content{flex-grow:1;padding:20px}.user-id-modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px}.user-id-modal-form-group{margin-top:20px}.input-field{border:1px solid #e0e0e0;border-radius:25px;box-shadow:0 2px 5px #0000000d;box-sizing:border-box;font-size:14px;margin-top:8px;padding:12px 15px;width:100%}.input-field.input-error{border-color:#f44336}.text-error{color:#f44336;margin-top:5px}.pwa-install-prompt{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:16px;position:fixed;right:0;z-index:1000}.pwa-install-prompt-content{display:flex;flex-direction:column;margin:0 auto;max-width:600px;position:relative}.pwa-install-prompt-icon{align-self:center;height:48px;margin-right:16px;width:48px}.pwa-install-prompt-icon img{height:100%;object-fit:contain;width:100%}.pwa-install-prompt-message{flex:1 1;margin-bottom:16px}.pwa-install-prompt-message h3{font-size:18px;margin:0 0 8px}.pwa-install-prompt-message p{color:#666;font-size:14px;margin:0}.pwa-install-prompt-actions{display:flex;gap:8px;justify-content:space-between}.pwa-install-prompt-install-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.pwa-install-prompt-dismiss-button,.pwa-install-prompt-later-button{background-color:initial;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.pwa-install-prompt-close-button{background:#0000;border:none;cursor:pointer;font-size:16px;padding:4px 8px;position:absolute;right:0;top:0}.pwa-install-prompt.ios{background-color:#f8f8f8;border-top:1px solid #e0e0e0}.pwa-install-prompt.ios .pwa-install-prompt-install-button{background-color:#007aff}.pwa-install-prompt.android{background-color:#fff}.pwa-install-prompt.android .pwa-install-prompt-install-button{background-color:#3ddc84;color:#000}.pwa-install-prompt.desktop{border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;left:auto;max-width:400px;right:20px}@media (max-width:480px){.pwa-install-prompt-actions{flex-direction:column}.pwa-install-prompt-dismiss-button,.pwa-install-prompt-install-button,.pwa-install-prompt-later-button{margin-bottom:8px;width:100%}}.notification-prompt-overlay{align-items:center;animation:notification-prompt-fade-in .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-prompt-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;position:relative;width:90%}.notification-prompt-close{background:none;border:none;color:#666;cursor:pointer;font-size:16px;position:absolute;right:12px;top:12px}.notification-prompt-icon{font-size:48px;margin-bottom:16px;text-align:center}.notification-prompt-title{color:#333;font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.notification-prompt-message{color:#666;line-height:1.5;margin-bottom:24px;text-align:center}.notification-prompt-buttons{display:flex;flex-direction:column;gap:8px}.notification-prompt-button-primary{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px 16px;transition:background-color .2s}.notification-prompt-button-primary:hover{background-color:#7b27c9}.notification-prompt-button-secondary{background-color:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;padding:12px 16px;transition:background-color .2s}.notification-prompt-button-secondary:hover{background-color:#e0e0e0}.notification-prompt-button-tertiary{background:none;border:none;color:#666;cursor:pointer;padding:12px 16px}.notification-prompt-button-tertiary:hover{text-decoration:underline}@keyframes notification-prompt-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.a7b094f2.css.map*/