.content-wrapper,.main-container,.nav-link,.section{position:relative}:root{--primary-color:#00c3ff;--primary-dark:#0097c9;--secondary-color:#7000ff;--tertiary-color:#ffca00;--dark-bg:#0c0e14;--section-bg:#151820;--card-bg:#1c2030;--text-primary:#ffffff;--text-secondary:#b0b0b0;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--navbar-height:70px;--transition-speed:0.3s;--speed-high:#00c853;--speed-medium:#2196f3;--speed-low:#ffc107;--speed-very-low:#ff3d00;--ping-excellent:#00c853;--ping-good:#2196f3;--ping-fair:#ffc107;--ping-poor:#ff3d00}.nav-link,.navbar,.navbar-brand{transition:all var(--transition-speed) ease}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Poppins,"Segoe UI",sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden;width:100%;height:100%}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed) ease}a:hover{color:var(--secondary-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(12,14,20,.9);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s}#loading-overlay.hide{opacity:0;pointer-events:none}.intro-section,.path-section,.spinner-container{text-align:center}.spinner{border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top:5px solid var(--primary-color);width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.knowledge-card,.section.active{animation:.5s forwards fadeIn;opacity:1}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.main-container{padding-top:var(--navbar-height);min-height:100vh}.navbar{background-color:rgba(12,14,20,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);height:var(--navbar-height);padding:15px 0;z-index:1000}.navbar-brand{color:var(--primary-color)!important;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand i{font-size:1.8rem}.nav-link{color:var(--text-secondary)!important;font-weight:500;padding:8px 16px!important;margin:0 5px;border-radius:8px;display:flex;align-items:center}.nav-link i{font-size:1.1rem}.nav-link.active,.nav-link:hover{color:var(--primary-color)!important;background-color:rgba(0,195,255,.1)}.nav-link.active::after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:2px}.navbar-toggler{border:none;padding:.5rem;background-color:transparent}.navbar-toggler:focus{box-shadow:none;border:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 195, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.section{min-height:100vh;padding:80px 20px;overflow:hidden;opacity:0;visibility:hidden;display:none;transition:opacity .5s,visibility .5s}.section.active{visibility:visible;display:block!important}.intro-section.active,.knowledge-section.active,.path-section.active{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.content-wrapper{max-width:1200px;margin:0 auto;padding:20px;z-index:1}.intro-title{font-size:4rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(0,195,255,.3)}.intro-text{font-size:1.2rem;max-width:800px;margin:0 auto 1.5rem;color:var(--text-secondary);line-height:1.8}.particles-js{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:0!important;pointer-events:none!important}.navigation-buttons{display:flex;gap:20px;justify-content:center;margin-top:2rem;flex-wrap:wrap;z-index:10;position:relative}.back-btn,.continue-btn,.forward-btn,.knowledge-level{transition:.3s;z-index:1;position:relative;overflow:hidden}.back-btn,.continue-btn,.forward-btn{padding:12px 30px;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.2)}.dark-card,.knowledge-card,.path-card{box-shadow:0 10px 30px rgba(0,0,0,.3)}.continue-btn,.forward-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.continue-btn.alt{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color)}.back-btn{background:rgba(255,255,255,.1);color:var(--text-secondary)}.continue-btn:hover,.forward-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,195,255,.5)}.back-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.continue-btn.alt:hover{background:rgba(0,195,255,.1)}.back-btn:active,.continue-btn:active,.forward-btn:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(0,0,0,.3)}.back-btn::after,.continue-btn::after,.forward-btn::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);opacity:0;z-index:-1;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out}.back-btn:active::after,.continue-btn:active::after,.forward-btn:active::after{width:200%;height:200%;opacity:1}.knowledge-section{text-align:center;padding:100px 20px 60px}.knowledge-title,.path-title{font-size:3rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.knowledge-level,.path-btn{font-weight:500;cursor:pointer}.knowledge-card{background-color:var(--section-bg);border-radius:15px;padding:30px;max-width:900px;margin:0 auto;transform:translateY(0);display:block;width:100%}.knowledge-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:25px 0}.knowledge-level{background-color:var(--card-bg);border-radius:10px;padding:20px 15px;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);display:block;font-size:1.1rem}.dark-card .card-header h3,.path-card-title{color:var(--primary-color);font-size:1.5rem}.knowledge-level::before{content:"";position:absolute;top:-10px;left:-10px;width:0;height:0;background:linear-gradient(45deg,var(--primary-color),transparent);border-radius:50%;transition:width .5s,height .5s;z-index:-1;opacity:0}.knowledge-level.selected::before,.knowledge-level:hover::before{width:200px;height:200px;opacity:.1}.knowledge-level i{color:var(--primary-color);transition:transform .3s}.knowledge-level.selected i,.knowledge-level:hover i{transform:scale(1.3)}.knowledge-level.selected,.knowledge-level:hover{background-color:rgba(0,195,255,.1);transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(0,195,255,.2)}.path-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.path-card{background-color:var(--section-bg);border-radius:15px;padding:25px;text-align:left;border:1px solid rgba(255,255,255,.05);transform:translateY(20px);opacity:0;transition:.5s}.gradient-text,.path-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))}.path-card.show{transform:translateY(0);opacity:1}.path-card:hover{transform:translateY(-5px);border-color:var(--primary-color)}.path-card-title{margin-bottom:15px}.path-card-text{margin-bottom:20px;color:var(--text-secondary)}.path-btn{border:none;padding:10px 20px;border-radius:50px;color:#fff;transition:.3s}.path-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,195,255,.3)}.simulation-section{padding-top:80px}.section-header{margin-bottom:2rem;position:relative}.section-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.5rem;font-weight:700}.dark-card{background-color:var(--section-bg);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.3s;margin-bottom:25px;padding-bottom:10px}.chapter h3,.metrics-row,.stats-row{margin-bottom:20px}.dark-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.4);border-color:rgba(0,195,255,.3)}.dark-card .card-header{background-color:rgba(0,0,0,.2);padding:20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.dark-card .card-header h3{margin:0;font-weight:600}.dark-card .card-body{padding:20px}.control-panel{padding:20px;background:rgba(30,30,30,.7);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid rgba(75,75,75,.5)}.control-panel .form-label{color:var(--text-primary);font-weight:500;margin-bottom:10px}.control-panel .form-range{height:8px;cursor:pointer}.control-panel .form-range::-webkit-slider-thumb{background:var(--primary-color);cursor:pointer;width:18px;height:18px;border-radius:50%;box-shadow:0 0 10px rgba(0,195,255,.5)}.control-panel .btn-group{margin-bottom:15px}.control-panel .btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color);background-color:transparent;transition:.3s}.control-panel .btn-outline-primary.active,.control-panel .btn-outline-primary:hover{background-color:var(--primary-color);color:var(--dark-bg);border-color:var(--primary-color)}.control-panel .btn-danger{background-color:var(--danger-color);border:none;transition:.3s;padding:10px 20px;font-weight:500;font-size:1.1rem}.breadcrumb-item.active,.chapter-btn.active,.chapter-btn:hover{font-weight:600;color:var(--primary-color)}.control-panel .btn-danger:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 5px 15px rgba(231,76,60,.3)}.metrics-container{padding:10px}.metric-box,.network-graph{background-color:rgba(0,0,0,.2);padding:15px}.metric-box{border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:.3s;height:100%}.metric-box:hover{background-color:rgba(0,0,0,.3);border-color:var(--primary-color)}.metric-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;font-weight:500}.metric-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.network-graph{margin-top:20px;height:200px;border-radius:10px}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 5px 15px rgba(0,195,255,.3)}50%{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,195,255,.5)}}.btn-pulse{animation:2s infinite pulse}@media (max-width:992px){.intro-title{font-size:3rem}.knowledge-title,.path-title{font-size:2.5rem}.path-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.intro-title{font-size:2.5rem}.intro-text{font-size:1rem}.knowledge-title,.path-title{font-size:2rem}.knowledge-options{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.back-btn,.continue-btn,.forward-btn{width:100%}.navbar-collapse{background-color:var(--section-bg);padding:15px;border-radius:10px;margin-top:10px}.col,.metrics-row{margin-bottom:10px}}@media (max-width:576px){.intro-title{font-size:2rem}.section{padding:60px 15px}.dark-card,.knowledge-card{padding:20px}}.knowledge-section.active{display:flex!important}.knowledge-section p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.learning-content-section{padding-top:100px;min-height:100vh}.learning-content-section.active{display:block!important}.learning-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.learning-breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;color:var(--text-secondary);font-size:.9rem;flex-wrap:wrap;text-align:center}.learning-container{background-color:var(--section-bg);border-radius:15px;padding:30px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:1000px}.chapter-navigation{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px;padding-top:25px;flex-wrap:wrap;justify-content:center;position:relative;z-index:10;background-color:var(--section-bg);border-radius:15px 15px 0 0;margin-top:-10px;box-shadow:0 -5px 15px rgba(0,0,0,.1)}.chapter-btn,.measure-card{background-color:var(--card-bg);transition:.3s}.chapter-btn{border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:12px 24px;border-radius:30px;cursor:pointer;font-weight:500;font-size:.95rem;box-shadow:0 3px 8px rgba(0,0,0,.2)}.chapter-btn.active,.chapter-btn:hover{background-color:rgba(0,195,255,.2);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,195,255,.3)}.chapter{padding-top:20px;padding-bottom:50px}.chapter h3{font-size:1.8rem;color:var(--primary-color);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.chapter h4{font-size:1.3rem;margin-bottom:15px;color:var(--text-primary)}.chapter p{color:var(--text-secondary);line-height:1.7;margin-bottom:20px;font-size:1.05rem}.chapter img{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);margin:20px 0;max-width:100%;height:auto}.highlight-box,.info-box{border-radius:10px;padding:20px;margin:20px 0;position:relative}.info-box{background-color:rgba(0,195,255,.1);border-left:4px solid var(--primary-color)}.highlight-box{background-color:rgba(112,0,255,.1);border-left:4px solid var(--secondary-color)}.step-list{padding:0;list-style:none;margin:30px 0}.step{display:flex;gap:20px;margin-bottom:30px;align-items:flex-start}.step-number{width:40px;height:40px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.attack-type-card h4,.measure-icon,.strategy-item h4{color:var(--primary-color)}.step-content{flex:1}.attack-types,.measures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.measure-card{border-radius:10px;padding:20px;border:1px solid rgba(255,255,255,.05);text-align:center}.attack-type-card,.strategy-item{background-color:var(--card-bg);border-radius:10px;padding:20px}.attack-type-card:hover,.measure-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(0,0,0,.2)}.measure-icon{font-size:2.5rem;margin-bottom:15px}.attack-type-card{border:1px solid rgba(255,255,255,.05);transition:.3s}.attack-type-card h4{margin-bottom:10px}.strategy-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:30px 0}.strategy-item{border:1px solid rgba(255,255,255,.05)}.strategy-item h4{margin-bottom:15px}.strategy-item ul{padding-left:20px;margin-bottom:0}.strategy-item li{color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.alert{border-radius:10px;padding:15px;margin:20px 0;position:relative}.alert-info{background-color:rgba(0,195,255,.1);color:var(--text-primary);border-left:4px solid var(--primary-color)}.back-to-paths-btn,.chapter-continue-btn{color:#fff;cursor:pointer;transition:.3s}@media (max-width:768px){.learning-title{font-size:2rem}.chapter h3{font-size:1.5rem}.chapter h4{font-size:1.2rem}.chapter-navigation{justify-content:flex-start;padding-bottom:10px;margin-bottom:20px}.step{flex-direction:column;gap:10px}.attack-types,.measures-grid,.strategy-container{grid-template-columns:1fr}}.chapter-continue-btn{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;border-radius:30px;padding:12px 30px;font-weight:500;box-shadow:0 5px 15px rgba(0,195,255,.3);position:relative;overflow:hidden;font-size:1.05rem;margin-top:15px;margin-bottom:5px}.chapter-continue-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,195,255,.4)}.chapter-continue-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,195,255,.3)}.chapter-continue-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.chapter-continue-btn:hover::after{left:100%}.chapter-continue-btn.simulation-btn{background:linear-gradient(45deg,var(--secondary-color),var(--tertiary-color));font-weight:600;padding:12px 30px}.chapter-continue-btn.simulation-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(112,0,255,.4)}.back-to-paths-btn{background:linear-gradient(45deg,var(--primary-color),rgba(0,195,255,.7));border:none;border-radius:30px;padding:8px 20px;font-weight:500;box-shadow:0 4px 12px rgba(0,195,255,.2);margin-bottom:25px;display:inline-block}.analysis-graph-container,.defense-control-panel{background-color:rgba(0,0,0,.2);border-radius:10px}.back-to-paths-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,195,255,.3)}.back-to-paths-btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0,195,255,.2)}.back-button-container{display:flex;justify-content:flex-start}.d-flex.justify-content-end.mt-4{margin-top:50px!important}.chapter-content{position:relative;padding-top:15px;margin-top:-5px}hr+.d-flex.justify-content-end{margin-top:40px!important;margin-bottom:20px;padding-bottom:20px}.simulation-panel{margin-top:20px;border:1px solid rgba(0,195,255,.2)}.defense-control-panel{padding:20px;height:100%}.defense-options .form-check-label{display:flex;align-items:center;font-weight:500}.defense-options .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.analysis-graph-container{padding:15px;height:250px}.defense-metrics .metric-box.small{padding:10px;height:auto;min-height:80px}.defense-analysis-results{background-color:rgba(0,0,0,.1);border-radius:10px;padding:20px}#analysisResultContainer{background-color:rgba(0,0,0,.2);border-color:rgba(255,255,255,.1)!important;color:var(--text-secondary);min-height:100px}.form-select-sm{background-color:var(--card-bg);color:var(--text-primary);border-color:rgba(255,255,255,.1);width:200px}.form-select-sm:focus{box-shadow:0 0 0 .25rem rgba(0,195,255,.25);border-color:var(--primary-color)}.btn-primary{background:linear-gradient(45deg,var(--primary-color),rgba(0,195,255,.7));border:none;box-shadow:0 4px 12px rgba(0,195,255,.3)}.code-preview,.code-textarea{font-family:Monaco,Menlo,"Ubuntu Mono",Consolas,monospace;line-height:1.5;background-color:#1e1e1e;font-size:14px}.btn-primary:hover{background:linear-gradient(45deg,rgba(0,195,255,.9),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,195,255,.4)}.code-container{padding:.5rem}.code-editor{position:relative}.code-textarea{color:#d4d4d4;border:1px solid #333;border-radius:6px;padding:1rem;width:100%;resize:vertical;min-height:200px}.code-textarea:focus{outline:0;border-color:#0d6efd;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.code-preview{border:1px solid #333;border-radius:6px;max-height:250px;overflow-y:auto}.code-preview code{color:#d4d4d4}.code-preview .keyword{color:#569cd6}.code-preview .string{color:#ce9178}.code-preview .number{color:#b5cea8}.code-preview .comment{color:#6a9955}#apply-code{background-color:#ffc107;color:#000;font-weight:600;transition:.3s;border:none;padding:.5rem 1.5rem;border-radius:4px}#start-attack,#stop-attack,.stat-card{padding:15px;align-items:center;margin-bottom:15px;display:flex}#apply-code:hover{background-color:#ffb300;transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,193,7,.3)}#apply-code:active{transform:translateY(0);box-shadow:none}#start-attack,#stop-attack{width:100%;border:none;border-radius:6px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.3s;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2);justify-content:center}#start-attack{background:linear-gradient(135deg,#00b09b,#96c93d);color:#fff}#stop-attack{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff}#start-attack:hover,#stop-attack:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(0,0,0,.3)}#start-attack:active,#stop-attack:active{transform:translateY(1px);box-shadow:0 3px 10px rgba(0,0,0,.2)}#start-attack[disabled],#stop-attack[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}#start-attack i,#stop-attack i{margin-right:10px;font-size:18px}#start-attack::after,#stop-attack::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.1);transform:scale(0);transition:transform .5s;border-radius:6px}#start-attack:hover::after,#stop-attack:hover::after{transform:scale(1)}.stat-card{background-color:rgba(30,30,40,.7);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.stat-icon{font-size:24px;color:#4e8cff;margin-right:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(78,140,255,.1);border-radius:50%}.stat-info{flex-grow:1}.stat-info h5{margin-bottom:5px;color:#e0e0e0;font-size:14px}.stat-info p{margin-bottom:0;font-size:18px;font-weight:600;color:#4e8cff}.status-indicator{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-indicator.active{background-color:#4caf50;color:#fff}.status-indicator.inactive{background-color:#f44336;color:#fff}.status-indicator.warning{background-color:#ffc107;color:#333}.chart-container{background-color:rgba(30,30,40,.7);border-radius:8px;padding:15px;margin-top:20px;height:250px}.action-btn,.action-btn.defense-btn{color:#fff;padding:12px 24px;font-weight:600;transition:.3s;cursor:pointer}.action-btn.defense-btn{background:linear-gradient(45deg,#0072ff,#00c3ff);border:none;border-radius:30px;box-shadow:0 4px 15px rgba(0,114,255,.3)}.action-btn.defense-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,114,255,.4)}.action-btn.defense-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,114,255,.4)}.action-btn.defense-btn:disabled{background:linear-gradient(45deg,#7a7a7a,#a0a0a0);cursor:not-allowed;transform:none;box-shadow:none}.action-btn{background:linear-gradient(45deg,#8e2de2,#4a00e0);border:none;border-radius:30px;box-shadow:0 4px 15px rgba(138,43,226,.3)}.action-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(138,43,226,.4)}.action-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(138,43,226,.4)}