@font-face{font-family:Manrope-Fallback;font-size:16px;line-height:1.6;color:red;visibility:visible;word-spacing:-.65px;letter-spacing:.25px;font-weight:400;src:local("Arial");font-display:swap}@font-face{font-family:Manrope;font-weight:200 800;font-style:normal;src:local("Manrope"),url(./Manrope.BV4x-lYL.woff2) format("woff2"),url(./Manrope.CoSpTUBZ.ttf) format("ttf");font-display:swap}@font-face{font-family:Manrope;font-weight:200 800;font-style:italic;src:local("Manrope"),url(./Manrope.BV4x-lYL.woff2) format("woff2"),url(./Manrope.CoSpTUBZ.ttf) format("ttf");font-display:swap}body,html{height:100%;margin:0;padding:0;background-color:rgb(var(--bg-color));font-family:Manrope,Manrope-Fallback,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px}.light{--bg-color:255 255 255}.dark{--bg-color:26 26 26}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#333}.portal-page{min-height:100vh;display:flex;flex-direction:column}.portal-header{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #00000014;justify-content:space-between;position:sticky;top:0;z-index:10}.logo,.portal-header{display:flex;align-items:center}.logo{text-decoration:none;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo img{height:40px;width:auto}.theme-toggle{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.theme-toggle:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}.portal-layout{display:flex;flex:1}.sidebar{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:20px 0;justify-content:space-between;position:sticky;top:81px;height:calc(100vh - 81px);flex-shrink:0}.sidebar,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:4px}.sidebar-profile{position:relative;padding:12px 16px;border-top:1px solid #f0f0f0}.profile-button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;background:none;border-radius:8px;cursor:pointer;transition:background .2s;font-family:inherit}.profile-button:hover{background:#f5f7fa}.profile-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.profile-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#1e88e5;color:#fff;font-size:14px;font-weight:600}.profile-name{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{position:absolute;bottom:100%;left:12px;right:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001f;overflow:hidden;margin-bottom:8px}.profile-menu-info{padding:12px 16px;border-bottom:1px solid #f0f0f0}.profile-menu-name{font-size:14px;font-weight:600;color:#333}.profile-menu-email{font-size:12px;color:#999;margin-top:2px}.profile-menu-logout{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:13px;color:#e53935;cursor:pointer;transition:background .2s}.profile-menu-logout:hover{background:#fef2f2}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#666;font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{background:#f5f7fa;color:#1e88e5}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.nav-icon-emoji{font-size:18px;width:20px;text-align:center}.nav-name{flex:1}.portal-content{flex:1;padding:40px;overflow-x:auto}.content-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;max-width:1600px;margin:0 auto}.section-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.work-services-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.services-list{display:flex;flex-direction:column;gap:0}.service-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.service-row:last-child{border-bottom:none}.service-name{display:flex;align-items:center;gap:12px;min-width:180px;font-size:15px;font-weight:500;color:#333}.service-icon{width:24px;height:24px;flex-shrink:0}.service-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.service-environments{display:flex;gap:12px}.env-button{padding:8px 20px;border:1px solid #e0e0e0;background:#f8f9fa;border-radius:6px;text-decoration:none;color:#666;font-size:13px;font-weight:500;transition:all .2s;min-width:60px;text-align:center}.env-button:hover{background:#1e88e5;color:#fff;border-color:#1e88e5;transform:translateY(-1px);box-shadow:0 2px 4px #1e88e54d}.tools-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;color:#666;transition:all .2s}.tool-card:hover{background:#1e88e5;border-color:#1e88e5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #1e88e54d}.tool-icon{width:48px;height:48px;flex-shrink:0}.tool-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tool-name{font-size:12px;font-weight:500;text-align:center;line-height:1.3}.dark body{background:#1a1a1a;color:#e0e0e0}.dark .portal-header{background:#2a2a2a;border-bottom:1px solid #333}.dark .sidebar{background:#2a2a2a;border-right-color:#333}.dark .nav-item{color:#999}.dark .nav-item:hover{background:#333;color:#1e88e5}.dark .sidebar-profile{border-top-color:#3a3a3a}.dark .profile-button:hover{background:#333}.dark .profile-name{color:#e0e0e0}.dark .profile-menu{background:#2a2a2a;border-color:#444}.dark .profile-menu-info{border-bottom-color:#3a3a3a}.dark .profile-menu-name{color:#e0e0e0}.dark .profile-menu-email{color:#666}.dark .profile-menu-logout:hover{background:#3a2020}.dark .section-title{color:#e0e0e0}.dark .tools-section,.dark .work-services-section{background:#2a2a2a}.dark .service-row{border-bottom-color:#3a3a3a}.dark .service-name{color:#e0e0e0}.dark .env-button{background:#333;border-color:#444;color:#999}.dark .env-button:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}.dark .tool-card{background:#333;border-color:#444;color:#999}.dark .tool-card:hover{background:#1e88e5;border-color:#1e88e5;color:#fff}.dark .theme-toggle{background:#333;border-color:#444;color:#e0e0e0}.dark .theme-toggle:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}.grafana-content{flex:1;display:flex;flex-direction:column;padding:20px}.grafana-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.grafana-title{font-size:24px;font-weight:700;color:#333;margin:0}.env-selector{display:flex;gap:10px}.env-select-btn{padding:8px 20px;border:1px solid #e0e0e0;background:#f8f9fa;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#666;transition:all .2s}.env-select-btn:hover{background:#e0e0e0}.env-select-btn.active{background:#1e88e5;color:#fff;border-color:#1e88e5}.grafana-iframe-container{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.grafana-iframe{width:100%;height:100%;border:none}.dark .grafana-header{background:#2a2a2a}.dark .grafana-title{color:#e0e0e0}.dark .env-select-btn{background:#333;border-color:#444;color:#999}.dark .env-select-btn:hover{background:#3a3a3a}.dark .env-select-btn.active{background:#1e88e5;color:#fff;border-color:#1e88e5}.dark .grafana-iframe-container{background:#2a2a2a}@media(max-width:1400px){.content-layout{grid-template-columns:1fr 350px}}@media(max-width:1200px){.content-layout{grid-template-columns:1fr}.tools-section{order:2}}@media(max-width:1024px){.sidebar{width:60px;padding:20px 0}.nav-item{flex-direction:column;padding:12px 8px;gap:4px;text-align:center}.nav-name{font-size:11px}.nav-icon-emoji{font-size:20px}}@media(max-width:768px){.sidebar{display:none}.portal-content,.tools-section,.work-services-section{padding:20px}.service-row{flex-direction:column;align-items:flex-start;gap:12px}.service-environments{width:100%;justify-content:flex-start}.env-button{flex:1}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.portal-header{padding:15px 20px}.logo img{height:32px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.docs-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014;max-width:800px}.docs-links{display:flex;flex-direction:column;gap:0}.doc-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;transition:all .2s}.doc-link:last-child{border-bottom:none}.doc-link:hover{padding-left:8px}.doc-link:hover .doc-name{color:#1e88e5}.doc-name{font-size:15px;font-weight:500;color:#333}.doc-url{font-size:13px;color:#999}.dark .docs-section{background:#2a2a2a}.dark .doc-link{border-bottom-color:#3a3a3a}.dark .doc-name{color:#e0e0e0}.dark .doc-url{color:#666}.dark .doc-link:hover .doc-name{color:#1e88e5}@media(max-width:768px){.doc-link{flex-direction:column;align-items:flex-start;gap:4px}}