:root{--bg-body: #f8fafc;--bg-card: #ffffff;--bg-card-secondary: #f1f5f9;--border-color: #e2e8f0;--text-title: #0f172a;--text-body: #334155;--text-muted: #64748b;--card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .05);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", "Roboto Mono", "SF Mono", Consolas, "Liberation Mono", "Courier New", monospace}html.dark,:root.dark,body.dark{--bg-body: #09090b;--bg-card: #121214;--bg-card-secondary: #1a1a1e;--border-color: rgba(255, 255, 255, .08);--text-title: #f4f4f5;--text-body: #d4d4d8;--text-muted: #71717a;--card-shadow: 0 10px 40px rgba(0, 0, 0, .4)}body{margin:0;padding:0;background-color:var(--bg-body);color:var(--text-body);font-family:var(--font-family);-webkit-font-smoothing:antialiased}code,.font-mono,.mono-text,.mono-bold,.font-mono-bold{font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,Roboto Mono,DejaVu Sans Mono,Liberation Mono,Menlo,Monaco,monospace;font-variant-numeric:tabular-nums;letter-spacing:0px!important;word-spacing:0px!important}.n-data-table .n-data-table-th,.n-data-table .n-data-table-td,.n-data-table .n-data-table-th__title{white-space:nowrap!important}.n-base-select-option .n-base-select-option__content{flex:1 1 0%!important;width:100%!important;min-width:0!important}.area-select-option-row{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:16px!important}.app-layout{min-height:100vh}.app-sider{background:var(--bg-card)!important;border-right:1px solid var(--border-color)}.brand-logo{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.logo-icon{background:#18a058;color:#fff;font-weight:900;font-size:13px;padding:6px 10px;border-radius:8px;letter-spacing:1px;box-shadow:0 4px 12px #18a05859}.logo-text .title{font-size:16px;font-weight:800;color:var(--text-title);line-height:1.2}.logo-text .badge{font-size:10px;font-weight:700;color:#18a058;letter-spacing:1.5px}.app-header{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center}.header-console-title{font-size:16px;font-weight:700;color:var(--text-title)}.header-actions{display:flex;align-items:center;gap:12px}.user-btn{padding:0 12px}.user-name{font-weight:600;font-size:13px}.app-content{background-color:var(--bg-body);min-height:calc(100vh - 60px)}.workspace-content,.dashboard-content{padding:12px;box-sizing:border-box}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}@media (max-width: 768px){html,body,#app{width:100%;min-width:0;overflow-x:hidden}.app-layout{min-height:100dvh}.app-header{padding:0 8px}.header-actions{gap:6px}.user-btn{padding:0 8px}.user-name{display:none}.workspace-content,.dashboard-content{padding:8px}.page-container{height:auto!important;min-width:0;overflow:visible!important}.page-header{gap:12px}.page-title{line-height:1.25}.sub-title{display:block;line-height:1.5;overflow-wrap:anywhere}.page-header>.n-space,.table-toolbar>.n-space,.toolbar-left,.area-modal-header>.n-space{width:100%;flex-wrap:wrap}.page-header>.n-space{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.page-header>.n-space>[role=none]{width:100%;min-width:0}.page-header>.n-space>[role=none]:only-child,.page-header>.n-space>[role=none]:last-child:nth-child(odd){grid-column:1 / -1}.page-header>.n-space .n-button,.page-header>.n-space .n-tag,.page-header>.n-button{width:100%;min-width:0;height:40px;justify-content:center}.table-toolbar .n-input,.table-toolbar .n-select,.area-modal-header .n-input{width:100%!important;max-width:100%}.table-toolbar>.n-space>[role=none],.area-modal-header>.n-space>[role=none]:first-child{width:100%;max-width:100%}.content-card,.node-table-card,.table-card{flex:none!important;height:auto!important;min-height:0}.content-card>.n-card-content,.content-card>.n-card__content,.node-table-card>.n-card-content,.node-table-card>.n-card__content,.table-card>.n-card-content,.table-card>.n-card__content{overflow:visible!important}.n-card-header{flex-wrap:wrap;gap:8px}.n-card-header__main{min-width:0}.flex-table{flex:none!important;height:auto!important;min-height:0}.flex-table.n-data-table--flex-height>.n-data-table-wrapper>.n-data-table-base-table{flex-grow:0!important}.flex-table.n-data-table--flex-height>.n-data-table-wrapper>.n-data-table-base-table>.n-data-table-base-table-body:last-child{flex-basis:auto!important;flex-grow:0!important}.n-modal .n-grid{grid-template-columns:minmax(0,1fr)!important}.n-modal{max-height:calc(100dvh - 16px)}.n-modal .n-card__content{overflow-y:auto}.n-modal .n-card__footer .n-space,.n-drawer .n-drawer-footer .n-space{flex-wrap:wrap;gap:8px!important}.n-drawer{max-width:100vw}.drawer-topology-card{flex-direction:column;gap:8px}.topo-arrow{transform:rotate(90deg)}.n-descriptions-table-wrapper{overflow-x:auto}.n-data-table-wrapper,.n-data-table-base-table-body{max-width:100%;overscroll-behavior-x:contain}.n-pagination{flex-wrap:wrap;row-gap:8px}}@media (min-width: 769px){.app-layout{height:100vh;min-height:0;overflow:hidden}.main-layout{height:100%;min-height:0}.app-layout-content{height:100%;min-height:0;overflow:hidden!important}.main-layout-content{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden!important}.app-header{flex:0 0 60px;box-sizing:border-box}.app-content{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}.workspace-content{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:16px 20px}.dashboard-content{height:100%;overflow-y:auto;padding:16px 20px}}
