.app{display:flex;flex-direction:column;min-height:100vh}.app-shell-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;background:#fff;box-shadow:0 2px 8px #00000017}.app-shell-title{display:flex;align-items:center;gap:8px;min-width:0}.app-shell-title h1{margin:0;font-size:18px;color:#333;white-space:nowrap}.app-content{min-width:0;padding:24px;background:#f0f2f5}.app-route-loading{display:flex;min-height:240px;align-items:center;justify-content:center}.mobile-nav-drawer .ant-drawer-body{padding:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#1a1a1a;border-bottom:1px solid #333}.app-header h1{margin:0;font-size:1.5rem}.login-button{padding:.5rem 1rem;background-color:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.login-button:hover{background-color:#005a9e}.header-actions{display:flex;align-items:center;gap:1rem}.user-profile{display:flex;align-items:center;gap:.5rem}.mobile-menu-button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.app-container{display:flex;flex:1}.sidebar{width:200px;background-color:#1a1a1a;border-right:1px solid #333;padding:1rem 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0}.sidebar-nav button{width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s}.sidebar-nav button:hover{background-color:#2a2a2a}.sidebar-nav button.active{background-color:#0078d4;font-weight:700}.app-main{flex:1;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-main{padding:1rem}.back-button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-bottom:1rem;align-self:flex-start}.back-button:hover{background-color:#444}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center}.mobile-nav ul{list-style:none;padding:0;margin:0;width:100%;max-width:300px}.mobile-nav li{margin:.5rem 0}.mobile-nav button{width:100%;padding:1rem;text-align:center;background:none;border:1px solid #333;color:#fff;cursor:pointer;font-size:1.2rem;transition:background-color .2s;border-radius:4px}.mobile-nav button:hover{background-color:#2a2a2a}.mobile-nav button.active{background-color:#0078d4;border-color:#0078d4;font-weight:700}.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;background-color:#1a1a1a;border-top:1px solid #333;padding:.5rem;z-index:100}.mobile-bottom-nav button{flex:1;padding:.75rem;background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s;border-radius:4px}.mobile-bottom-nav button:hover{background-color:#2a2a2a}.mobile-bottom-nav button.active{background-color:#0078d4;font-weight:700}@media (max-width: 768px){.app-shell-header{padding:0 12px}.app-shell-title h1{font-size:16px}.app-content{padding:12px}.ant-card-body{padding:16px}.ant-space,.ant-input-search,.ant-picker,.ant-select,.ant-input-number,.ant-auto-complete{max-width:100%}.ant-modal{max-width:calc(100vw - 24px);top:12px}.ant-modal-content{max-height:calc(100vh - 24px);overflow:auto}.ant-modal-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ant-table-wrapper{max-width:100%}.page-header-row{align-items:flex-start;flex-direction:column;gap:12px}.page-header-row .ant-btn{width:100%}.app-header{padding:.75rem}.app-header h1{font-size:1.2rem}.app-main{padding:1rem;margin-bottom:60px}.user-management{width:100%}.mobile-query-form{flex-direction:column;gap:.5rem}.mobile-query-form input{width:100%}.mobile-grid{grid-template-columns:1fr}.environment-selector{flex-direction:column;align-items:flex-start;gap:.5rem}.environment-selector select{width:100%}}@media (max-width: 480px){.app-header{flex-direction:column;gap:.5rem;align-items:flex-start}.header-actions,.login-button{align-self:flex-end}.mobile-bottom-nav button{font-size:.9rem;padding:.5rem}}.welcome{max-width:600px;text-align:center}.unauthorized{max-width:600px;text-align:center;padding:2rem;background-color:#1a1a1a;border-radius:4px;border:1px solid #333}.unauthorized h2{color:#ff4d4f;margin-bottom:1rem}.unauthorized p{color:#999;font-size:1.1rem}.loading{font-size:1.2rem;color:#0078d4}.dashboard{width:100%;max-width:1200px}.user-info{margin:2rem 0;padding:1rem;background-color:#1a1a1a;border-radius:4px}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.card{background-color:#1a1a1a;padding:1.5rem;border-radius:4px;border:1px solid #333}.card h3{margin-bottom:1rem;color:#0078d4}.user-management{margin-top:2rem;padding:1.5rem;background-color:#1a1a1a;border-radius:4px;border:1px solid #333;width:100%}.user-management h3{margin-bottom:1.5rem;color:#0078d4}.environment-selector{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.environment-selector select{padding:.5rem;border-radius:4px;border:1px solid #333;background-color:#242424;color:#fff}.query-form{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.query-form input{flex:1;min-width:200px;padding:.5rem;border-radius:4px;border:1px solid #333;background-color:#242424;color:#fff}.query-button,.change-password-button{padding:.5rem 1rem;background-color:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;white-space:nowrap}.query-button:hover,.change-password-button:hover{background-color:#005a9e}.message{margin-bottom:1.5rem;padding:.75rem;border-radius:4px;background-color:#242424;border-left:4px solid #0078d4}.user-details{margin-top:1.5rem;padding:1.5rem;background-color:#242424;border-radius:4px;border:1px solid #333}.user-details h4{margin-bottom:1rem;color:#0078d4}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.875rem;color:#999}.info-item .value{font-size:1rem;color:#fff}.change-password{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #333}.change-password h4{margin-bottom:1rem;color:#0078d4}.change-password input{width:100%;padding:.5rem;border-radius:4px;border:1px solid #333;background-color:#242424;color:#fff;margin-bottom:1rem}@media (max-width: 768px){.app-header{padding:.75rem}.app-header h1{font-size:1.2rem}.app-main{padding:1rem}.dashboard-content{grid-template-columns:1fr}.query-form{flex-direction:column}.query-form input{width:100%}.user-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.app-header{flex-direction:column;gap:.5rem;align-items:flex-start}.user-profile,.login-button{align-self:flex-end}.environment-selector{flex-direction:column;align-items:flex-start}.environment-selector select{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}button{font-family:inherit;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}