*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#07102A;--navy-mid:#0B1A3E;--navy-card:#0F2150;--teal:#00C9B7;--teal-dim:#00A898;--amber:#E8A03A;--fg1:#fff;--fg2:rgba(255,255,255,.82);--fg3:rgba(255,255,255,.6);--fg4:rgba(255,255,255,.45);--fg5:rgba(255,255,255,.3);--border:rgba(255,255,255,.07);--border-mid:rgba(255,255,255,.12);--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--navy);color:var(--fg3);display:flex}.sidebar{width:240px;background:var(--navy-mid);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:20px 20px 16px;display:flex;align-items:center;gap:10px}.sidebar-logo .logo-icon{width:36px;height:36px;background:var(--teal);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:800;font-size:18px;color:var(--navy)}.sidebar-logo .logo-text{display:flex;flex-direction:column}.sidebar-logo .logo-text span:first-child{font-weight:700;font-size:15px;color:var(--fg1);letter-spacing:-.02em}.sidebar-logo .logo-text span:last-child{font-family:var(--font-mono);font-size:9px;color:var(--teal);letter-spacing:.12em;text-transform:uppercase}.tenant-select{margin:0 16px 16px;padding:12px;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;cursor:pointer}.tenant-select .tenant-avatar{width:32px;height:32px;background:linear-gradient(135deg,#e8a03a,#ff6f3d);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.tenant-select .tenant-info{display:flex;align-items:center;gap:10px}.tenant-select .tenant-details{flex:1}.tenant-select .tenant-name{font-weight:600;font-size:13px;color:var(--fg1)}.tenant-select .tenant-meta{font-family:var(--font-mono);font-size:10px;color:var(--fg4)}.tenant-select .chevron{color:var(--fg5);font-size:11px}.sidebar-label{font-family:var(--font-mono);font-size:9px;color:var(--fg5);letter-spacing:.18em;text-transform:uppercase;padding:8px 20px 6px}.nav-items{flex:1;padding:0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--fg3);transition:all .15s;position:relative}.nav-item:hover{background:#ffffff0a;color:var(--fg2)}.nav-item.active{background:#00c9b71a;color:var(--teal)}.nav-item .nav-icon{width:18px;text-align:center;font-size:14px;opacity:.6}.nav-item.active .nav-icon{opacity:1}.nav-item .badge{position:absolute;right:12px;background:var(--amber);color:var(--navy);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sidebar-bottom{padding:16px;border-top:1px solid var(--border)}.user-row{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;background:var(--navy-card);border:1px solid var(--border-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:var(--teal)}.user-name{font-size:12px;font-weight:500;color:var(--fg2)}.user-role{font-size:10px;color:var(--fg5)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);gap:16px}.topbar h1{font-size:24px;font-weight:700;color:var(--fg1);letter-spacing:-.02em}.topbar .live-badge{background:#00c9b726;color:var(--teal);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.06em;display:flex;align-items:center;gap:5px}.topbar .live-badge:before{content:"";width:6px;height:6px;background:var(--teal);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.topbar .subtitle{font-size:12px;color:var(--fg4);margin-left:-8px}.topbar .search{margin-left:auto;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;min-width:260px;color:var(--fg5);font-size:13px;cursor:text}.topbar .search .search-icon{font-size:14px}.topbar .notif-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--fg4);cursor:pointer;position:relative;background:transparent}.topbar .notif-btn .notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--amber);border-radius:50%;border:2px solid var(--navy)}.topbar .new-deal-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-mid);border-radius:6px;color:var(--fg1);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s}.topbar .new-deal-btn:hover{border-color:var(--teal);color:var(--teal)}.stats-row{display:flex;padding:0 24px;border-bottom:1px solid var(--border);background:#ffffff05}.stat{flex:1;padding:14px 0;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-label{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--fg5);letter-spacing:.1em;text-transform:uppercase;padding:0 16px}.stat-value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--amber);padding:2px 16px 0;letter-spacing:-.02em}.stat-sub{font-size:10px;color:var(--fg5);padding:0 16px}.content-area{flex:1;display:flex;overflow:hidden}.view{display:none;flex:1;flex-direction:column}.view.active{display:flex}.globe-content{flex:1;display:flex;overflow:hidden}.globe-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}#globe-canvas{cursor:grab}#globe-canvas:active{cursor:grabbing}.layer-controls{position:absolute;bottom:20px;left:20px;background:#0b1a3ee6;border:1px solid var(--border-mid);border-radius:8px;padding:12px 14px}.layer-time{display:flex;gap:4px;margin-bottom:10px}.layer-time button{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--fg4);cursor:pointer;transition:all .15s}.layer-time button.active{background:var(--teal);border-color:var(--teal);color:var(--navy);font-weight:700}.layer-tabs{display:flex;gap:4px;margin-bottom:10px}.layer-tabs button{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;border:none;cursor:pointer;letter-spacing:.06em;transition:all .15s}.layer-tabs button.active{background:var(--teal);color:var(--navy)}.layer-tabs button:not(.active){background:transparent;color:var(--fg4)}.layer-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--fg3)}.layer-toggle .dot{width:8px;height:8px;border-radius:50%}.layer-toggle .toggle-state{margin-left:auto;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em}.layer-toggle .toggle-state.on{color:var(--teal)}.layer-toggle .toggle-state.off{color:var(--fg5)}.signal-panel{width:340px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.signal-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);gap:8px}.signal-header .live-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;animation:pulse-dot 2s infinite}.signal-header span{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--fg2);letter-spacing:.06em}.signal-header .see-all{margin-left:auto;font-size:11px;color:var(--fg4);cursor:pointer}.signal-feed{flex:1;overflow-y:auto;padding:8px}.signal-feed::-webkit-scrollbar{width:4px}.signal-feed::-webkit-scrollbar-track{background:transparent}.signal-feed::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.signal-card{padding:12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.signal-card:hover{background:#ffffff08}.signal-card-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.signal-category{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.signal-category.tariff{color:#ff6f3d}.signal-category.project{color:var(--teal)}.signal-category.commodity{color:var(--amber)}.signal-category.event{color:#a78bfa}.signal-category.regulatory{color:#f472b6}.signal-category.geopolitical{color:#ff5b5b}.signal-card{position:relative}.geo-tooltip{display:none;position:absolute;left:12px;right:12px;bottom:calc(100% + 6px);background:#0f2150f5;border:1px solid rgba(255,91,91,.35);border-radius:6px;padding:10px 12px;z-index:50;pointer-events:none;box-shadow:0 4px 20px #0006}.geo-tooltip:after{content:"";position:absolute;bottom:-6px;left:20px;width:10px;height:10px;background:#0f2150f5;border-right:1px solid rgba(255,91,91,.35);border-bottom:1px solid rgba(255,91,91,.35);transform:rotate(45deg)}.signal-card:hover .geo-tooltip,.signal-card-lg:hover .geo-tooltip{display:block}.geo-tooltip-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.geo-tooltip-row:last-child{margin-bottom:0}.geo-tooltip-label{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--fg5);letter-spacing:.08em;text-transform:uppercase;min-width:52px}.geo-tooltip-value{font-size:11px;color:var(--fg1);font-weight:500}.signal-priority{font-family:var(--font-mono);font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;letter-spacing:.06em}.signal-priority.high{background:#ff5b5b26;color:#ff5b5b}.signal-priority.medium{background:#e8a03a26;color:var(--amber)}.signal-time{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--fg5)}.signal-title{font-size:13px;font-weight:600;color:var(--fg1);line-height:1.3;margin-bottom:4px}.signal-desc{font-size:11px;color:var(--fg4);line-height:1.4}.pipeline-content{flex:1;padding:20px 24px;overflow-y:auto}.pipeline-filters{display:flex;gap:8px;margin-bottom:16px}.pipeline-filters button{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--fg4);cursor:pointer;letter-spacing:.04em}.pipeline-filters button.active{background:#00c9b71a;border-color:var(--teal);color:var(--teal)}.pipeline-table{width:100%;border-collapse:collapse}.pipeline-table th{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--fg5);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-mid)}.pipeline-table td{font-size:12px;color:var(--fg3);padding:10px 12px;border-bottom:1px solid var(--border)}.pipeline-table tr:hover td{background:#ffffff05}.pipeline-table .deal-name{color:var(--fg1);font-weight:500}.pipeline-table .deal-value{font-family:var(--font-mono);font-weight:700;color:var(--amber)}.pipeline-table .stage-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.04em}.stage-badge.hot{background:#ff5b5b26;color:#ff5b5b}.stage-badge.warm{background:#e8a03a26;color:var(--amber)}.stage-badge.cold{background:#ffffff0f;color:var(--fg4)}.stage-badge.won{background:#00c9b726;color:var(--teal)}.signals-content{flex:1;padding:20px 24px;overflow-y:auto}.signals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signal-card-lg{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:16px;cursor:pointer;transition:all .15s}.signal-card-lg:hover{border-color:var(--border-mid);background:#ffffff0d}.signal-card-lg .signal-title{font-size:14px;margin-bottom:6px}.signal-card-lg .signal-desc{font-size:12px;line-height:1.5}.signal-card-lg .signal-actions{display:flex;gap:8px;margin-top:10px}.signal-card-lg .signal-actions button{font-size:11px;padding:4px 10px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--fg4);cursor:pointer}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hamburger-btn span{display:block;width:100%;height:2px;background:var(--fg2);border-radius:2px}@media(max-width:900px){html,body{overflow-y:auto;overflow-x:hidden;height:auto}body{display:block}.sidebar{position:fixed;top:0;left:-260px;z-index:50;height:100vh;transition:left .25s ease;box-shadow:4px 0 16px #0006}.sidebar.mobile-open{left:0}.hamburger-btn{display:flex}.topbar{padding:12px 16px}.topbar .search{display:none}.topbar .live-badge{font-size:10px}.main{width:100%;min-width:0}.signal-panel{width:100%;border-left:none;border-top:1px solid var(--border);max-height:360px}}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px}.signal-panel{max-height:280px}}body.in-iframe .demo-banner{display:none}body.in-iframe .sidebar{width:200px}body.in-iframe .sidebar-logo .logo-text span:first-child{font-size:13px}body.in-iframe .topbar{padding:10px 16px}body.in-iframe .topbar h1{font-size:18px}body.in-iframe .stat-value{font-size:17px}body.in-iframe .stat-label{font-size:8px}body.in-iframe .signal-panel{width:280px}.demo-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,var(--navy-mid),var(--navy-card));border-top:1px solid var(--teal);padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:100}.demo-banner span{font-size:13px;color:var(--fg2)}.demo-banner a{font-weight:600;color:var(--teal);text-decoration:none;padding:6px 16px;border:1px solid var(--teal);border-radius:4px;font-size:12px;transition:all .15s}.demo-banner a:hover{background:var(--teal);color:var(--navy)}