html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#000}#globeViz{width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0a0a1a,#000)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff99}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(0,212,255,.5)}50%{text-shadow:0 0 20px rgba(0,212,255,.8)}}#mission-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;background:linear-gradient(135deg,#0b3d91,#16213e);color:#fff;padding:25px;border-radius:16px;z-index:20;display:none;box-shadow:0 15px 50px #000000e6,0 0 40px #00d4ff4d,inset 0 1px #ffffff1a;border:2px solid #00d4ff;font-family:Inter,Segoe UI,sans-serif;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#mission-popup h3{color:#00d4ff;margin-top:0;margin-bottom:20px;border-bottom:2px solid rgba(0,212,255,.4);padding-bottom:10px;font-size:20px;font-weight:700;letter-spacing:.5px;animation:glow 2s ease-in-out infinite}#mission-popup .mission-info p{margin:12px 0;font-size:15px;line-height:1.6}#mission-popup .mission-info strong{color:#00d4ff;font-weight:600}#mission-popup hr{border:none;border-top:1px solid rgba(0,212,255,.3);margin:15px 0}#mission-popup button{width:100%;padding:14px;margin-top:15px;border:none;border-radius:8px;font-weight:700;font-size:15px;background:linear-gradient(135deg,#fc3d21,#d32f2f);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fc3d214d;text-transform:uppercase;letter-spacing:1px}#mission-popup button:hover{background:linear-gradient(135deg,#ff5722,#fc3d21);box-shadow:0 6px 25px #fc3d2180;transform:translateY(-2px)}#mission-popup button:active{transform:translateY(0)}#dashboard{position:absolute;top:20px;right:20px;width:360px;max-height:calc(100vh - 40px);overflow-y:auto;background:linear-gradient(135deg,#0b3d91,#1a1a2e);color:#fff;padding:25px;border-radius:16px;display:none;font-family:Inter,Segoe UI,sans-serif;z-index:10;box-shadow:0 15px 50px #000000e6,0 0 40px #00d4ff4d,inset 0 1px #ffffff1a;border:2px solid #00d4ff;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#dashboard::-webkit-scrollbar{width:8px}#dashboard::-webkit-scrollbar-track{background:#0003;border-radius:10px}#dashboard::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0b3d91);border-radius:10px}#dashboard::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff,#1e5a96)}#filter-panel{position:absolute;top:20px;left:20px;width:280px;height:calc(100vh - 40px);background:linear-gradient(135deg,#0b3d91,#1a1a2e);color:#fff;padding:20px;border-radius:16px;font-family:Inter,Segoe UI,sans-serif;z-index:10;box-shadow:0 15px 50px #000000e6,0 0 40px #00d4ff4d,inset 0 1px #ffffff1a;border:2px solid #00d4ff;display:flex;flex-direction:column;animation:slideInLeft .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#filter-panel::-webkit-scrollbar{width:8px}#filter-panel::-webkit-scrollbar-track{background:#0003;border-radius:10px}#filter-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0b3d91);border-radius:10px}#filter-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff,#1e5a96)}#filter-panel h3{margin-top:0;margin-bottom:20px;color:#00d4ff;font-size:20px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid rgba(0,212,255,.4);padding-bottom:10px;animation:glow 2s ease-in-out infinite}#filter-panel h4{color:#00d4ff;margin-top:15px;margin-bottom:10px;border-bottom:1px solid rgba(0,212,255,.3);padding-bottom:8px;font-size:16px;font-weight:600}#filter-panel>div{margin-bottom:15px}#filter-panel label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#fff;letter-spacing:.3px}#filter-panel input[type=number],#filter-panel select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,212,255,.3);background:#16213e99;color:#fff;font-size:14px;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003;box-sizing:border-box}#filter-panel input[type=number]:focus,#filter-panel select:focus{outline:none;border-color:#00d4ff;background:#16213ecc;box-shadow:0 0 15px #00d4ff4d,inset 0 2px 4px #0003}#filter-panel input[type=number]:hover,#filter-panel select:hover{border-color:#00d4ff}.filter-buttons{display:flex;gap:10px;margin-top:20px;margin-bottom:15px}.filter-buttons button{flex:1;padding:12px 16px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}#apply-filters-button{background:linear-gradient(135deg,#4caf50,#2e7d32)}#apply-filters-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}#apply-filters-button:active{transform:translateY(0)}#reset-filters-button{background:linear-gradient(135deg,#ff9800,#f57c00)}#reset-filters-button:hover{background:linear-gradient(135deg,#ffa726,#ff9800);box-shadow:0 6px 20px #ff980066;transform:translateY(-2px)}#reset-filters-button:active{transform:translateY(0)}#results-list{flex-grow:1;margin-top:15px;overflow-y:auto;padding-right:8px}#results-list::-webkit-scrollbar{width:6px}#results-list::-webkit-scrollbar-track{background:#0003;border-radius:10px}#results-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0b3d91);border-radius:10px}.result-box{background:#16213e80;padding:12px;border-radius:10px;margin-bottom:10px;cursor:pointer;border-left:4px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;animation:fadeIn .3s ease-out}.result-box:hover{background:#16213ecc;border-left:4px solid #00d4ff;box-shadow:0 4px 15px #00d4ff4d;transform:translate(4px)}.result-box.selected{border-left:4px solid #FC3D21;background:#16213ee6;box-shadow:0 4px 15px #fc3d2166}.result-box p{margin:4px 0;font-size:13px;line-height:1.5}.result-box strong{color:#00d4ff;font-weight:600}#dashboard h3{margin:0 0 20px;font-size:20px;color:#00d4ff;border-bottom:2px solid rgba(0,212,255,.4);padding-bottom:10px;font-weight:700;letter-spacing:.5px;animation:glow 2s ease-in-out infinite}#dashboard h4{margin:15px 0 10px;font-size:16px;color:#00d4ff;border-bottom:1px solid rgba(0,212,255,.3);padding-bottom:8px;font-weight:600}#dashboard hr{border:none;border-top:1px solid rgba(0,212,255,.3);margin:20px 0}.data-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;padding:10px 14px;background:#16213e66;border-radius:8px;transition:all .3s ease;gap:12px}.data-row:hover{background:#16213e99;transform:translate(2px)}.data-row strong{color:#00d4ff;font-weight:600;flex-shrink:0;min-width:fit-content}.data-row span{color:#fff;font-weight:500;text-align:right;word-break:break-word}#status-indicator{padding:12px 16px;border-radius:10px;font-weight:700;text-align:center;margin-bottom:20px;font-size:16px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000004d;animation:pulse 2s ease-in-out infinite}.metrics-bars{display:flex;flex-direction:column;gap:20px;margin:15px 0}.metric-bar-container{background:#16213e66;padding:14px;border-radius:10px;border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.metric-bar-container:hover{background:#16213e99;border-color:#00d4ff66;box-shadow:0 4px 15px #00d4ff33}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.metric-label{font-size:13px;color:#00d4ff;font-weight:600;letter-spacing:.3px}.metric-value{font-size:18px;color:#fff;font-weight:700}.metric-bar-bg{width:100%;height:24px;background:#0000004d;border-radius:12px;overflow:hidden;position:relative}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0b3d91);border-radius:12px;transition:width .6s ease,background .3s ease;box-shadow:0 0 10px #00d4ff80}.chart-container{width:100%;position:relative;text-align:center;background:#16213e66;padding:12px;border-radius:10px;border:1px solid rgba(0,212,255,.2);transition:all .3s ease;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0}.chart-container canvas{max-width:100%;height:auto!important}.chart-container:hover{background:#16213e99;border-color:#00d4ff66;box-shadow:0 4px 15px #00d4ff33}.chart-title{font-size:12px;color:#00d4ff;margin-bottom:8px;font-weight:600;letter-spacing:.3px;width:100%}#dashboard ul{list-style:none;padding-left:0;margin:10px 0}#dashboard ul li{padding:8px 12px;margin-bottom:8px;background:#16213e66;border-radius:8px;border-left:3px solid #00d4ff;transition:all .3s ease}#dashboard ul li:hover{background:#16213e99;transform:translate(4px)}#mission-button,#close-dashboard,#pdf-button{margin-top:12px;width:100%;padding:14px 20px;cursor:pointer;border:none;border-radius:10px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}#mission-button{background:linear-gradient(135deg,#fc3d21,#d32f2f);color:#fff;margin-bottom:8px}#mission-button:hover{background:linear-gradient(135deg,#ff5722,#fc3d21);box-shadow:0 6px 25px #fc3d2180;transform:translateY(-2px)}#mission-button:active{transform:translateY(0)}#pdf-button{background:linear-gradient(135deg,#1e5a96,#0b3d91);color:#fff;font-size:13px}#pdf-button:hover{background:linear-gradient(135deg,#2196f3,#1e5a96);box-shadow:0 6px 25px #1e5a9680;transform:translateY(-2px)}#pdf-button:active{transform:translateY(0)}#close-dashboard{background:linear-gradient(135deg,#546e7a,#37474f);color:#fff}#close-dashboard:hover{background:linear-gradient(135deg,#607d8b,#546e7a);box-shadow:0 6px 25px #546e7a66;transform:translateY(-2px)}#close-dashboard:active{transform:translateY(0)}#risk-info{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px}.risk-card,.cost-card,.info-card{background:#16213e80;padding:14px;border-radius:10px;border-left:4px solid;transition:all .3s ease}.risk-card{border-left-color:#fc3d21}.risk-card.medium-risk{border-left-color:#ff9800}.risk-card.low-risk{border-left-color:#4caf50}.cost-card{border-left-color:#00d4ff}.cost-card.profitable{border-left-color:#4caf50}.cost-card.not-profitable{border-left-color:#fc3d21}.info-card{border-left-color:#1e5a96}.risk-card:hover,.cost-card:hover,.info-card:hover{background:#16213eb3;transform:translate(4px)}.risk-label,.cost-label,.info-label{font-size:11px;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.risk-value,.cost-value,.info-value{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.risk-percentage,.cost-status,.info-detail{font-size:12px;color:#ffffffb3;font-weight:500}.cost-card.profitable .cost-value{color:#4caf50}.cost-card.not-profitable .cost-value{color:#fc3d21}.global-metrics-desc{margin-top:12px;padding:12px;background:#16213e66;border-radius:8px;font-size:13px}.global-metrics-desc p{margin:6px 0;line-height:1.5}.global-metrics-desc strong{color:#00d4ff;font-weight:600}#globalDonut,#impactChart{display:block;margin:15px auto;background:#16213e4d;border-radius:8px;padding:10px}#service-proposal{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px;margin-bottom:15px}.service-tier{background:#16213e80;border-radius:10px;padding:16px;border:2px solid;transition:all .3s ease;position:relative}.basic-tier{border-color:#00d4ff4d}.premium-tier{border-color:gold;background:linear-gradient(135deg,#0b3d9199,#16213e99)}.service-tier:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00d4ff4d}.premium-tier:hover{box-shadow:0 8px 25px #ffd70066}.tier-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tier-icon{font-size:20px}.tier-name{font-size:16px;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px}.tier-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#0b3d91;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.tier-features{margin:12px 0}.feature{padding:6px 0;font-size:13px;color:#fff;line-height:1.6}.feature:before{content:"";display:inline-block;width:4px;height:4px;background:#00d4ff;border-radius:50%;margin-right:8px}.tier-price{font-size:24px;font-weight:700;color:gold;text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,212,255,.3)}#chat-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0b3d91,#1e5a96);color:#fff;font-size:28px;border:3px solid #00d4ff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 8px 25px #00d4ff66,0 0 40px #00d4ff33;transition:all .3s ease;animation:pulse 3s ease-in-out infinite}#chat-button:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 12px 35px #00d4ff99,0 0 50px #00d4ff4d;background:linear-gradient(135deg,#1e5a96,#0b3d91)}#chat-button:active{transform:scale(1.05) translateY(-1px)}#chat-container{position:fixed;bottom:30px;right:30px;width:400px;height:600px;background:linear-gradient(135deg,#0b3d91,#1a1a2e);border-radius:16px;border:2px solid #00d4ff;box-shadow:0 15px 50px #000000e6,0 0 40px #00d4ff4d,inset 0 1px #ffffff1a;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#chat-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#0b3d91e6,#1e5a96e6);border-bottom:2px solid rgba(0,212,255,.4);border-radius:14px 14px 0 0}.chat-header-content{display:flex;align-items:center;gap:12px}.chat-icon{font-size:24px;animation:glow 2s ease-in-out infinite}.chat-title-group{display:flex;flex-direction:column}.chat-title{font-size:16px;font-weight:700;color:#00d4ff;letter-spacing:.5px}.chat-subtitle{font-size:11px;color:#ffffffb3;font-weight:500}.chat-header-actions{display:flex;gap:8px}#chat-reset-button,#chat-close-button{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#chat-reset-button:hover{background:#ff98004d;transform:rotate(180deg)}#chat-close-button:hover{background:#fc3d214d;transform:scale(1.1)}#chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#0003}#chat-messages::-webkit-scrollbar{width:8px}#chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:10px}#chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#0b3d91);border-radius:10px}#chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff,#1e5a96)}.chat-message{display:flex;gap:12px;animation:fadeIn .3s ease-out}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:#16213e99;border:2px solid rgba(0,212,255,.3)}.message-content{flex:1;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;color:#fff;word-wrap:break-word}.user-message{flex-direction:row-reverse}.user-message .message-content{background:linear-gradient(135deg,#1e5a96,#0b3d91);border:1px solid rgba(0,212,255,.3);box-shadow:0 2px 8px #00d4ff33}.user-message .message-avatar{background:linear-gradient(135deg,#0b3d91,#1e5a96);border-color:#00d4ff}.assistant-message .message-content{background:#16213e99;border:1px solid rgba(0,212,255,.2)}.assistant-message .message-avatar{background:linear-gradient(135deg,#00d4ff,#0b3d91);border-color:#00d4ff}.error-message .message-content{background:#fc3d2133;border:1px solid rgba(252,61,33,.4)}.typing-indicator .message-content{padding:16px}.typing-dots{display:flex;gap:6px;align-items:center}.typing-dots span{width:8px;height:8px;border-radius:50%;background:#00d4ff;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}#chat-input-container{display:flex;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#0b3d91e6,#1e5a96e6);border-top:2px solid rgba(0,212,255,.4);border-radius:0 0 14px 14px}#chat-input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid rgba(0,212,255,.3);background:#16213e99;color:#fff;font-size:14px;font-family:Inter,Segoe UI,sans-serif;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}#chat-input:focus{outline:none;border-color:#00d4ff;background:#16213ecc;box-shadow:0 0 15px #00d4ff4d,inset 0 2px 4px #0003}#chat-input::placeholder{color:#ffffff80}#chat-send-button{width:44px;height:44px;border-radius:10px;border:none;background:linear-gradient(135deg,#00d4ff,#0b3d91);color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00d4ff4d}#chat-send-button:hover{background:linear-gradient(135deg,#00d4ff,#1e5a96);box-shadow:0 6px 25px #00d4ff80;transform:translateY(-2px)}#chat-send-button:active{transform:translateY(0)}.send-icon{display:inline-block;transform:rotate(0);transition:transform .3s ease}#chat-send-button:hover .send-icon{transform:rotate(45deg)}@media (max-width: 768px){#chat-container{width:calc(100vw - 40px);height:calc(100vh - 40px);bottom:20px;right:20px}#chat-button{bottom:20px;right:20px}}
