@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif:wght@400;600;700&family=Public+Sans:wght@400;500;600&display=swap";:root{--primary:#071539;--primary-container:#1e2a4f;--secondary:#f8dec9;--neutral:#fff;--background:#f1f4fa;--surface:#f1f4fa;--surface-low:#eef2f6;--surface-lowest:#fff;--text-primary:#181c20;--text-secondary:#475569;--border:#c6c6cf;--metric-positive:#10b981;--metric-negative:#ef4444;--metric-warning:#f59e0b;--metric-neutral:#9ca3af;--font-display:"Noto Serif", serif;--font-body:"Public Sans", sans-serif;--font-label:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--space-base:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}html,body,#root{background-color:var(--background);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;font-weight:700}.stellar-btn{background-color:var(--primary);color:var(--neutral);font-family:var(--font-label);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.stellar-btn:hover{filter:brightness(1.2)}.stellar-btn-secondary{color:var(--text);border:1px solid var(--border);background-color:#0000}.stellar-btn-secondary:hover{background-color:var(--surface-hover)}.menu-item:hover{background-color:var(--primary);color:#fff}.menu-item:hover .shortcut-text{color:#ffffffb3!important}.app-shell{background-color:var(--background);grid-template:"topbar topbar"60px"sidebar main"1fr"sidebar statusbar"40px/80px 1fr;width:100vw;height:100vh;display:grid}.app-topbar{padding:0 var(--space-lg);background-color:var(--surface-lowest);grid-area:topbar;justify-content:space-between;align-items:center;display:flex}.app-sidebar{padding:var(--space-lg) 0;background-color:var(--surface-low);align-items:center;gap:var(--space-md);flex-direction:column;grid-area:sidebar;display:flex}.app-main{background-color:var(--surface);grid-area:main;position:relative;overflow:hidden}.app-statusbar{padding:0 var(--space-lg);background-color:var(--surface-lowest);font-size:.75rem;font-family:var(--font-label);color:var(--text-secondary);grid-area:statusbar;justify-content:space-between;align-items:center;display:flex}.tool-btn{cursor:pointer;border-radius:var(--radius-full);width:48px;height:48px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.tool-btn:hover{background-color:#181c200d}.tool-btn.active{background-color:var(--primary);color:var(--neutral)}.glass-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--radius-lg);padding:var(--space-xl);background:#ffffffb3}.empty-state{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.empty-state-card{pointer-events:auto;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.toast{background-color:var(--primary-container);color:var(--neutral);font-family:var(--font-label);border-radius:var(--radius-lg);z-index:1000;pointer-events:none;padding:12px 24px;font-weight:500;animation:.3s fadein,.3s 2.7s forwards fadeout;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}@keyframes fadein{0%{opacity:0;bottom:0}to{opacity:1;bottom:60px}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.marker-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3}.marker-chip{background:var(--surface-low);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;padding:4px 12px;font-size:.75rem;font-weight:500;transition:all .15s}.marker-chip:hover{background:var(--border)}.marker-chip.active{background:var(--primary);color:var(--neutral);border-color:var(--primary)}.login-container{width:100vw;height:100vh;display:flex;overflow:hidden}.login-left{background-color:var(--background);background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.marketing-content{z-index:2;max-width:500px;margin-top:-62px;position:relative}.marketing-logo{font-family:var(--font-display);margin-bottom:60px;font-size:1.5rem}.marketing-headline{margin-bottom:24px;font-size:3rem;line-height:1.1}.marketing-subhead{color:var(--text-secondary);margin-bottom:40px;font-size:1.125rem;line-height:1.5}.marketing-features{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}.feature-item{gap:16px;display:flex}.feature-icon{background:var(--surface-low);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.feature-text h3{font-size:1rem;font-family:var(--font-body);margin-bottom:4px}.feature-text p{color:var(--text-secondary);margin:0;font-size:.875rem}.marketing-footer{color:var(--text-secondary);margin-top:40px;font-size:.75rem}.marketing-svg-overlays{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.login-right{background-color:var(--neutral);z-index:1;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;box-shadow:-10px 0 30px #0000000d}.auth-box{width:100%;max-width:400px}.auth-title{font-size:2rem;font-family:var(--font-body);margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.875rem}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;padding:12px;font-size:1rem}.forgot-password{color:var(--primary);font-size:.75rem;text-decoration:none}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#000;border:none;width:100%;margin-bottom:24px;padding:12px;font-size:1rem;font-weight:500}.auth-divider{text-align:center;align-items:center;margin-bottom:24px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.auth-divider span{color:var(--text-secondary);padding:0 16px;font-size:.75rem}.auth-social{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:500;display:flex}.newsletter-box{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.newsletter-box h3{font-size:.875rem;font-family:var(--font-body);margin-bottom:4px}.newsletter-box p{color:var(--text-secondary);margin-bottom:16px;font-size:.75rem}.newsletter-input-group{gap:8px;display:flex}.newsletter-input-group input{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;width:0;padding:8px;font-size:.875rem}.newsletter-input-group button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#475569;border:none;padding:8px 12px;font-size:.75rem}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.75rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.fake-annotation-text{font-family:var(--font-body);color:#e11d48;font-size:14px;font-weight:500}.fake-badge{color:#fff;width:28px;height:28px;font-size:14px;font-weight:700;font-family:var(--font-label);z-index:20;background-color:#e11d48;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.fake-badge.blue{background-color:#2563eb}.fake-popover{border-radius:var(--radius-lg);z-index:100;font-family:var(--font-body);background:#fff;width:420px;padding:16px;position:absolute;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d}.fake-popover-header{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex}.fake-popover-btn{border-radius:var(--radius-full);background:var(--surface-low);color:var(--text-secondary);border:1px solid var(--border);padding:4px 12px;font-size:12px;font-weight:500}.fake-popover-btn.active{color:#fff;background:#0f172a;border-color:#0f172a}.fake-popover-body{color:var(--text-primary);font-size:14px;line-height:1.5}