:root{--color-primary: #1a1d29;--color-secondary: #2d3142;--color-accent: #e8a641;--color-accent-dark: #c88a2e;--color-accent-light: #f4c376;--color-bg: #0f1117;--color-surface: #1a1d29;--color-surface-light: #242838;--color-border: #2d3142;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--color-call: #10b981;--color-put: #ef4444;--color-warning: #f59e0b;--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(232, 166, 65, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(232,166,65,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(232,166,65,.05) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(232,166,65,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(232,166,65,.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(232,166,65,.15),transparent),radial-gradient(1px 1px at 50% 50%,rgba(232,166,65,.1),transparent),radial-gradient(1px 1px at 80% 10%,rgba(232,166,65,.15),transparent),radial-gradient(2px 2px at 90% 60%,rgba(232,166,65,.1),transparent),radial-gradient(1px 1px at 33% 80%,rgba(232,166,65,.1),transparent);background-size:200% 200%;background-position:0% 0%;animation:moveParticles 60s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes moveParticles{0%,to{background-position:0% 0%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0% 50%}}.main-content:before{content:"";position:fixed;width:500px;height:500px;border:2px solid rgba(232,166,65,.1);border-radius:50%;top:-200px;right:-200px;animation:floatShape1 20s ease-in-out infinite;pointer-events:none;z-index:-1}.main-content:after{content:"";position:fixed;width:400px;height:400px;border:2px solid rgba(232,166,65,.08);border-radius:50%;bottom:-150px;left:-150px;animation:floatShape2 25s ease-in-out infinite reverse;pointer-events:none;z-index:-1}@keyframes floatShape1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-50px,50px) rotate(180deg)}}@keyframes floatShape2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(50px,-50px) rotate(-180deg)}}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-primary) 100%);border-bottom:2px solid var(--color-accent);padding:var(--spacing-md) 0;box-shadow:var(--shadow-md),0 0 30px #e8a6411a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:headerGlow 3s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.5}50%{opacity:1}}.header .container{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.logo{width:50px;height:50px;animation:rotateLogo 20s linear infinite}@keyframes rotateLogo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand{font-size:2rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(232,166,65,.5)}.nav{display:flex;gap:var(--spacing-xs)}.text-mobile{display:none}.text-desktop{display:inline}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.nav-btn:hover:before{width:300px;height:300px}.nav-btn:hover{color:var(--color-primary);border-color:var(--color-accent)}.nav-btn.active:not(.analysis-btn){background:var(--color-call);border-color:var(--color-call);color:#fff;box-shadow:0 2px 8px #10b9814d}.nav-btn.analysis-btn.active{background:var(--color-put);border-color:var(--color-put);color:#fff;box-shadow:0 2px 8px #ef44444d}.nav-btn.analysis-btn:not(.active){background:var(--color-call);border-color:var(--color-call);color:#fff;box-shadow:0 2px 8px #10b9814d}.nav-btn.analysis-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.nav-btn.analysis-btn:not(.active):hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.main-content{min-height:calc(100vh - 200px);padding:var(--spacing-lg) 0}.page{display:none;animation:fadeIn .5s ease-in-out}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--spacing-md);box-shadow:var(--shadow-sm);align-items:center}.reset-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);white-space:nowrap}.reset-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.reset-btn:active{transform:translateY(0)}.reset-btn svg{flex-shrink:0}.stat-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border)}.stat-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:700;color:var(--color-text);font-family:Courier New,monospace}.profit-item.positive .stat-value{color:var(--color-call)}.profit-item.negative .stat-value,.margin-item.low .stat-value{color:var(--color-put)}.margin-item.medium .stat-value{color:var(--color-warning)}.margin-item.high .stat-value{color:var(--color-call)}.stake-panel{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);box-shadow:var(--shadow-md)}.stake-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stake-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stake-value-container{display:flex;align-items:center;gap:var(--spacing-sm)}.stake-value{font-size:1.5rem;font-weight:700;color:var(--color-accent);font-family:Courier New,monospace}.copy-stake-btn{background:var(--color-border);border:none;padding:6px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.copy-stake-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:scale(1.1)}.copy-stake-btn:active{transform:scale(.95)}.stake-controls{display:flex;gap:var(--spacing-sm)}.current-management-display{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.management-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.management-value{font-size:.9rem;font-weight:700;color:var(--color-accent);padding:4px 8px;background:#e8a6411a;border-radius:var(--radius-sm);border:1px solid var(--color-accent)}.stake-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.win-btn{background:var(--color-call);color:#fff;box-shadow:0 2px 8px #10b9814d}.win-btn:hover{background:#0d9668;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.win-btn:active{transform:translateY(0)}.loss-btn{background:var(--color-put);color:#fff;box-shadow:0 2px 8px #ef44444d}.loss-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.loss-btn:active{transform:translateY(0)}.alert-section,.signals-section{margin-bottom:var(--spacing-lg)}.section-title{font-size:1.1rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text);position:relative;padding-bottom:var(--spacing-xs);font-weight:600}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent);border-radius:10px}.title-icon{font-size:1.2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.alert-container,.signals-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.empty-state{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:.85rem}.alert-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;animation:slideIn .5s ease-out;box-shadow:0 2px 10px #f59e0b33;transition:var(--transition);position:relative;overflow:hidden}.alert-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.alert-card:hover{transform:translate(5px);box-shadow:0 4px 15px #f59e0b4d}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.alert-info h4{color:var(--color-accent);font-size:.95rem;margin-bottom:4px}.alert-details{display:flex;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.75rem}.alert-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{width:100px;height:6px;background:var(--color-surface-light);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-warning),var(--color-accent));transition:width .3s ease}.signal-card{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:var(--transition);animation:pulseIn .4s ease-out;position:relative;overflow:hidden}.signal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,166,65,.1),transparent);transition:left .5s}.signal-card:hover:before{left:100%}@keyframes pulseIn{0%{opacity:0;transform:scale(.95) translateY(20px)}50%{transform:scale(1.01)}to{opacity:1;transform:scale(1) translateY(0)}}.signal-card.call{border-color:var(--color-call);box-shadow:0 4px 20px #10b9814d,0 0 40px #10b9811a;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(16,185,129,.05) 100%)}.signal-card.call:hover{transform:translateY(-8px);box-shadow:0 8px 30px #10b98166,0 0 60px #10b98126}.signal-card.put{border-color:var(--color-put);box-shadow:0 4px 20px #ef44444d,0 0 40px #ef44441a;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(239,68,68,.05) 100%)}.signal-card.put:hover{transform:translateY(-8px);box-shadow:0 8px 30px #ef444466,0 0 60px #ef444426}.signal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.signal-confidence-compact{font-size:.85rem;font-weight:700;color:var(--color-accent);margin-left:auto}.signal-card.collapsed .signal-confidence-compact{display:inline}.signal-card:not(.collapsed) .signal-confidence-compact{display:none}.signal-pair{font-size:1rem;font-weight:700;color:var(--color-accent)}.signal-type{padding:3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem}.signal-type.call{background:var(--color-call);color:#fff}.signal-type.put{background:var(--color-put);color:#fff}.signal-body{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.signal-detail{display:flex;flex-direction:column}.signal-detail-label{font-size:.7rem;color:var(--color-text-muted);margin-bottom:1px;text-transform:uppercase;letter-spacing:.5px}.signal-detail-value{font-size:.9rem;font-weight:600;color:var(--color-text)}.countdown-detail{background:var(--color-surface-light);padding:var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--color-accent)}.countdown-detail .time-left-value{color:var(--color-accent);font-size:1rem;font-weight:700;font-family:Courier New,monospace}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}.countdown-detail.countdown-urgent{border-color:var(--color-put);background:#ef44441a;animation:urgentBlink .5s ease-in-out infinite}.countdown-detail.countdown-urgent .time-left-value{color:var(--color-put)}@keyframes urgentBlink{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444499}}.confidence-container{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.confidence-label{display:flex;justify-content:space-between;margin-bottom:3px;font-size:.75rem}.confidence-bar{width:100%;height:6px;background:var(--color-surface-light);border-radius:10px;overflow:hidden;position:relative}.confidence-fill{height:100%;border-radius:10px;transition:width .5s ease,background .5s ease;position:relative;overflow:hidden}.confidence-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.confidence-low{background:linear-gradient(90deg,#ef4444,#f87171)}.confidence-medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.confidence-high{background:linear-gradient(90deg,#10b981,#34d399)}.signal-card{cursor:pointer}.signal-card.collapsed .signal-body,.signal-card.collapsed .confidence-container,.signal-card.collapsed .signal-explanation{display:none}.signal-card.collapsed .signal-header{margin-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.signal-card.collapsed{padding:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.signal-card.collapsed:hover{transform:translate(5px)}.signal-card:after{content:"";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--color-text-muted);transition:transform .3s}.signal-card.collapsed:after{content:"";transform:translateY(-50%)}.signal-card:not(.collapsed):after{transform:translateY(-50%)}.signal-explanation{margin-top:var(--spacing-xs);padding:6px var(--spacing-xs);background:var(--color-surface-light);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted);border-left:2px solid var(--color-accent)}.confidence-percentage{font-size:1rem;color:var(--color-accent)}.page-title{font-size:2rem;margin-bottom:var(--spacing-lg);color:var(--color-accent)}.settings-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-card.full-width{grid-column:1 / -1}.card-title{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--color-accent-light);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600}.input{width:100%;padding:var(--spacing-sm);background:var(--color-surface-light);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;transition:var(--transition)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #e8a6411a}.input-hint{display:block;margin-top:var(--spacing-xs);font-size:.85rem;color:var(--color-text-muted)}.timeframe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-sm)}.timeframe-btn{padding:var(--spacing-sm);background:var(--color-surface-light);border:2px solid var(--color-border);color:var(--color-text);font-weight:700;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition)}.timeframe-btn:hover{border-color:var(--color-accent);transform:translateY(-2px)}.timeframe-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary);box-shadow:var(--shadow-glow)}.operation-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.operation-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.operation-type-btn:hover{border-color:var(--color-accent);transform:translateY(-2px)}.operation-type-btn.active{background:var(--color-call);border-color:var(--color-call);color:#fff;box-shadow:0 2px 8px #10b9814d}.type-icon{font-size:1.5rem}.pairs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.refresh-payouts-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:var(--color-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition)}.refresh-payouts-btn:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.refresh-payouts-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-payouts-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.pairs-loading{grid-column:1 / -1;text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted);font-size:.9rem}.pair-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition)}.pair-item:hover{border-color:var(--color-accent)}.pair-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-call)}.pair-label{flex:1;margin-left:var(--spacing-xs);cursor:pointer;font-weight:600;color:var(--color-text);-webkit-user-select:none;user-select:none;font-size:.85rem}.pair-payout{font-size:.8rem;font-weight:700;color:var(--color-accent);margin-left:var(--spacing-xs)}.settings-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:var(--color-accent);color:var(--color-primary)}.btn-primary:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface-light);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.disclaimer{background:var(--color-surface);border:2px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.disclaimer h4{color:var(--color-warning);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.disclaimer p{color:var(--color-text-muted);line-height:1.8}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-md) 0;text-align:center;color:var(--color-text-muted);font-size:.9rem}@media(max-width:768px){.header .container{flex-direction:column;gap:var(--spacing-sm)}.brand{font-size:1.3rem}.logo{width:35px;height:35px}.nav{width:100%;gap:var(--spacing-xs)}.nav-btn{flex:1;font-size:.75rem;padding:var(--spacing-xs)}.text-desktop{display:none}.text-mobile{display:inline}.stats-card{grid-template-columns:1fr;gap:var(--spacing-xs)}.reset-btn{width:100%;justify-content:center}.stake-panel{flex-direction:column;gap:var(--spacing-sm)}.stake-controls{width:100%}.stake-btn{flex:1}.signal-body{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}.btn{width:100%}}@media(max-width:480px){.signal-body{grid-template-columns:1fr}.header-controls{flex-direction:column;align-items:stretch}.nav{width:100%}.nav-btn{flex:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal.active{display:flex}.modal-content{background:var(--color-primary);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.3rem;color:var(--color-accent);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--color-put);transform:rotate(90deg)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.config-type-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.config-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.config-type-btn:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 6px 20px #e8a6414d}.config-icon{font-size:3rem}.config-name{font-size:1.2rem;font-weight:700;color:var(--color-text)}.config-desc{font-size:.8rem;color:var(--color-text-muted)}.management-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.management-option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center}.management-option-btn:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.management-icon{font-size:2.5rem}.management-name{font-size:1rem;font-weight:700;color:var(--color-text)}.management-desc{font-size:.75rem;color:var(--color-text-muted)}#managementForm{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-grid{display:grid;gap:var(--spacing-md)}.summary-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.summary-label{font-weight:600;color:var(--color-text-muted);font-size:.9rem}.summary-value{font-weight:700;color:var(--color-accent);font-size:1.1rem;font-family:Courier New,monospace}.summary-value.positive{color:var(--color-call)}.summary-value.negative{color:var(--color-put)}.btn-management{width:100%;margin-bottom:var(--spacing-sm)}.current-management{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.management-info{margin:0;font-size:.9rem;color:var(--color-text-muted);text-align:center}.config-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;font-size:.9rem;color:var(--color-text)}.form-group input,.form-group select{padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.9rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #e8a64133}.info-text{padding:var(--spacing-sm);background:#e8a6411a;border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-muted)}.submit-config-btn{width:100%;padding:var(--spacing-sm);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:var(--color-primary);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition)}.submit-config-btn:hover{background:#d9a54f;transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.detail-item{display:flex;justify-content:space-between;padding:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:var(--color-text-muted);font-size:.85rem}.detail-item span:last-child{color:var(--color-text);font-weight:600;font-size:.9rem;font-family:Courier New,monospace}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.modal-actions button{flex:1;padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition)}.btn-cancel{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-cancel:hover{background:var(--color-surface-light)}.btn-confirm{background:var(--color-call);color:#fff}.btn-confirm:hover{background:#0ea574;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.management-options{grid-template-columns:1fr}.modal-content{width:95%}.config-type-options{grid-template-columns:1fr}}