.date-picker{position:relative;z-index:100}.date-picker-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-picker-toggle:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.calendar-icon{font-size:18px}.date-label{min-width:100px;text-align:left}.toggle-arrow{font-size:10px;opacity:.7}.date-picker-panel{position:absolute;top:calc(100% + 8px);left:0;width:300px;background:#141428f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .2s ease;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.quick-dates{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.date-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.date-option:hover{background:#ffffff1a;border-color:#fff3;transform:translate(2px)}.date-option.active{background:#2a7f9a4d;border-color:#2a7f9a}.live-indicator{color:#0f8;font-size:10px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-date-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.custom-date-section label{display:block;color:#fffc;font-size:12px;margin-bottom:8px;font-weight:500}.custom-date-input{width:100%;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease}.custom-date-input:hover,.custom-date-input:focus{background:#ffffff1a;border-color:#ffffff4d;outline:none}.custom-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.reset-btn{width:100%;padding:10px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:6px;color:#0f8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#00ff8840;border-color:#00ff8880;transform:translateY(-1px)}@media(max-width:768px){.date-picker-panel{right:auto;left:50%;transform:translate(-50%)}}.dashboard{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--deep-space-black);color:var(--ghost-white)}.dashboard-header{padding:16px 20px;background:var(--midnight-blue)}.header-title-row{display:flex;justify-content:space-between;align-items:baseline}.dashboard-header h1{font-size:24px;color:var(--cyan-blue);letter-spacing:.1em;margin:0}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.timestamp{font-size:12px;color:var(--electric-yellow);opacity:.8;font-weight:700}.visitor-count{font-size:11px;color:var(--cyan-blue);opacity:.7;font-weight:600;letter-spacing:.05em}.subtitle{margin:4px 0 0;font-size:14px;color:var(--steel-grey)}.project-tabs{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.project-tab{padding:8px 16px;background:var(--dark-navy);color:var(--steel-grey);font-size:11px;font-weight:600;letter-spacing:.05em;border:1px solid var(--steel-grey);border-radius:4px;transition:all .2s;cursor:pointer;text-transform:uppercase}.project-tab:hover{border-color:var(--cyan-blue);color:var(--cyan-blue);transform:translateY(-1px)}.project-tab.active{background:var(--cyan-blue);color:var(--deep-space-black);border-color:var(--cyan-blue);box-shadow:0 0 12px #00d9ff66}.project-tab.disabled{opacity:.3;cursor:not-allowed;border-color:#5a6c7d4d;color:#5a6c7d80}.project-tab.disabled:hover{border-color:#5a6c7d4d;color:#5a6c7d80;transform:none}.top-nav{display:flex;gap:12px;margin-top:16px}.sphere-container{flex:1;background:var(--deep-space-black);position:relative;min-height:0}.sphere-container canvas{display:block;width:100%!important;height:100%!important}.event-tooltip{position:fixed;background:var(--midnight-blue);border:2px solid var(--cyan-blue);border-radius:8px;padding:12px 16px;min-width:250px;max-width:350px;pointer-events:none;z-index:9999;box-shadow:0 8px 24px #00d9ff4d;animation:tooltipFadeIn .2s ease-in-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,217,255,.3)}.tooltip-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:3px;background:#00d9ff26}.tooltip-type.political{color:var(--crimson-red);background:#ff003326}.tooltip-type.tech_disruption{color:var(--electric-yellow);background:#ffd70026}.tooltip-type.ai_compute{color:var(--cyan-blue);background:#00d9ff26}.tooltip-severity{color:var(--electric-yellow);font-size:14px;letter-spacing:2px}.tooltip-title{font-size:14px;font-weight:700;color:var(--ghost-white);margin-bottom:8px;line-height:1.4}.tooltip-location{font-size:12px;color:var(--cyan-blue);margin-bottom:6px}.tooltip-status{font-size:11px;color:var(--steel-grey);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.tooltip-hint{font-size:10px;color:var(--steel-grey);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,217,255,.2);text-align:center}.metrics-panel{padding:16px 20px;background:var(--midnight-blue)}.metrics-title{font-size:16px;color:var(--cyan-blue);font-weight:700;margin-bottom:12px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.metric{text-align:center}.metric-value{font-size:32px;font-weight:700;font-family:Monaco,monospace}.metric-value.active{color:var(--crimson-red)}.metric-value.escalating{color:var(--danger-orange)}.metric-value.ai{color:var(--cyan-blue)}.metric-label{font-size:10px;color:var(--ghost-white);margin-top:4px}.event-type-breakdown{display:flex;gap:24px;margin-top:16px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:12px}.color-indicator{width:12px;height:12px;border-radius:2px}.color-indicator.political{background:var(--crimson-red)}.color-indicator.tech{background:var(--electric-yellow)}.nav-button{padding:10px 20px;background:var(--dark-navy);color:var(--cyan-blue);font-size:12px;font-weight:700;letter-spacing:.05em;border:1px solid var(--cyan-blue);border-radius:4px;transition:all .2s;cursor:pointer}.nav-button:hover{background:var(--cyan-blue);color:var(--deep-space-black)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--midnight-blue);padding:24px;border-radius:8px;max-width:400px;width:90%;border:1px solid var(--cyan-blue)}.modal-content h2{margin:0 0 12px;color:var(--cyan-blue);font-size:18px}.modal-info{margin-bottom:20px;padding:12px;background:#00d9ff0d;border-radius:4px;border-left:3px solid var(--cyan-blue)}.modal-info p{margin:6px 0;font-size:13px;line-height:1.6}.event-location{color:var(--ghost-white);font-weight:700}.event-coordinates{color:var(--electric-yellow);font-family:Monaco,monospace}.event-severity{color:var(--steel-grey)}.modal-buttons{display:flex;flex-direction:column;gap:12px}.modal-button{padding:12px;background:var(--cyan-blue);color:var(--deep-space-black);font-weight:700;border-radius:4px;font-size:14px}.modal-button.cancel{background:var(--steel-grey)}.modal-button:hover{opacity:.9}.success-notification{position:fixed;top:80px;right:20px;background:var(--cyan-blue);color:var(--deep-space-black);padding:16px 24px;border-radius:8px;font-weight:700;font-size:14px;z-index:10000;box-shadow:0 8px 24px #00d9ff80;animation:slideInRight .3s ease-out,fadeOut .5s ease-in 2.5s forwards}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.list-view{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--deep-space-black)}.list-header{padding:16px 20px;background:var(--midnight-blue)}.header-content{display:flex;justify-content:space-between;align-items:center}.list-header h1{font-size:24px;color:var(--cyan-blue);letter-spacing:.1em;margin:0}.dashboard-button{padding:10px 24px;background:var(--cyan-blue);color:var(--deep-space-black);border:none;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:.05em;cursor:pointer;transition:all .2s}.dashboard-button:hover{background:var(--ghost-white);transform:scale(1.05)}.items-container{flex:1;overflow-y:auto;padding:20px}.empty-state{text-align:center;padding:60px 20px;color:var(--steel-grey)}.empty-state .hint{margin-top:12px;font-size:14px;color:var(--cyan-blue)}.items-grid{display:grid;gap:16px;max-width:1200px;margin:0 auto}.item-card{background:var(--midnight-blue);border:1px solid var(--steel-grey);border-radius:8px;padding:16px;transition:border-color .2s}.item-card:hover{border-color:var(--cyan-blue)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.item-header h3{font-size:18px;color:var(--cyan-blue);margin:0;flex:1}.item-actions{display:flex;gap:8px}.action-button{padding:6px 12px;font-size:12px;border-radius:4px;font-weight:700}.action-button.edit{background:var(--cyan-blue);color:var(--deep-space-black)}.action-button.delete{background:var(--crimson-red);color:#fff}.item-description{color:var(--ghost-white);font-size:14px;line-height:1.6;white-space:pre-wrap;margin:0 0 12px}.item-timestamp{font-size:12px;color:var(--steel-grey)}.edit-modal{max-width:600px;width:90%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--cyan-blue);font-size:14px;font-weight:700}.form-input,.form-textarea{width:100%;padding:12px;background:var(--dark-navy);border:1px solid var(--steel-grey);border-radius:4px;color:var(--ghost-white);font-size:14px;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--cyan-blue);outline:none}.form-textarea{resize:vertical;min-height:120px}.modal-button.save{background:var(--cyan-blue);color:var(--deep-space-black)}.app{width:100vw;height:100vh;overflow:hidden;background:var(--deep-space-black)}:root{--deep-space-black: #0A0E1A;--midnight-blue: #1A1F2E;--dark-navy: #0E1621;--cyan-blue: #00D9FF;--crimson-red: #FF0033;--electric-yellow: #FFD700;--danger-orange: #FF6B35;--ghost-white: #E0E0E0;--steel-grey: #5A6C7D}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Monaco,Courier New,monospace;background:var(--deep-space-black);color:var(--ghost-white);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:hover{opacity:.8}button:active{transform:scale(.98)}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--midnight-blue)}::-webkit-scrollbar-thumb{background:var(--steel-grey);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-blue)}