@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg-main: #000000;--card-bg: #1a1d24b3;--border-color: rgba(212, 175, 55, .3);--text-primary: #BDC3C7;--text-secondary: #D4AF37;--accent: #D4AF37;--accent-hover: #F7D488;--accent-gold: #ffd277;--accent-gold-hover: #f4f802;--success-green: #10B981;--warning-yellow: #eab308;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px}html,body,#root{height:100%;margin:0}body{font-family:Inter,sans-serif}.app-wrapper{min-height:100svh;display:flex;flex-direction:column;position:relative;color:var(--text-primary)}.app-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;flex-grow:1}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;gap:1.5rem}.body-scroll-lock{position:fixed;width:100%;overflow-y:scroll}.text-container{z-index:1;width:100vw;height:100vh;display:flex;position:relative;justify-content:center;align-items:center;font-size:128px;font-family:Dongle,sans-serif;color:#fff;opacity:.8;-webkit-user-select:none;user-select:none;text-shadow:1px 1px rgba(0,0,0,.1)}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.liquidChrome-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;overflow:hidden;background-color:#1a1a1a}.liquidChrome-container canvas{animation:fadeInBackground .5s ease-in-out forwards}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}.gold-btn{width:140px;height:50px;border:none;border-radius:10px;background:linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);background-size:250%;background-position:left;color:#ffd277;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:1s;overflow:hidden;font-family:Inter,sans-serif;font-weight:600}.gold-btn-text{position:absolute;color:#ffd277;display:flex;align-items:center;justify-content:center;width:97%;height:90%;border-radius:8px;transition-duration:1s;background-color:#000;background-size:200%;z-index:1}.gold-btn:hover{background-position:right;transition-duration:1s}.gold-btn:hover .gold-btn-text{color:#fff}.gold-btn:active{transform:scale(.95)}.looty-logo-shine{padding:12px 24px;color:#fff;background:linear-gradient(to right,#bf893b,#f7d488,#bf893b);background-position:0;background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s infinite linear;font-family:Poppins,sans-serif;font-weight:700;font-size:36px;text-decoration:none;white-space:nowrap}@keyframes shine{0%{background-position:0% 50%}to{background-position:200% 50%}}.welcome-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-m);box-sizing:border-box}.welcome-card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);max-width:390px;width:100%;text-align:center;display:flex;flex-direction:column;overflow:hidden}.card-content{padding:var(--spacing-xxl) var(--spacing-l);display:flex;flex-direction:column;align-items:center}.welcome-title{font-size:var(--font-size-xxl);margin-top:var(--spacing-l);margin-bottom:var(--spacing-m);color:var(--text-primary);font-weight:700}.welcome-description{font-size:var(--font-size-m);color:var(--text-secondary);line-height:1.6;max-width:400px}.cta-prompt{font-size:var(--font-size-s);color:var(--text-secondary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-m)}.welcome-cta-wrapper{display:flex;justify-content:center;width:100%}.welcome-footer{padding-top:var(--spacing-m);padding-bottom:var(--spacing-m);background-color:#0003;border-top:1px solid var(--border-color)}.footer-links{display:flex;justify-content:center;padding:var(--spacing-s) 0 var(--spacing-l);gap:var(--spacing-xl)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-s);transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}@media (min-width: 768px){.card-content{padding:var(--spacing-xxl)}}.header-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;width:90%;max-width:380px;height:55px;align-items:center;justify-content:space-around;border-radius:16px;z-index:50;background:var(--card-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 8px 32px #0000005e,inset 0 1px 1px 0 var(--border-color)}.header-button{position:relative;outline:0!important;border:0!important;width:45px;height:45px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all ease-in-out .2s;cursor:pointer}.header-button:hover{color:var(--accent-gold-hover);background-color:var(--bg-hover-light);transform:translateY(-3px)}.header-button.active{color:var(--accent-gold)}.header-button .icon{font-size:24px}.badge{position:absolute;top:0;right:0;background-color:var(--notification-red);color:var(--text-primary);border:2px solid var(--bg-deep);border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(25%,-25%)}.dashboard-container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:var(--spacing-m);box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1}.dashboard-main{flex-grow:1;display:flex;flex-direction:column;padding-top:80px;align-items:center;justify-content:center;width:100%}.dashboard-main h3{text-align:center;color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-l)}.rate-section.single-view{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-l);display:flex;flex-direction:column;width:90%;max-height:80vh;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rate-section-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--spacing-l);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--border-color);flex-shrink:0}.rate-section-title{margin:0;font-size:var(--font-size-xl);color:var(--accent-gold)}.crypto-switcher{display:flex;background-color:var(--bg-deep);border-radius:var(--border-radius-m);padding:var(--spacing-xs)}.switch-btn{padding:6px 16px;border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:var(--border-radius-s);transition:all .2s ease}.switch-btn.active{background-color:var(--card-bg);color:var(--text-primary);box-shadow:0 1px 3px #0003}.rate-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-m);overflow-y:auto;flex-grow:1;padding-right:4px}.rate-cards-container::-webkit-scrollbar{width:8px}.rate-cards-container::-webkit-scrollbar-track{background:transparent}.rate-cards-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.rate-card{background-color:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--border-radius-m);padding:var(--spacing-s) var(--spacing-m);display:flex;flex-direction:column;align-items:center;gap:4px}.rate-fiat{font-size:var(--font-size-s);font-weight:600;color:var(--text-secondary)}.rate-value{font-size:var(--font-size-l);font-weight:700;color:var(--text-primary)}@media (min-width: 768px){.rate-section.single-view{max-width:600px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.uploader-modal{max-width:500px}.uploader-modal h3{text-align:center;margin-top:20px;margin-bottom:var(--spacing-m)}.file-input-container{padding:var(--spacing-xxl) 0;text-align:center}.file-input-container p{color:var(--text-secondary);margin-bottom:var(--spacing-l)}.custom-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-s);padding:.75rem 1.5rem;border:1px solid var(--accent-gold);border-radius:var(--border-radius-m);background-color:transparent;color:var(--accent-gold);font-size:var(--font-size-m);font-weight:600;cursor:pointer;transition:all .2s ease}.custom-upload-btn:hover{background-color:#ffd2771a;color:var(--accent-gold-hover);border-color:var(--accent-gold-hover);transform:translateY(-2px)}.crop-container{background-color:#000;display:flex;justify-content:center}.ReactCrop__image{max-height:60vh}.uploader-footer{padding:var(--spacing-m);border-top:1px solid var(--border-color);margin-top:var(--spacing-m)}.uploader-footer .verify-button{width:100%}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out forwards}.profile-modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:400px;position:relative;animation:zoomIn .3s ease-out forwards;color:var(--text-primary);overflow:hidden}.profile-modal-close-btn{position:absolute;top:var(--spacing-m);right:var(--spacing-m);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s;line-height:1}.profile-modal-close-btn:hover{transform:rotate(90deg);color:var(--text-primary)}.profile-header{padding:var(--spacing-l);display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-color)}.avatar-wrapper-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;position:relative;margin-bottom:var(--spacing-m)}.avatar-container{position:relative}.avatar-img{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent-gold);box-shadow:0 4px 15px #0003}.avatar-edit-overlay{position:absolute;inset:0;background-color:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .2s ease;font-size:1.5rem}.avatar-wrapper-btn:hover .avatar-edit-overlay{opacity:1}.user-info-line{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);width:100%;margin-top:var(--spacing-xs)}.user-info-line h2{margin:0;font-size:var(--font-size-l);font-weight:600;font-family:monospace;color:var(--text-primary)}.user-info-line h3{margin:0;font-size:var(--font-size-m);font-weight:500;font-family:monospace;color:var(--text-secondary)}.badges-container{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-m);flex-wrap:wrap;justify-content:center}.badge-item{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600;border:1px solid}.badge-item.approved,.badge-item.kyc{color:var(--success-green);border-color:var(--success-green);background-color:#10b9811a}.badge-item.pending{color:var(--warning-yellow);border-color:var(--warning-yellow);background-color:#eab3081a}.badge-item.not-verified{color:var(--text-secondary);border-color:var(--text-secondary);background-color:#9ca3af1a}.badge-item.pon{color:var(--accent-gold);border-color:var(--accent-gold);background-color:#ffd2771a}.badge-item.aml{color:#8b5cf6;border-color:#8b5cf6;background-color:#8b5cf61a}.profile-body{padding:var(--spacing-l);border-bottom:1px solid var(--border-color)}.profile-footer{padding:var(--spacing-m)}.logout-button{width:100%;padding:.75rem;border:none;background-color:#e53e3e33;color:#fca5a5;border-radius:var(--border-radius-m);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-s)}.logout-button:hover{background-color:var(--notification-red);color:#fff}.username-section{width:100%;margin-top:var(--spacing-s);min-height:44px;display:flex;align-items:center;justify-content:center}.username-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s)}.username-display h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.edit-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;font-size:1rem;padding:var(--spacing-xs)}.edit-btn:hover{color:var(--accent-gold)}.username-edit-form{display:flex;gap:var(--spacing-s);align-items:center;width:100%;max-width:280px}.username-input{flex-grow:1;background-color:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--border-radius-m);padding:.5rem;color:var(--text-primary);font-size:var(--font-size-l);text-align:center}.username-input:focus{outline:none;border-color:var(--accent-gold)}.username-edit-form button{width:38px;height:38px;border-radius:var(--border-radius-m);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.save-btn,.cancel-btn{background-color:var(--card-bg);color:var(--text-secondary)}.verification-status{padding:var(--spacing-m);border-radius:var(--border-radius-m);text-align:center;border:1px solid;display:flex;flex-direction:column;gap:var(--spacing-s)}.verification-status.success{background-color:#10b9811a;border-color:var(--success-green);color:var(--success-green);flex-direction:row;align-items:center;justify-content:center}.verification-status.pending{background-color:#eab3081a;border-color:var(--warning-yellow);color:var(--warning-yellow)}.verify-button{background-color:var(--accent-gold);color:var(--card-bg);border:none;padding:.75rem var(--spacing-m);border-radius:var(--border-radius-m);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-s)}.verify-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.kyc-modal h3{text-align:center;margin-top:0;margin-bottom:var(--spacing-s);color:var(--text-primary)}.kyc-modal .kyc-description{text-align:center;color:var(--text-secondary);margin-top:0;margin-bottom:var(--spacing-l);font-size:var(--font-size-s)}.kyc-modal .kyc-description.memo{font-size:.75rem;max-width:300px;margin-left:auto;margin-right:auto;line-height:1.5}.kyc-status-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-l) 0}.kyc-status-view .icon{font-size:48px;margin-bottom:var(--spacing-m)}.kyc-view{padding-top:var(--spacing-l)}.sumsub-placeholder{background-color:var(--bg-main);padding:var(--spacing-l);border-radius:var(--border-radius-m);margin:var(--spacing-m) 0;text-align:center;color:var(--text-secondary);border:1px dashed var(--border-color)}.kyc-modal{text-align:center}.kyc-modal h3{margin-top:var(--spacing-m);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-s)}.kyc-modal .kyc-description{color:var(--text-secondary);font-size:var(--font-size-s);line-height:1.5;max-width:300px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-m)}.token-selector{display:flex;background-color:var(--card-bg);border-radius:var(--border-radius-m);padding:var(--spacing-xs);margin-bottom:var(--spacing-l);border:1px solid var(--border-color)}.token-selector button{flex:1;padding:var(--spacing-s);border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:var(--border-radius-s);transition:all .2s ease}.token-selector button.active{background-color:var(--card-bg);color:var(--text-primary);box-shadow:0 2px 5px #0003}.pay-button{width:100%;background-color:var(--accent-gold);color:var(--card-bg);padding:.8rem;font-size:var(--font-size-m);font-weight:700;border:none;border-radius:var(--border-radius-m)}.pay-button:hover{filter:brightness(1.1)}.error-text{color:var(--notification-red);font-size:var(--font-size-s);margin-top:var(--spacing-m)}.kyc-status-view{padding:var(--spacing-l) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s)}.kyc-status-view .icon{font-size:48px}.kyc-status-view .icon.pending{color:var(--warning-yellow)}.kyc-status-view .icon.success{color:var(--success-green)}.rotating{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-modal-overlay.is-nested{z-index:1001}.add-method-modal{max-width:450px;padding:20px}.add-method-modal h3{text-align:center;margin-top:0}.add-method-description{text-align:center;color:var(--text-secondary);margin-top:0;margin-bottom:var(--spacing-m)}.method-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}.method-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-s);padding:var(--spacing-l) var(--spacing-m);background-color:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--border-radius-m);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.method-choice:hover{background-color:var(--card-bg);border-color:var(--text-primary);color:var(--text-primary)}.method-choice.active{background-color:var(--card-bg);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.method-choice svg{font-size:2rem}.details-form{border-top:1px solid var(--border-color);padding-top:var(--spacing-l);display:flex;flex-direction:column;gap:var(--spacing-m)}.details-form>label{font-size:var(--font-size-s);color:var(--text-secondary);text-align:left;font-weight:500}.details-form input[type=text]{width:100%;padding:.8rem;background-color:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--border-radius-m);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.details-form input[type=text]:focus{outline:none;border-color:var(--accent-gold)}.confirmation-checkbox{display:flex;align-items:center;gap:var(--spacing-m);text-align:left;margin:var(--spacing-s) 0}.confirmation-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:var(--text-secondary);width:1.15em;height:1.15em;border:1px solid var(--border-color);border-radius:var(--border-radius-s);transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer}.confirmation-checkbox input[type=checkbox]:before{content:"";width:1em;height:1em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--accent-gold);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.confirmation-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.confirmation-checkbox label{font-size:var(--font-size-s);color:var(--text-secondary);cursor:pointer;line-height:1.4}.confirm-modal{max-width:380px;padding:var(--spacing-xl);text-align:center}.confirm-icon{font-size:2.5rem;color:var(--warning-yellow);margin-bottom:var(--spacing-m)}.confirm-modal h3{margin:0 0 var(--spacing-s);color:var(--text-primary)}.confirm-modal p{margin:0 0 var(--spacing-l);color:var(--text-secondary);font-size:var(--font-size-s);line-height:1.5}.confirm-actions{display:flex;gap:var(--spacing-m)}.confirm-actions button{flex:1}.billing-button.danger{background-color:var(--notification-red);border-color:var(--notification-red);color:#fff}.billing-button.danger:hover{filter:brightness(1.1);background-color:var(--notification-red);border-color:var(--notification-red)}.billing-modal{max-width:500px;padding:20px}.billing-modal h3,.methods-panel h4{text-align:center;margin-top:0;margin-bottom:var(--spacing-l)}.billing-tabs{display:flex;background-color:var(--bg-deep);border-radius:var(--border-radius-m);padding:var(--spacing-xs);border:1px solid var(--border-color)}.tab-btn{flex:1;padding:var(--spacing-s);border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:var(--border-radius-s);transition:all .2s ease}.tab-btn.active{background-color:var(--card-bg);color:var(--text-primary);box-shadow:0 2px 5px #0003}.billing-content{padding:var(--spacing-l) 0;min-height:250px}.stake-panel{text-align:center}.stake-amount{font-size:2.5rem;font-weight:700;color:var(--accent-gold)}.stake-amount span{font-size:1.5rem;color:var(--text-secondary);margin-left:var(--spacing-s)}.stake-description{font-size:var(--font-size-s);color:var(--text-secondary);max-width:350px;margin:var(--spacing-s) auto var(--spacing-l)}.stake-actions{display:flex;gap:var(--spacing-m);justify-content:center}.methods-list{display:flex;flex-direction:column;gap:var(--spacing-m);margin-top:var(--spacing-l)}.method-item{display:flex;align-items:center;gap:var(--spacing-m);background-color:var(--bg-deep);padding:var(--spacing-m);border-radius:var(--border-radius-m);border:1px solid var(--border-color)}.method-icon{font-size:1.8rem;color:var(--text-secondary);flex-shrink:0}.method-info{flex-grow:1;display:flex;flex-direction:column;text-align:left;overflow:hidden}.method-info strong{color:var(--text-primary)}.method-info span{color:var(--text-secondary);font-size:var(--font-size-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.methods-panel .add-new{width:100%;margin-top:var(--spacing-l)}.no-methods-text{text-align:center;color:var(--text-secondary);padding:var(--spacing-l) 0}.edit-btn,.delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:var(--spacing-s);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.edit-btn:hover{background-color:#ffffff1a;color:var(--text-primary)}.delete-btn:hover{background-color:#e53e3e33;color:var(--notification-red)}.billing-button{padding:.6rem 1.2rem;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--border-radius-m);font-weight:600;cursor:pointer;transition:all .2s ease}.billing-button:hover{border-color:var(--text-primary);background-color:#ffffff1a}.billing-button.primary{background-color:var(--card-bg);border-color:var(--accent-gold);color:var(--bg-deep)}.billing-button.primary:hover{filter:brightness(1.1);border-color:var(--accent-gold-hover)}.dropdown-container{position:relative;width:150px;font-family:Inter,sans-serif}.dropdown-header{width:100%;padding:.6rem 1rem;border-radius:var(--border-radius-m);background:var(--bg-hover-light);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.chevron-icon{transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}.dropdown-list{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-m);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1010;max-height:200px;overflow-y:auto}.dropdown-list button{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);text-align:left;cursor:pointer}.dropdown-list button:hover{background-color:var(--bg-hover-light);color:var(--text-primary)}.orders-modal{max-width:700px;height:90vh;display:flex;flex-direction:column;padding:15px}.orders-modal h3{text-align:center;margin-top:0;margin-bottom:var(--spacing-m)}.orders-filters{display:flex;gap:var(--spacing-m);padding-bottom:var(--spacing-m);margin-bottom:var(--spacing-m);border-bottom:1px solid var(--border-color)}.orders-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-m);padding:4px}.orders-list::-webkit-scrollbar{width:8px}.orders-list::-webkit-scrollbar-track{background:transparent}.orders-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px;border:3px solid transparent;background-clip:content-box}.orders-list::-webkit-scrollbar-thumb:hover{background-color:var(--accent-gold)}.order-item{background-color:var(--bg-deep);padding:var(--spacing-m);border-radius:var(--border-radius-l);border:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"user     user" "details  methods" "action   action";gap:var(--spacing-m);transition:background-color .2s ease}.order-user{grid-area:user}.order-details{grid-area:details}.order-methods{grid-area:methods}.order-action-btn-wrapper{grid-area:action}.order-user{display:flex;align-items:center;gap:var(--spacing-m)}.order-avatar{width:40px;height:40px;border-radius:50%}.order-username{font-weight:600;color:var(--text-primary)}.order-badges{display:flex;align-items:center;gap:4px;font-size:.9rem}.order-badge.kyc{color:var(--success-green)}.order-badge.pon{color:var(--accent-gold)}.order-details,.order-methods{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-s)}.order-details{align-items:flex-start}.order-methods{align-items:flex-end}.order-details span,.order-methods .methods-title{color:var(--text-secondary);font-size:.75rem}.order-details strong{color:var(--text-primary);font-weight:600}.methods-icons{display:flex;gap:var(--spacing-s);font-size:1.2rem;color:var(--text-secondary)}.methods-icons span{display:none}.order-action-btn{padding:.75rem;width:100%;border:none;border-radius:var(--border-radius-m);font-weight:700;cursor:pointer;transition:all .2s ease}.order-action-btn.buy{background-color:var(--card-bg);color:var(--bg-deep);border:1px solid var(--border-color)}.order-action-btn.sell{background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.order-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.orders-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-m);display:flex;justify-content:flex-end}@media (min-width: 768px){.order-item{grid-template-columns:2fr 2fr 1.5fr auto;grid-template-rows:1fr;grid-template-areas:"user details methods action";gap:var(--spacing-m);align-items:center}.order-item:hover{background-color:var(--card-bg)}.order-user{padding-bottom:0;border-bottom:none}.order-action-btn-wrapper{justify-self:flex-end}.order-action-btn{width:120px}.methods-icons{display:flex;gap:var(--spacing-s);flex-wrap:wrap}.method-tag{display:flex;align-items:center;gap:6px;background-color:var(--card-bg);padding:4px 10px;border-radius:var(--border-radius-s);font-size:.8rem;color:var(--text-secondary)}.method-tag span{display:inline}.methods-icons .method-tag{font-size:1rem}.methods-title{display:none}}.create-order-modal{max-width:480px;padding:20px}.create-order-modal h3{text-align:center;margin-top:0;margin-bottom:var(--spacing-l)}.form-group{margin-bottom:var(--spacing-l)}.form-group label{display:block;margin-bottom:var(--spacing-s);color:var(--text-secondary);font-weight:500;font-size:var(--font-size-s)}.input-with-select{display:flex;align-items:center}.input-with-select input{background-color:var(--bg-deep);border:1px solid var(--border-color);color:var(--text-primary);padding:.8rem;font-size:1rem;width:100%;border-radius:var(--border-radius-m)}.input-with-select input:focus{outline:none;border-color:var(--accent-gold)}.input-with-select .dropdown-container{margin-left:-40px}.input-with-select .dropdown-header{background:var(--bg-deep)}.methods-multiselect{display:flex;flex-direction:column;gap:var(--spacing-s);max-height:150px;overflow-y:auto;background-color:var(--bg-deep);border:1px solid var(--border-color);border-radius:var(--border-radius-m);padding:var(--spacing-xs)}.method-option{padding:var(--spacing-s) var(--spacing-m);border:1px solid transparent;border-radius:var(--border-radius-s);background-color:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .2s ease}.method-option:hover{background-color:var(--bg-hover-light);color:var(--text-primary)}.method-option.selected{background-color:var(--card-bg);border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.form-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-m);margin-top:var(--spacing-l);display:flex;align-items:center;justify-content:space-between}.total-amount{text-align:left}.total-amount span{font-size:var(--font-size-s);color:var(--text-secondary)}.total-amount strong{display:block;font-size:var(--font-size-l);color:var(--text-primary)}.reload-prompt-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out forwards}.reload-prompt-modal{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:400px;padding:var(--spacing-xl);animation:zoomIn .3s ease-out forwards;color:var(--text-primary);box-shadow:0 8px 32px #0000005e;text-align:center}.reload-prompt-message{font-size:var(--font-size-l);font-weight:500;line-height:1.5;margin-bottom:var(--spacing-l)}.reload-prompt-buttons{display:flex;gap:var(--spacing-m);justify-content:center}.btn-reload,.btn-close{flex:1;padding:.75rem;border:none;border-radius:var(--border-radius-m);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-reload{background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-reload:hover{filter:brightness(1.1)}.btn-close{background-color:var(--bg-hover-light);color:var(--text-secondary);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.install-prompt-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out forwards}.install-prompt-modal{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:420px;padding:var(--spacing-xl);animation:zoomIn .3s ease-out forwards;color:var(--text-primary);box-shadow:0 8px 32px #0000005e;text-align:center}.install-prompt-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);font-size:var(--font-size-l);font-weight:500;line-height:1.5;margin-bottom:var(--spacing-l)}.install-prompt-message svg{font-size:1.2rem}.install-prompt-buttons{display:flex;gap:var(--spacing-m);justify-content:center}.btn-install,.btn-close{flex:1;padding:.75rem;border:none;border-radius:var(--border-radius-m);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-install{background-color:var(--card-bg);color:var(--bg-deep);border:1px solid var(--border-color)}.btn-install:hover{filter:brightness(1.1)}.btn-close{background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-close:hover{background-color:#ffffff1a;color:var(--text-primary);border-color:var(--text-primary)}