@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--background:#0a0a0a;--background-secondary:#141414;--text-primary:#fffffff2;--text-secondary:#fff9;--accent:#3b82f6;--accent-hover:#2563eb;--border:#ffffff1a;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-color:var(--background);color:#fffffff2;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fffffff2,#fff9);background:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;font-size:2.5rem}p{color:#fff9;color:var(--text-secondary);margin-bottom:1.5rem}a{color:#3b82f6;color:var(--accent);text-decoration:none;transition:all .3s ease}a:hover{color:#2563eb;color:var(--accent-hover)}button{background-color:#3b82f6;background-color:var(--accent);border:none;border-radius:8px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}button:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-hover);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{background-color:#141414;background-color:var(--background-secondary);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:8px;color:#fffffff2;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}input:focus,textarea:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}code{background:#ffffff1a;border-radius:6px;color:#3b82f6;color:var(--accent);font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.2em .4em}::selection{background:#fff3;color:#3b82f6;color:var(--accent)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}.smooth-scroll{scroll-behavior:smooth}a,button{transition:all .3s ease}@media (max-width:768px){html{font-size:14px}.blog-header h1{font-size:2.5rem}.post-title h2{font-size:1.75rem}}.blog-container{margin:0 auto;max-width:900px;padding:40px 20px}.blog-header{margin-bottom:60px}.blog-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.blog-posts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.blog-post-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:30px;transition:all .3s ease}.blog-post-preview:hover{background:#ffffff0d;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.post-title{color:#fff}.post-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fffc);-webkit-background-clip:text;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin:0 0 16px}.post-date{color:#fff9;font-size:.9rem;font-weight:500}.blog-post{margin:0 auto;max-width:900px;padding:40px 20px}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.post-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.edit-post-button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.edit-post-button:hover{background-color:var(--text-primary);color:var(--background)}.post-content{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-top:30px}.board-container{margin:0 auto;max-width:900px;padding:40px 20px}.board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:60px}.board-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.new-post-button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.new-post-button:hover{background-color:var(--text-primary);color:var(--background)}.board-post{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:30px;position:relative;transition:all .3s ease}.board-post:hover{background:#ffffff0d;box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.board-post.hidden{background:#ffffff03;opacity:.6}.board-post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.board-post-title-link{text-decoration:none}.board-post-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fffc);-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin:0;transition:opacity .3s ease}.board-post-title-link:hover .board-post-title{opacity:.8}.board-post-meta{color:#fff9;font-size:.9rem;font-weight:500;margin-bottom:16px}.board-post-content{color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:20px;white-space:pre-wrap}.board-post-actions{display:flex;gap:12px;justify-content:flex-end}.board-post-actions button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.board-post-actions button:hover{background-color:var(--text-primary);color:var(--background)}.board-comments{border-top:1px solid #ffffff1a;margin-top:40px;padding-top:40px}.board-comments h3{color:#ffffffe6;font-size:1.8rem;margin-bottom:24px}.comment-form{margin-bottom:32px}.comment-form textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:16px;min-height:100px;padding:16px;resize:vertical;width:100%}.comment-form textarea:focus{background:#ffffff0d;border-color:#ffffff4d;outline:none}.comment-form button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.comment-form button:hover:not(:disabled){background-color:var(--text-primary);color:var(--background)}.comment-form button:disabled{cursor:not-allowed;opacity:.5}.comments-list{display:flex;flex-direction:column;gap:24px}.comment{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:24px}.comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.comment-author{color:#ffffffe6;font-weight:600}.comment-date{color:#ffffff80;font-size:.9rem}.comment-actions{display:flex;gap:8px;margin-left:auto}.comment-actions button{background:none;border:none;color:#fff9;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .3s ease}.comment-actions button:hover{color:#ffffffe6}.comment-content{color:#fffc;line-height:1.6;white-space:pre-wrap}.no-comments{color:#ffffff80;font-style:italic;padding:24px;text-align:center}.new-board-post-container{margin:0 auto;max-width:900px;padding:40px 20px}.new-board-post-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 60px}.new-board-post-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:12px}.form-group label{color:#ffffffe6;font-size:1.1rem;font-weight:600}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:1rem;line-height:1.6;padding:16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#ffffff4d;outline:none}.form-group textarea{min-height:200px;resize:vertical}.form-actions{gap:16px;margin-top:16px}.form-actions button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button:hover:not(:disabled){background-color:var(--text-primary);color:var(--background)}.form-actions button:disabled{cursor:not-allowed;opacity:.5}.blog-editor{margin:0 auto;max-width:800px;padding:20px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.editor-actions{display:flex;gap:10px}.editor-actions button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.editor-actions button:hover:not(:disabled){background-color:var(--text-primary);color:var(--background)}.editor-actions button:disabled{cursor:not-allowed;opacity:.5}.error-message{background-color:#ffebee;color:#c62828;margin-bottom:20px;padding:10px}.edit-mode{display:flex;flex-direction:column;gap:20px}.title-input{font-size:24px;padding:10px;width:100%}.content-input,.title-input{border:1px solid #ddd;border-radius:4px}.content-input{font-family:monospace;line-height:1.5;min-height:400px;padding:15px;resize:vertical}.markdown-guide{background-color:#f5f5f5;border-radius:4px;padding:15px}.markdown-guide h4{margin-bottom:10px;margin-top:0}.markdown-guide p{font-family:monospace;line-height:1.6;margin:0}.preview-mode{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:20px}.preview-mode h1{margin-top:0}.auth-button{align-items:center;background-color:var(--background);border:1px solid var(--text-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.auth-button:active,.auth-button:hover{background-color:var(--text-primary);color:var(--background)}.auth-button:disabled{cursor:not-allowed;opacity:.5}.login-prompt-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center;width:100%}.login-prompt-content{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:500px;padding:2rem}.login-prompt-content h2{color:#333;margin-bottom:1rem}.login-prompt-content p{color:#555;font-size:1.1rem;margin-bottom:1.5rem}.login-button-container{display:flex;justify-content:center;width:100%}.text-box-module{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.text-box-content{border:none;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:10px;resize:vertical;width:100%}.text-box-content:focus{outline:none}.markdown-content{font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;overflow-wrap:break-word;padding:10px;text-align:left;width:100%}.markdown-content h1{font-size:1.8em;margin-bottom:.5em;margin-top:.5em}.markdown-content h2{font-size:1.5em;margin-bottom:.5em;margin-top:.5em}.markdown-content h3{font-size:1.3em;margin-bottom:.5em;margin-top:.5em}.markdown-content p{margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;margin-left:1.5em}.markdown-content blockquote{border-left:3px solid #ddd;color:#666;margin-left:0;margin-right:0;padding-left:1em}.markdown-content code{background-color:#f5f5f5;border-radius:3px;font-family:monospace;padding:.2em .4em}.markdown-content pre{background-color:#f5f5f5;border-radius:3px;overflow-x:auto;padding:1em}.markdown-content a{color:#0366d6;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;margin-bottom:1em;width:100%}.markdown-content td,.markdown-content th{border:1px solid #ddd;padding:8px}.markdown-content tr:nth-child(2n){background-color:#f2f2f2}.edit-toggle-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;padding:5px 10px;transition:background-color .2s}.edit-toggle-button:hover{background-color:#0069d9}.edit-toggle-button svg{height:16px;margin-right:5px;width:16px}.saved-views-manager{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:20px;padding:16px}.saved-views-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.saved-views-header h3{color:#fff;font-size:18px;margin:0}.saved-views-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.save-view-button{align-items:center;background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.save-view-button:hover{background-color:#357ab8}.save-view-button svg{height:16px;width:16px}.currently-loaded-view{background-color:#2a2a2a;border-radius:6px;margin-bottom:10px;padding:10px;width:100%}.currently-loaded-view p{color:#a0a0a0;font-size:14px;margin:0 0 8px}.currently-loaded-view strong{color:#fff}.error-message{margin-bottom:16px;padding:8px 12px}.loading-indicator,.no-saved-views{color:#a0a0a0;padding:20px;text-align:center}.saved-views-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.saved-view-item{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.saved-view-item:hover{background-color:#333}.saved-view-info h4{color:#fff;font-size:16px;margin:0 0 4px}.saved-view-creator,.saved-view-date,.saved-view-details{color:#a0a0a0;font-size:12px;margin:0}.saved-view-creator strong{color:#fff}.saved-view-actions{display:flex;gap:8px}.load-view-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.load-view-button:hover{background-color:#357ab8}.delete-view-button{align-items:center;background-color:initial;border:1px solid #ff6b6b;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s}.delete-view-button:hover{background-color:#ff6b6b1a}.delete-view-button svg{height:16px;width:16px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.save-view-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:16px}.modal-header h3{color:#fff;font-size:18px;margin:0}.close-modal-button{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:24px;line-height:1;padding:0}.close-modal-button:hover{color:#fff}.modal-content{padding:16px}.form-group{margin-bottom:16px}.form-group label{color:#fff;display:block;font-size:14px;margin-bottom:8px}.form-control{background-color:#3a3a3a;border:1px solid #4a4a4a;color:#fff;font-size:14px;padding:8px 12px;width:100%}.form-control:focus{border-color:#4a90e2}.view-summary{background-color:#1e1e1e;border-radius:4px;margin-top:16px;padding:12px}.view-summary p{color:#fff;font-size:14px;margin:0 0 8px}.view-summary ul{color:#a0a0a0;font-size:14px;margin:0;padding-left:20px}.view-summary li{margin-bottom:4px}.modal-footer{border-top:1px solid #3a3a3a;display:flex;gap:12px;justify-content:flex-end;padding:16px}.cancel-button{background-color:initial;border:1px solid #4a4a4a;border-radius:4px;color:#a0a0a0;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.cancel-button:hover{background-color:#3a3a3a}.save-button{background-color:#4a90e2;font-size:14px;padding:8px 16px}.save-button:hover{background-color:#357ab8}.delete-view-button:disabled,.load-view-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.5}.emetric-login-prompt{margin-top:2rem}.time-range-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.time-range-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.time-range-preset-button{background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.time-range-preset-button:hover{background-color:#ffffff1a}.time-range-preset-button.active{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.custom-range-container{background-color:#ffffff08;border:1px solid #ffffff14;border-radius:6px;margin-top:.5rem;padding:1rem}.custom-range-inputs{display:flex;gap:1rem;margin-bottom:1rem}.custom-range-inputs .form-group{flex:1 1}.apply-custom-range-button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.apply-custom-range-button:hover:not(:disabled){background-color:#1557b0}.apply-custom-range-button:disabled{background-color:#1a73e880;cursor:not-allowed}.emetric-navbar{padding:.5rem}.emetric-navbar,.loaded-view-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem}.loaded-view-display{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.loaded-view-display h3{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0}.loaded-view-name{color:#1a73e8;font-weight:600;margin-left:.5rem}.loaded-view-actions{display:flex;gap:8px}.save-as-view-button,.update-view-button{align-items:center;background-color:#2a2a2a;border:1px solid #4a90e2;border-radius:4px;color:#4a90e2;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:background-color .2s}.save-as-view-button:hover,.update-view-button:hover{background-color:#4a90e21a}.save-as-view-button svg,.update-view-button svg{height:14px;width:14px}.update-view-button:disabled{cursor:not-allowed;opacity:.5}.emetric-navbar-items{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem}.emetric-navbar-item{align-items:center;background-color:initial;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.emetric-navbar-item:hover:not(.disabled){background-color:#ffffff1a}.emetric-navbar-item.active{background-color:#1a73e8;color:#fff}.emetric-navbar-item.active:hover{background-color:#1557b0}.emetric-navbar-item.disabled{cursor:not-allowed;opacity:.5}.emetric-navbar-icon{height:18px;width:18px}@media (max-width:768px){.emetric-navbar-items{justify-content:space-between}.emetric-navbar-item{padding:.75rem 1rem}}.emetric-project-container{margin:0 auto;max-width:1200px;padding:2rem}.emetric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.emetric-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem;margin-top:1rem}.add-graph-button,.add-text-box-button,.saved-views-button{align-items:center;background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.add-graph-button:hover,.add-text-box-button:hover,.saved-views-button:hover{background-color:#1557b0}.add-graph-button svg,.add-text-box-button svg,.saved-views-button svg{height:16px;width:16px}.saved-views-button{background-color:#4a90e2}.saved-views-button:hover{background-color:#357ab8}.modules-container{display:flex;flex-direction:column;gap:2rem;width:100%}.module-wrapper{position:relative;width:100%}.module{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #00000026}.module-header{display:flex;justify-content:flex-end;margin-bottom:.5rem;padding:1rem 1rem .5rem}.module-controls{display:flex;gap:.5rem}.move-down-button,.move-up-button{align-items:center;background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.move-down-button:hover,.move-up-button:hover{background-color:#357ab8}.move-down-button:disabled,.move-up-button:disabled{background-color:#4a90e280;cursor:not-allowed}.move-down-button svg,.move-up-button svg{height:16px;width:16px}.remove-button{align-items:center;background-color:#d93025;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.remove-button:hover{background-color:#b7261d}.remove-button svg{height:16px;width:16px}.graph-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:2rem;width:100%}.graph-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;width:100%}@media (max-width:768px){.graph-content{grid-template-columns:1fr}}.chart-area{background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:block;min-height:400px;padding:1.5rem;transition:transform .2s ease;width:100%}.chart-area:hover{transform:translateY(-2px)}.metrics-area{background-color:#ffffff08;border-radius:6px;max-height:400px;overflow-y:auto;padding:1rem}.time-series-chart{display:block;height:100%;width:100%}.time-series-chart-empty{align-items:center;color:var(--text-secondary);display:flex;height:400px;justify-content:center;padding:1rem;text-align:center}.metrics-list h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.metrics-list-items{list-style:none;margin:0;padding:0}.metric-item{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:1rem}.metric-item.selected-metric{background-color:#1a73e81a;border-left:3px solid #1a73e8;border-radius:6px;margin-left:-.75rem;margin-right:-.75rem;padding:.75rem}.metric-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.metric-label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.metric-checkbox{margin-top:.25rem}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-name{color:var(--text-primary);font-weight:600}.metric-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.metric-meta{font-size:.8rem;gap:1rem;margin-top:.25rem;opacity:1}.loading-indicator,.metric-meta{color:var(--text-secondary);display:flex}.loading-indicator{align-items:center;height:100%;justify-content:center}.error-message{background-color:#ff00001a;border-radius:4px;color:#ff6b6b;margin-bottom:1rem;padding:.75rem;text-align:center}.metric-explorer-container{width:100%}.metric-explorer-header{margin-bottom:2rem}.metric-explorer-description{color:var(--text-secondary);margin-top:.5rem}.metric-explorer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}@media (max-width:768px){.metric-explorer-content{grid-template-columns:1fr}}.metrics-catalog{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.metrics-list-container{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.metric-card{background-color:#ffffff08;border:1px solid #0000;border-radius:6px;cursor:pointer;padding:1rem;transition:all .2s ease}.metric-card:hover{background-color:#ffffff12;transform:translateY(-2px)}.metric-card.selected{background-color:#1a73e81a;border-color:#1a73e8}.metric-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.metric-detail-panel{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.metric-detail-empty{align-items:center;color:var(--text-secondary);display:flex;height:200px;justify-content:center}.metric-detail-content{display:flex;flex-direction:column;gap:1.5rem}.metric-detail-section h4{color:var(--text-primary);margin-bottom:.5rem;margin-top:0}.metric-detail-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.derived-timeseries-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem}.derived-timeseries-creator{margin-top:1rem}.derived-timeseries-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500}.form-control{background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-primary);font-size:1rem;padding:.75rem}.form-control:focus{border-color:#1a73e8;outline:none}.form-text{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.save-button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover{background-color:#1557b0}.save-button:disabled{background-color:#1a73e880;cursor:not-allowed}.success-message{background-color:#00ff001a;border-radius:4px;color:#4caf50;margin-bottom:1rem;padding:.75rem;text-align:center}.formula-builder{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.formula-preview{align-items:center;background-color:#0003;border-radius:4px;display:flex;min-height:60px;padding:1rem}.formula-display{font-family:monospace;word-break:break-all}.formula-placeholder{color:var(--text-secondary);font-style:italic}.formula-controls{display:flex;flex-direction:column;gap:1rem}.constant-input,.metric-selector{display:flex;gap:.5rem;margin-bottom:.5rem}.add-constant-button,.add-metric-button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;white-space:nowrap}.add-constant-button:disabled,.add-metric-button:disabled{background-color:#1a73e880;cursor:not-allowed}.operator-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.operator-button{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.operator-button:hover{background-color:#fff3}.clear-button{align-self:flex-start;background-color:#ff00001a;border:1px solid #f003;border-radius:4px;color:#ff6b6b;cursor:pointer;padding:.5rem 1rem}.clear-button:hover{background-color:#f003}.formula-help{background-color:#ffffff05;border-radius:4px;margin-top:1rem;padding:1rem}.formula-help h4{margin-bottom:.5rem;margin-top:0}.formula-help ul{margin:.5rem 0;padding-left:1.5rem}.formula-help code{background-color:#0003;border-radius:3px;font-family:monospace;padding:.2rem .4rem}.timeline-project-container{margin:0 auto;max-width:1200px;padding:2rem}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.timeline-content{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:2rem}.timeline-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.timeline-placeholder h2{color:var(--text-primary);margin-bottom:1rem}.timeline-placeholder p{color:var(--text-secondary);max-width:600px}.projects-container{padding:2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.project-card{background:var(--background-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:1.75rem;transition:all .3s ease}.project-card:hover{transform:translateY(-4px)}.project-card h2{color:#333;margin:0 0 1rem}.project-card p{color:#666;margin-bottom:1.5rem}.project-card-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-badge{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-active{background:#e6f4ea;color:#137333}.status-inactive{background:#fce8e6;color:#c5221f}.status-development{background:#e8f0fe;color:#1a73e8}.version{color:#666;font-size:.875rem}.view-project-btn{background:#1a73e8;border-radius:4px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-project-btn:hover{background:#1557b0}.profile-container{margin:2rem auto;max-width:600px;padding:1rem}.profile-header{margin-bottom:2rem}.profile-form{display:flex;flex-direction:column;gap:1rem}.profile-form label{font-weight:700}.username-container{align-items:flex-end;display:flex;gap:1rem}.username-container>div{flex:1 1}.profile-form input{background-color:var(--background);border:1px solid var(--border);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.5rem;width:100%}.username-container button{padding:.5rem 1rem;white-space:nowrap}.profile-info{border:1px solid var(--border);border-radius:4px;margin-top:1rem;padding:1rem}button{background-color:var(--background);border:1px solid var(--text-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}button:hover{background-color:var(--text-primary);color:var(--background)}.App{text-align:center}.nav-tabs{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--background-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 2rem;position:sticky;top:0;z-index:100}.auth-section,.nav-links{display:flex;gap:20px}.auth-section{align-items:center}.nav-link{color:var(--text-primary);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--accent)}.main-content{max-width:800px}.main-content,.main-content-wide{margin:0 auto;padding:20px}.blog-container{text-align:left}.blog-posts{display:flex;flex-direction:column;gap:20px;margin-top:20px}.blog-post-preview{border:1px solid #eee;border-radius:8px;padding:20px;transition:box-shadow .3s ease}.blog-post-preview:hover{box-shadow:0 2px 8px #0000001a}.post-title{color:inherit;text-decoration:none}.post-title h2{color:#333;margin:0}.post-title:hover h2{color:#007bff}.post-date{color:#666;font-size:.9em;margin-top:8px}.blog-post{text-align:left}.blog-post h1{margin-bottom:10px}.post-content{line-height:1.6;margin-top:20px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-bottom:16px;margin-top:24px}.post-content p{margin-bottom:16px}.post-content code{background-color:#f6f8fa;border-radius:4px;padding:2px 4px}.post-content pre{background-color:#f6f8fa;border-radius:8px;overflow-x:auto;padding:16px}.post-content img{height:auto;max-width:100%}.post-content blockquote{border-left:4px solid #ddd;color:#666;margin:0;padding-left:16px}.post-content ol,.post-content ul{margin-bottom:16px;padding-left:24px}.blog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.new-post-button{font-size:14px;padding:8px 16px}
/*# sourceMappingURL=main.389a9ff9.css.map*/