.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px)}.modal-container{background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.15);border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.darkpool-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{padding:2.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-content>h2,.modal-header h2{font-size:18px;font-weight:600;color:rgba(255,255,255,.9);margin:0;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-source-code),monospace}.close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:var(--font-source-code),monospace}.close-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.info-section{margin-bottom:2rem}.info-section p{color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:1rem}.info-box,.info-section p{font-family:var(--font-source-code),monospace;font-size:13px;letter-spacing:.3px}.info-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:rgba(255,255,255,.65)}.info-box.warning{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.15);border-left:2px solid rgba(255,255,255,.5)}.info-box ol{margin:.5rem 0 .25rem 1.25rem;padding:0;font-size:12px;font-family:var(--font-source-code),monospace}.info-box li{margin:.25rem 0;color:rgba(255,255,255,.6);letter-spacing:.3px}.info-box strong{color:rgba(255,255,255,.9);font-weight:600;font-family:var(--font-source-code),monospace}.time-estimate{display:block;margin-top:.5rem;font-weight:500;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.error-box,.time-estimate{color:rgba(255,255,255,.7);font-family:var(--font-source-code),monospace}.error-box{border:1px solid rgba(255,255,255,.15);border-left:2px solid rgba(255,255,255,.4);border-radius:6px}.error-box,.progress-box{background:rgba(255,255,255,.03);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:13px;letter-spacing:.3px}.progress-box{border:1px solid rgba(255,255,255,.1);border-radius:6px;color:rgba(255,255,255,.7);font-family:var(--font-source-code),monospace}.form-section{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group label{font-family:var(--font-source-code),monospace}.form-group input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.875rem 1rem;color:rgba(255,255,255,.9);font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input.readonly-input{background:rgba(255,255,255,.02);cursor:default}.input-with-token{position:relative}.input-with-token input{padding-right:80px}.token-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:.25rem .75rem;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;font-family:var(--font-source-code),monospace;text-transform:uppercase;letter-spacing:.5px}.token-selector{display:flex;gap:8px}.token-option{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.875rem 1rem;color:rgba(255,255,255,.7);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-source-code),monospace}.token-option:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.token-option.active{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.9)}.token-option:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex;gap:.75rem;margin-top:2rem}.btn-primary,.btn-secondary{flex:1;padding:.875rem 1.5rem;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-source-code),monospace}.btn-primary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.9)}.btn-primary:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.status-screen{text-align:center;padding:3rem 2rem}.status-screen,.status-screen h3{font-family:var(--font-source-code),monospace}.status-screen h3{font-size:16px;font-weight:600;color:rgba(255,255,255,.9);margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:1px}.status-screen p{color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:1.5rem;font-size:13px;letter-spacing:.3px;font-family:var(--font-source-code),monospace}.status-screen.error h3,.status-screen.success h3{color:rgba(255,255,255,.9)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.explorer-link{display:inline-block;color:rgba(255,255,255,.7);text-decoration:none;margin:1rem 0;font-size:13px;transition:color .2s ease;font-family:var(--font-source-code),monospace;letter-spacing:.3px;text-transform:uppercase}.explorer-link:hover{color:rgba(255,255,255,.9)}.spinner,.spinner-large{border:2px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.6);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.spinner-large{width:60px;height:60px;border-width:3px}.spinner-small{display:inline-block;border:2px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.6);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;margin-right:.5rem;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.loading-content{display:flex;align-items:center;justify-content:center}.balance-card{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(22,33,62,.8));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-header h3{font-size:20px;font-weight:600;color:#ffffff;margin:0}.refresh-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px}.refresh-btn:hover:not(:disabled){background:rgba(255,255,255,.1);transform:rotate(90deg)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.balance-items{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.balance-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.balance-item-header{margin-bottom:12px}.token-name{font-weight:600;color:#ffffff;font-size:14px}.balance-amounts{display:flex;flex-direction:column;gap:8px}.balance-primary,.balance-secondary{display:flex;justify-content:space-between;align-items:center}.balance-primary .label{color:#b8b8b8;font-size:12px}.balance-primary .amount{color:#ffffff;font-size:20px;font-weight:600}.balance-secondary .label{color:#888;font-size:12px}.balance-secondary .amount{color:#b8b8b8;font-size:14px}.balance-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.encryption-badge{color:#4caf50}.last-update{color:#888}.order-form{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(22,33,62,.8));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.order-form h3{font-size:20px;font-weight:600;color:#ffffff;margin:0 0 20px}.order-type-selector{display:flex;gap:8px;margin-bottom:20px}.order-type-btn{flex:1;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#b8b8b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.order-type-btn:hover:not(:disabled){background:rgba(255,255,255,.08)}.order-type-btn.active.buy{background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.5);color:#4caf50}.order-type-btn.active.sell{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5);color:#f44336}.order-type-btn:disabled{opacity:.5;cursor:not-allowed}.submit-order-btn{width:100%;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none;margin-top:8px}.submit-order-btn.buy{background:linear-gradient(135deg,#4caf50,#388e3c);color:#ffffff}.submit-order-btn.sell{background:linear-gradient(135deg,#f44336,#d32f2f);color:#ffffff}.submit-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.submit-order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.order-list{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(22,33,62,.8));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.order-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-list-header h3{font-size:20px;font-weight:600;color:#ffffff;margin:0}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;color:#888;font-size:12px;font-weight:600;text-transform:uppercase;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.orders-table td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:#b8b8b8;font-size:14px}.orders-table tr:hover{background:rgba(255,255,255,.02)}.order-id{color:#64b5f6;font-family:monospace}.order-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.order-type-badge.buy{background:rgba(76,175,80,.2);color:#4caf50}.order-type-badge.sell{background:rgba(244,67,54,.2);color:#f44336}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-pending{background:rgba(255,193,7,.2);color:#ffc107}.status-badge.status-processing{background:rgba(33,150,243,.2);color:#2196f3}.status-badge.status-filled{background:rgba(76,175,80,.2);color:#4caf50}.status-badge.status-cancelled,.status-badge.status-insufficient-balance{background:rgba(158,158,158,.2);color:#9e9e9e}.status-badge.status-rejected{background:rgba(244,67,54,.2);color:#f44336}.timestamp{font-size:12px;color:#888}.empty-state,.error-state,.loading-state{text-align:center;padding:40px 20px;color:#b8b8b8}.loading-state{gap:16px}.empty-state,.error-state,.loading-state{display:flex;flex-direction:column;align-items:center}.empty-state,.error-state{gap:12px}.empty-state .icon{font-size:48px;opacity:.5}.empty-state p{font-size:16px;font-weight:500;margin:0}.empty-state .hint{font-size:14px;color:#888}.darkpool-interface{width:100%;color:#ffffff}.darkpool-interface,.welcome-screen{height:100%;min-height:600px;display:flex;flex-direction:column}.welcome-screen{align-items:center;justify-content:center;padding:4rem 2rem;gap:2.5rem;font-family:var(--font-source-code),monospace}.wallet-icon-large{font-size:80px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.welcome-header{text-align:center;width:100%}.welcome-header h1{font-size:36px;font-weight:700;margin:0 0 1rem;color:rgba(255,255,255,.95);letter-spacing:2px}.welcome-header .subtitle,.welcome-header h1{text-transform:uppercase;font-family:var(--font-source-code),monospace}.welcome-header .subtitle{font-size:14px;color:rgba(255,255,255,.65);margin:0 0 2.5rem;letter-spacing:.5px}.connect-button-wrapper{display:flex;justify-content:center;width:100%;max-width:420px;position:relative}.welcome-connect-button,.welcome-connect-button .wallet-selector{width:100%}.welcome-connect-button .wallet-selector-trigger{width:100%;min-height:56px;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.05);color:white;font-family:var(--font-source-code),monospace;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.welcome-connect-button .wallet-selector-trigger:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.welcome-connect-button .wallet-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;z-index:1000;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.5)}.welcome-connect-button .wallet-option{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;text-align:left;color:white;font-family:var(--font-source-code),monospace}.welcome-connect-button .wallet-option:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.welcome-connect-button .wallet-option:disabled{opacity:.5;cursor:not-allowed}.connect-steps{display:flex;gap:24px;margin:20px 0;flex-wrap:wrap;justify-content:center;max-width:800px}.step{display:flex;align-items:flex-start;gap:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;flex:1;min-width:200px;max-width:250px;text-align:left}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;font-weight:700;font-size:16px;flex-shrink:0}.step-content h4{font-size:16px;font-weight:600;color:#ffffff;margin:0 0 4px}.step-content p{font-size:13px;color:#888;margin:0;line-height:1.5}.connect-prompt-large{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid rgba(102,126,234,.3);border-radius:16px;padding:32px;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.2)}50%{box-shadow:0 0 30px rgba(102,126,234,.4)}}.prompt-icon{font-size:48px;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prompt-text{font-size:18px;color:#ffffff;margin:0}.prompt-text strong{color:#667eea}.prompt-subtext{font-size:14px;color:#b8b8b8;margin:0}.features-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;max-width:950px;margin:0 auto 2rem}.feature-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.75rem 1.5rem;text-align:left;transition:all .2s ease}.feature-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15)}.feature-content h4{font-size:14px;font-weight:600;color:rgba(255,255,255,.9);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.feature-content h4,.feature-content p{font-family:var(--font-source-code),monospace}.feature-content p{font-size:13px;color:rgba(255,255,255,.6);margin:0;line-height:1.5;letter-spacing:.3px}.privacy-badge{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1rem 1.5rem;margin:0 auto 2rem;max-width:700px}.privacy-badge p{font-size:11px;color:rgba(255,255,255,.65);margin:0;letter-spacing:.8px;text-transform:uppercase;font-family:var(--font-source-code),monospace;text-align:center;line-height:1.6}.connect-info{text-align:center;margin-top:1rem}.connect-info p{font-size:12px;color:rgba(255,255,255,.5);margin:0;letter-spacing:.3px;font-family:var(--font-source-code),monospace}.connect-prompt{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px}.connect-prompt .icon{font-size:48px}.connect-prompt p{font-size:16px;color:#d0d0d0;margin:0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.loading-screen p{color:#b8b8b8;font-size:16px}.darkpool-main-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3)}.header-left h2{font-size:24px;font-weight:600;margin:0;gap:8px}.header-left h2,.header-right{display:flex;align-items:center}.header-right{gap:12px}.wallet-badge{display:flex;flex-direction:column;align-items:flex-end;background:rgba(255,255,255,.05);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.wallet-name{font-size:12px;color:#888}.wallet-address{font-family:monospace;font-size:14px;color:#64b5f6}.disconnect-btn{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.disconnect-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5)}.view-tabs{display:flex;gap:8px;padding:16px 24px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.08)}.tab{padding:10px 20px;background:transparent;border:none;color:#888;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s;position:relative}.tab:hover{color:#b8b8b8;background:rgba(255,255,255,.03)}.tab.active{color:#ffffff;background:rgba(102,126,234,.2)}.tab.active:after{content:"";position:absolute;bottom:-17px;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2)}.content-area{flex:1;overflow-y:auto;padding:24px}.overview-view{display:flex;flex-direction:column;gap:24px}.balance-section{width:100%}.actions-section h3{font-size:20px;font-weight:600;margin-bottom:16px;color:#ffffff}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.action-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(26,26,46,.6),rgba(22,33,62,.6));border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.action-card:hover{transform:translateY(-4px);border-color:rgba(102,126,234,.5);box-shadow:0 8px 24px rgba(0,0,0,.3)}.action-card .icon{font-size:32px;flex-shrink:0}.action-content h4{font-size:16px;font-weight:600;color:#ffffff;margin:0 0 4px}.action-content p{font-size:13px;color:#888;margin:0}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.info-card .icon{font-size:28px;flex-shrink:0}.info-card h4{font-size:16px;font-weight:600;color:#ffffff;margin:0 0 4px}.info-card p{font-size:13px;color:#888;margin:0;line-height:1.5}.trade-view{width:100%}.trade-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px}.order-form-container{width:100%}.market-info{display:flex;flex-direction:column;gap:16px}.market-card{background:linear-gradient(135deg,rgba(26,26,46,.8),rgba(22,33,62,.8));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.market-card h4{font-size:18px;font-weight:600;color:#ffffff;margin:0 0 20px}.market-stats{display:flex;flex-direction:column;gap:16px}.stat{display:flex;justify-content:space-between;align-items:center}.stat .label{color:#888;font-size:14px}.stat .value{color:#ffffff;font-size:18px;font-weight:600}.stat .value.positive{color:#4caf50}.stat .value.negative{color:#f44336}.history-view{width:100%}@media (max-width:1024px){.trade-container{grid-template-columns:1fr}}@media (max-width:768px){.modal-container{width:95%;max-height:95vh}.modal-content{padding:24px}.darkpool-main-header{flex-direction:column;gap:12px;padding:16px}.header-right{width:100%;justify-content:space-between}.content-area{padding:16px}.action-buttons,.info-section{grid-template-columns:1fr}.orders-table{font-size:12px}.orders-table td,.orders-table th{padding:8px 4px}.balance-primary .amount{font-size:18px}.welcome-screen h1{font-size:28px}.welcome-screen .subtitle{font-size:16px}.wallet-icon-large{font-size:60px}.connect-steps{flex-direction:column;gap:16px}.step{max-width:100%}.connect-prompt-large{padding:24px}.prompt-icon{font-size:36px}.prompt-text{font-size:16px}.features-preview{flex-direction:column;gap:16px}}