:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,p{margin-top:0}h1{margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem)}h2{margin-bottom:1rem}label{color:#334155;gap:.45rem;font-weight:700;display:grid}input,select{color:#172033;background:#fff;border:1px solid #d5dde8;border-radius:.85rem;outline:none;width:100%;padding:.8rem .9rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f7;padding:.9rem 1rem}th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header:after{width:1rem;color:var(--brand-primary-bright,#2563eb);content:"↕";opacity:.45;margin-left:.35rem;display:inline-block}.sortable-header[aria-sort=ascending]:after{content:"↑";opacity:1}.sortable-header[aria-sort=descending]:after{content:"↓";opacity:1}.sortable-header:focus-visible{outline:2px solid var(--brand-primary-bright,#2563eb);outline-offset:-2px}.server-sortable-header{padding:0}.server-sortable-header button{width:100%;color:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:.9rem 1rem}.server-sortable-header:after{display:none}.server-sortable-header button:after{width:1rem;color:var(--brand-primary-bright,#2563eb);content:"↕";opacity:.45;margin-left:.35rem;display:inline-block}.server-sortable-header[aria-sort=ascending] button:after{content:"↑";opacity:1}.server-sortable-header[aria-sort=descending] button:after{content:"↓";opacity:1}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#0f172a;flex-direction:column;gap:2rem;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #0f172a1f}.brand{align-items:center;gap:.9rem;display:flex}.brand small,.sidebar-footer small{color:#94a3b8;margin-top:.2rem;display:block}.brand-mark{background:#2563eb;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.sidebar-nav{gap:.5rem;display:grid}.nav-item{text-align:left;color:#cbd5e1;background:0 0;border:0;border-radius:.9rem;padding:.9rem 1rem}.nav-item.active,.nav-item:hover{color:#fff;background:#1e293b}.sidebar-footer{gap:1rem;margin-top:auto;display:grid}.app-content{padding:2rem;overflow-x:hidden}.app-content-inner{gap:1rem;display:grid}.breadcrumbs{width:min(1280px,100%);margin:0 auto}.breadcrumbs ol{color:#64748b;align-items:center;gap:.45rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex;overflow-x:auto}.breadcrumbs li{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.breadcrumbs button{color:var(--brand-primary-bright,#2563eb);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.breadcrumbs button:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:#0f172a;font-weight:800}.breadcrumb-separator{color:#94a3b8}.content-stack{gap:1.25rem;max-width:1280px;margin:0 auto;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel,.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem;box-shadow:0 20px 50px #0f172a0d}.login-page,.center-screen{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:min(460px,100%)}.stack{gap:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.user-form{gap:1rem;display:grid}.toolbar,.pagination,.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.search-form{flex:1;gap:.75rem;min-width:min(520px,100%);display:flex}.table-wrap{margin-top:1rem;overflow-x:auto}.entity-table-wrap{border:1px solid var(--brand-border-soft,#e2e8f0);border-radius:.9rem}.entity-table{min-width:880px}.entity-table tbody tr{transition:background .15s}.entity-table tbody tr:hover{background:#1d9ade0f}.entity-table tbody tr:last-child td{border-bottom:0}.entity-name{align-items:center;gap:.65rem;min-width:150px;display:inline-flex}.entity-primary{gap:.25rem;min-width:180px;display:grid}.entity-description{color:var(--brand-muted,#64748b);line-height:1.35}.entity-primary .entity-description{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.entity-identifier{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.entity-period{white-space:nowrap;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;display:grid}.entity-actions{text-align:right;white-space:nowrap;width:1%}.entity-selection{width:1%}.entity-selection input{width:auto}.host-table{min-width:980px}.linked-assets{flex-wrap:wrap;gap:.4rem;min-width:150px;display:flex}.linked-asset{align-items:center;display:inline-flex}.linked-asset .badge{border-radius:999px 0 0 999px}.unlink-button{border-radius:0 999px 999px 0;min-width:0;padding:.22rem .5rem}.relation-select{min-width:150px;padding:.55rem .7rem}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.checkbox-label{align-items:center;gap:.6rem;font-weight:600;display:flex}.checkbox-label input{width:auto}.parent-assets-filter{white-space:nowrap}.equipment-panel{gap:1rem;display:grid}.import-mode-selector{flex-wrap:wrap;gap:.6rem;display:flex}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.interface-addresses{flex-wrap:wrap;gap:.5rem;display:flex}.documents-layout{grid-template-columns:minmax(230px,.32fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.document-tree{gap:.35rem;max-height:calc(100vh - 2rem);display:grid;position:sticky;top:1rem;overflow:auto}.document-tree-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem;display:grid}.document-tree-item,.document-add-child{color:inherit;text-align:left;background:0 0;border:0;border-radius:.65rem;padding:.55rem .65rem}.document-tree-item:hover,.document-tree-item.active{color:#1e40af;background:#dbeafe}.document-add-child{color:#2563eb;font-weight:900}.document-editor{gap:1rem;display:grid}.markdown-editor{tab-size:2;min-height:55vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55}.markdown-guide{gap:1rem;display:grid}.markdown-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.markdown-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e8f0;background:#0f172a;border-radius:.75rem;margin:0;padding:.9rem}.document-viewer{gap:1.25rem;min-height:60vh;display:grid}.document-empty-preview{text-align:center;align-content:center;place-items:center;min-height:300px;display:grid}.markdown-preview{color:#1e293b;overflow-wrap:anywhere;line-height:1.75}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{color:#0f172a;margin:1.6em 0 .6em;line-height:1.25}.markdown-preview h1{border-bottom:2px solid #dbeafe;padding-bottom:.4rem;font-size:2.2rem}.markdown-preview h2{border-bottom:1px solid #e2e8f0;padding-bottom:.35rem;font-size:1.65rem}.markdown-preview h3{font-size:1.3rem}.markdown-preview p,.markdown-preview ul,.markdown-preview ol{margin:.85rem 0}.markdown-preview blockquote{color:#334155;background:#eff6ff;border-left:4px solid #2563eb;margin:1rem 0;padding:.25rem 1rem}.markdown-preview code{color:#be185d;background:#fce7f3;border-radius:.35rem;padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.markdown-preview pre{color:#e2e8f0;background:#0f172a;border-radius:.85rem;padding:1rem;overflow:auto}.markdown-preview pre code{color:inherit;background:0 0;padding:0}.markdown-preview table{margin:1rem 0;display:block;overflow-x:auto}.markdown-preview img{border-radius:.9rem;max-width:100%;max-height:720px;margin:1.25rem auto;display:block;box-shadow:0 12px 30px #0f172a1f}.markdown-preview a{color:#2563eb;font-weight:700}.markdown-preview hr{border:0;border-top:1px solid #cbd5e1;margin:2rem 0}.media-manager{gap:1rem;display:grid}.media-drop-zone{text-align:center;background:#eff6ff;border:2px dashed #93c5fd;border-radius:1rem;place-items:center;gap:.65rem;min-height:220px;padding:1.5rem;display:grid}.media-drop-zone:focus,.media-drop-zone:hover{border-color:#2563eb;outline:none}.media-file-button{cursor:pointer;width:auto;display:inline-flex}.media-preview{grid-template-columns:minmax(180px,.6fr) minmax(240px,1fr);align-items:center;gap:1rem;display:grid}.media-preview img{object-fit:contain;background:#f8fafc;border-radius:.85rem;width:100%;max-height:320px}.media-library{gap:.8rem;display:grid}.media-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.media-library-card img{object-fit:contain;background:var(--brand-panel-soft);border-radius:.65rem;width:100%;height:130px}.media-library-card code{text-overflow:ellipsis;white-space:nowrap;color:var(--brand-primary-bright);overflow:hidden}.diagram-viewer,.diagram-editor{gap:1rem;min-height:70vh;display:grid}.drawio-frame{border:1px solid var(--brand-border-soft);background:#fff;border-radius:.85rem;width:100%;min-height:680px}.diagram-file-button{cursor:pointer;width:auto;display:inline-flex}.diagram-category-create{grid-template-columns:minmax(0,1fr) auto;gap:.35rem;display:grid}.diagram-category-row{background:#f8fafc;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.35rem .55rem;display:flex}.diagram-category-row button{cursor:pointer;color:#64748b;background:0 0;border:0;font-size:1.1rem}.diagram-pdf-preview{background:#fff;border:1px solid #dbe3ef;border-radius:.75rem;width:100%;min-height:68vh}.form-span-2{grid-column:1/-1}.asset-type-name,.asset-card-title,.asset-type-icon-preview{align-items:center;gap:.55rem;display:flex}.asset-type-icon{object-fit:contain;flex:none;width:28px;height:28px}.asset-type-icon.large{width:38px;height:38px}.asset-type-icon-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:.45rem;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.asset-type-icon-preview{border:1px dashed #cbd5e1;border-radius:.8rem;width:fit-content;padding:.75rem}.asset-type-icon-preview .asset-type-icon{width:64px;height:64px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172ab8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:1.25rem;width:min(760px,100%);max-height:calc(100vh - 2.5rem);position:relative;overflow:auto;box-shadow:0 30px 80px #02061766}.modal-body>.panel{box-shadow:none;border:0}.modal-close{z-index:2;float:right;color:#475569;background:#f1f5f9;border:0;border-radius:999px;width:2.35rem;height:2.35rem;margin:.75rem .75rem -3rem 0;font-size:1.5rem;line-height:1;position:sticky;top:.75rem}.library-grid{gap:1rem;display:grid}.library-card{border:1px solid #e2e8f0;border-radius:1rem;gap:.8rem;padding:1rem;display:grid}.icon-library-preview,.drawio-icon-grid{flex-wrap:wrap;gap:.5rem;display:flex}.icon-library-preview img{object-fit:contain;width:42px;height:42px}.drawio-picker{border:1px solid #e2e8f0;border-radius:.9rem;gap:.75rem;padding:.85rem;display:grid}.drawio-icon-grid{max-height:260px;overflow:auto}.drawio-icon-grid button{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;place-items:center;gap:.3rem;width:92px;min-height:88px;padding:.5rem;font-size:.72rem;display:grid;overflow:hidden}.drawio-icon-grid button:hover{background:#eff6ff;border-color:#2563eb}.drawio-icon-grid img{object-fit:contain;width:45px;height:45px}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:.85rem;padding:.75rem 1rem;font-weight:800;transition:transform .15s,background .15s}.primary-button{color:#fff;background:#2563eb}.primary-button:hover{background:#1d4ed8}.secondary-button{color:#1e293b;background:#e2e8f0}.secondary-button:hover{background:#cbd5e1}.ghost-button{color:#2563eb;background:#eff6ff}.ghost-button:hover{background:#dbeafe}.full-width{width:100%}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:900}.muted{color:#64748b;font-weight:500}.alert{border-radius:.9rem;margin-top:1rem;padding:.8rem 1rem;font-weight:700}.alert-error{color:#991b1b;background:#fee2e2}.alert-success{color:#166534;background:#dcfce7}.badge,.status{border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.status.active{color:#166534;background:#dcfce7}.status.inactive{color:#991b1b;background:#fee2e2}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.form-grid,.search-form{grid-template-columns:1fr;display:grid}.app-content{padding:1rem}}textarea{color:#172033;resize:vertical;width:100%;min-height:110px;font:inherit;background:#fff;border:1px solid #d5dde8;border-radius:.85rem;outline:none;padding:.8rem .9rem;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.project-form{gap:1rem;display:grid}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.project-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:1.15rem;gap:.9rem;padding:1rem;display:grid}.project-card-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.project-card h3{margin:0 0 .5rem;font-size:1.15rem}.project-description{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.info-list{gap:.7rem;margin:0;display:grid}.info-list div{border-top:1px solid #edf1f7;justify-content:space-between;gap:1rem;padding-top:.7rem;display:flex}.info-list dt{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}.info-list dd{color:#172033;text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.view-all-toggle{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:.9rem;padding:.7rem .9rem}.loading-text{margin:1rem 0 0}@media (width<=1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.project-grid,.equipment-grid,.documents-layout,.markdown-guide-grid,.media-preview,.media-library-grid{grid-template-columns:1fr}.document-tree{max-height:none;position:static}}.back-button{justify-self:flex-start}.compact-header h2{margin-bottom:.35rem}.project-detail-hero{grid-template-columns:1fr minmax(260px,380px);align-items:start;gap:1.5rem;display:grid}.project-summary{gap:.8rem;margin:0;display:grid}.project-summary div{border-bottom:1px solid #edf1f7;justify-content:space-between;gap:1rem;padding-bottom:.8rem;display:flex}.project-summary dt{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}.project-summary dd{text-align:right;margin:0;font-weight:800}@media (width<=900px){.project-detail-hero{grid-template-columns:1fr}}.sidebar-project-card{background:#111c31;border:1px solid #334155;border-radius:1rem;gap:.35rem;padding:1rem;display:grid}.sidebar-project-card small{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.sidebar-project-card strong{color:#fff;line-height:1.25}.project-context-header{color:#f8fafc;background:#0f172a;border-radius:1.25rem;gap:1.25rem;padding:1.25rem;display:grid;box-shadow:0 20px 50px #0f172a21}.project-home-button{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:.85rem;justify-self:flex-start;padding:.75rem 1rem;font-weight:800}.project-home-button:hover{color:#fff;background:#334155}.project-context-content{grid-template-columns:1fr minmax(260px,380px);align-items:start;gap:1.5rem;display:grid}.project-context-content h1{color:#fff}.project-context-content p{color:#cbd5e1;line-height:1.6}.project-eyebrow{color:#60a5fa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:900}.project-context-summary{gap:.8rem;margin:0;display:grid}.project-context-summary div{border-bottom:1px solid #334155;justify-content:space-between;gap:1rem;padding-bottom:.8rem;display:flex}.project-context-summary dt{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:800}.project-context-summary dd{color:#f8fafc;text-align:right;margin:0;font-weight:800}@media (width<=900px){.project-context-content{grid-template-columns:1fr}}.project-context-navbar{border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.project-navbar-main{gap:.15rem;min-width:220px;display:grid}.project-navbar-main strong{color:#fff;font-size:1.05rem;line-height:1.2}.project-navbar-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;margin:0;display:flex}.project-navbar-summary div{align-items:center;gap:.45rem;display:flex}.project-navbar-summary dt{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:900}.project-navbar-summary dd{color:#f8fafc;margin:0;font-weight:800}.project-context-navbar .project-home-button{padding:.6rem .8rem}.project-context-navbar .project-eyebrow{margin:0;font-size:.68rem}@media (width<=900px){.project-context-navbar{flex-direction:column;align-items:flex-start}.project-navbar-summary{justify-content:flex-start}}.sidebar-subnav{gap:.35rem;margin-top:-.25rem;padding-left:.75rem;display:grid}.nav-item.child{color:#b6c3d5;padding:.7rem .8rem;font-size:.92rem}.nav-item.child:before{content:"↳ ";color:#64748b}.sidebar-empty{color:#94a3b8;padding:.4rem .8rem;font-size:.88rem}.nav-item.readonly{cursor:default;display:block}.settings-sections{flex-wrap:wrap;gap:.75rem;display:flex}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h3{margin-top:0}.dns-panel{gap:1rem;display:grid}.dns-result{gap:.75rem;min-width:0;display:grid}.dns-command{color:#7dd3fc;overflow-wrap:anywhere;background:#050c16b3;border-radius:.65rem;padding:.8rem 1rem;display:block}.dns-result pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--brand-border-soft);color:#dbeafe;background:#030914;border-radius:.75rem;max-height:32rem;margin:0;padding:1rem;font:.86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.dns-record-value{overflow-wrap:anywhere;min-width:18rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-section{color:#1e293b;background:#e2e8f0;border:0;border-radius:999px;padding:.75rem 1rem;font-weight:900}.settings-section.active{color:#fff;background:#0f172a}.host-card{align-content:start}.host-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.host-section-card{align-content:start;gap:1rem;display:grid}.section-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-title-row h3,.host-section-card h3{margin:0}.host-description{-webkit-line-clamp:unset;display:block;overflow:visible}.host-subsections{gap:.85rem;display:grid}.empty-section{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem;padding:1rem}.empty-section p{margin:.35rem 0 0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.service-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:1rem;gap:.25rem;padding:1rem;display:grid}@media (width<=900px){.host-section-grid,.services-grid{grid-template-columns:1fr}}.wide-host-section{grid-column:1/-1}.interfaces-list{gap:1rem;display:grid}.interface-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:1rem;gap:1rem;padding:1rem;display:grid}.interface-card h4{margin:0 0 .25rem;font-size:1.05rem}.interface-address-summary{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.address-summary-chip{color:#1e3a8a;overflow-wrap:anywhere;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.82rem;display:inline-flex}.address-summary-chip span{color:#2563eb;text-transform:uppercase;font-weight:800}.compact-info-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-info-list div{min-width:0}.interface-addresses{gap:.7rem;display:grid}.address-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:.9rem;gap:.25rem;padding:.85rem;display:grid}.address-card .badge{justify-self:flex-start}.address-card small{color:#475569;overflow-wrap:anywhere}@media (width<=700px){.compact-info-list,.host-subsection-menu{grid-template-columns:1fr}.host-subsection-tab{flex-direction:column;align-items:flex-start}.filters-panel,.filters-panel.three-filters{grid-template-columns:1fr}}.project-detail-shell{width:100%;max-width:none}.project-detail-shell>:not(.project-context-header){width:min(1280px,100%);margin-left:auto;margin-right:auto}.project-detail-shell .project-context-header{width:100%}.nav-item{align-items:center;gap:.65rem;display:flex}.nav-icon{flex:none;place-items:center;width:1.25rem;display:inline-grid}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item.child:before{content:none}.sidebar-tree-group{gap:.35rem;display:grid}.hosts-under-net{border-left:1px solid #334155;margin-top:0;padding-left:1rem}.nav-item.host-child{color:#cbd5e1;font-size:.86rem}.host-detail-shell{width:100%;max-width:none}.host-horizontal-menu{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:.75rem;padding:.35rem;display:flex;overflow-x:auto;box-shadow:0 12px 30px #0f172a0a}.host-section-tab{color:#334155;white-space:nowrap;background:0 0;border:0;border-radius:.85rem;align-items:center;gap:.55rem;padding:.75rem 1rem;font-weight:900;display:inline-flex}.host-section-tab:hover{color:#1d4ed8;background:#eff6ff}.host-section-tab.active{color:#fff;background:#0f172a}.single-host-section{grid-template-columns:minmax(0,1fr)}.host-network-layout{gap:1rem;display:grid}.host-subsection-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.host-subsection-tab{color:#334155;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;font-weight:900;display:flex;box-shadow:0 12px 30px #0f172a0a}.host-subsection-tab:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.host-subsection-tab.active{color:#fff;background:#0f172a;border-color:#0f172a}.subsection-count{color:#475569;background:#e2e8f0;border-radius:999px;flex:none;padding:.3rem .65rem;font-size:.78rem}.host-subsection-tab.active .subsection-count{color:#e2e8f0;background:#334155}.filters-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:.85rem;padding:1rem;display:grid}.filters-panel.three-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.filters-panel label{margin:0}.collapsible-card-header{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:0;display:flex}.collapsible-card-header h4{margin:0 0 .25rem}.card-toggle-indicator{color:#334155;background:#e2e8f0;border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.8rem;font-weight:900}@media (width<=700px){.host-subsection-menu,.filters-panel,.filters-panel.three-filters{grid-template-columns:1fr}.host-subsection-tab,.collapsible-card-header{flex-direction:column;align-items:flex-start}}.port-card{background:#fbfdff;border:1px solid #e2e8f0;border-radius:1rem;gap:1rem;padding:1rem;display:grid}.port-card h4{overflow-wrap:anywhere;margin:0 0 .25rem;font-size:1.05rem}.port-link-summary{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.link-status{overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.link-status.linked{color:#166534;background:#dcfce7;border:1px solid #86efac}.link-status.unlinked{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.nav-item.host-child .nav-label{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-height:2.5em;line-height:1.25;display:-webkit-box}.nav-item{width:100%;min-width:0}.nav-item.host-child .nav-label{overflow-wrap:anywhere}.command-suggestion{background:#eff6ff;border:1px solid #dbeafe;border-radius:1rem;gap:.5rem;padding:1rem;display:grid}.command-suggestion p{margin:0}.command-suggestion pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#172033;margin:0;font-size:.85rem;line-height:1.45;overflow-x:auto}.user-groups-grid{gap:1rem;display:grid}.service-card small{color:#64748b;overflow-wrap:anywhere}.pagination-actions{justify-content:flex-end}.go-to-page-form{align-items:end;gap:.5rem;display:flex}.go-to-page-form label{gap:.25rem;font-size:.78rem}.go-to-page-form input{width:5.5rem;padding:.65rem .75rem}.bulk-actions-bar{background:#eff6ff;border:1px solid #dbeafe;border-radius:.95rem;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;margin:1rem 0;padding:.8rem;display:flex}.card-selection{color:#475569;align-self:flex-start;font-size:.82rem}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-Variable-CYB_IVAf.ttf)format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Variable-CfknUHFh.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{--brand-bg:#08111f;--brand-deep:#050c16;--brand-panel:#10233a;--brand-panel-soft:#0c1b2e;--brand-hover:#132a45;--brand-text:#f1f5f9;--brand-muted:#9eb0c5;--brand-primary:#1d9ade;--brand-primary-bright:#38bdf8;--brand-success:#22c55e;--brand-warning:#fbbf24;--brand-border:#1d9ade40;--brand-border-soft:#9eb0c524;color:var(--brand-text);background:var(--brand-bg);font-family:Nunito,Inter,sans-serif}body{color:var(--brand-text);background:radial-gradient(circle at 88% 8%,#1d9ade1c,transparent 26rem),radial-gradient(circle at 5% 42%,#22c55e0d,transparent 25rem),var(--brand-bg)}body:before{z-index:-1;pointer-events:none;content:"";opacity:.32;background-image:linear-gradient(#1d9ade09 1px,#0000 1px),linear-gradient(90deg,#1d9ade09 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}h1,h2,h3,.brand,.primary-button,.secondary-button,.ghost-button,.nav-item,.settings-section{font-family:Orbitron,Nunito,sans-serif}h1,h2,h3{color:var(--brand-text);letter-spacing:-.02em}.app-shell{background:0 0}.sidebar{border-right:1px solid var(--brand-border-soft);background:#050c16f5;box-shadow:8px 0 30px #03080f6b}.brand-mark{color:var(--brand-success);background:#07101b;border:1px solid #38bdf88c;border-radius:11px;position:relative;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 30px #1d9ade1f}.brand strong{letter-spacing:.06em}.brand small,.sidebar-footer small,.muted{color:var(--brand-muted)}.nav-item{color:#c9d5e3;border:1px solid #0000}.nav-item.active,.nav-item:hover{color:var(--brand-text);border-color:var(--brand-border);background:#1d9ade1a}.sidebar-project-card{background:var(--brand-panel-soft);border-color:var(--brand-border)}.app-content{background:0 0}.panel,.login-card,.project-card,.library-card,.modal-dialog{color:var(--brand-text);background:var(--brand-panel);border-color:var(--brand-border-soft);box-shadow:0 12px 34px #01070e47}.project-card{background:var(--brand-panel-soft);transition:border-color .18s,transform .18s,background .18s}.project-card:hover{border-color:var(--brand-border);background:var(--brand-hover);transform:translateY(-2px)}.project-description,.info-list dt,.project-summary dt,th{color:var(--brand-muted)}.info-list dd,.project-summary dd,label,td{color:var(--brand-text)}.info-list div,.project-summary div,th,td{border-color:var(--brand-border-soft)}input,select,textarea{color:var(--brand-text);border-color:var(--brand-border-soft);background:#091829;border-radius:10px}input::placeholder,textarea::placeholder{color:#71859c}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #1d9ade26}.primary-button{color:#03111d;background:var(--brand-primary);border-radius:10px}.primary-button:hover{background:var(--brand-primary-bright);transform:translateY(-1px)}.secondary-button{color:var(--brand-text);border:1px solid var(--brand-border-soft);background:#9eb0c51f}.secondary-button:hover{border-color:var(--brand-border);background:#1d9ade21}.ghost-button{color:var(--brand-primary-bright);background:#1d9ade17;border:1px solid #0000}.ghost-button:hover{border-color:var(--brand-border);background:#1d9ade29}.ghost-button.danger{color:#fda4af;background:#be123c1f}.ghost-button.danger:hover{background:#be123c38}.eyebrow,.project-eyebrow{color:var(--brand-primary-bright)}.status.active{color:#86efac;background:#22c55e24;border:1px solid #22c55e40}.status.inactive{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e38}.badge{color:#7dd3fc;background:#1d9ade21}.alert-error{color:#fecdd3;background:#be123c2e;border:1px solid #fb718538}.alert-success{color:#bbf7d0;background:#22c55e26;border:1px solid #22c55e38}.project-context-header{background:linear-gradient(120deg,#0a192a,var(--brand-panel));border:1px solid var(--brand-border);box-shadow:0 12px 34px #01070e57}.project-home-button{color:var(--brand-text);border-color:var(--brand-border);background:#1d9ade17}.project-home-button:hover{background:#1d9ade2e}.settings-section{color:#c9d5e3;background:var(--brand-panel-soft);border:1px solid var(--brand-border-soft)}.settings-section.active,.settings-section:hover{color:var(--brand-text);border-color:var(--brand-border);background:#1d9ade26}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080fd1}.modal-close{color:var(--brand-muted);background:var(--brand-panel-soft);border:1px solid var(--brand-border-soft)}.modal-close:hover{color:var(--brand-text);background:var(--brand-hover)}.asset-type-icon-placeholder,.drawio-icon-grid button{color:var(--brand-muted);background:var(--brand-panel-soft);border-color:var(--brand-border-soft)}.drawio-picker,.asset-type-icon-preview{border-color:var(--brand-border);background:#050c1647}.drawio-icon-grid button:hover{border-color:var(--brand-primary);background:#1d9ade1f}.view-all-toggle{color:#7dd3fc;border-color:var(--brand-border);background:#1d9ade17}:focus-visible{outline-offset:2px;outline:3px solid #38bdf880}.backup-warning{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2440}.markdown-preview{color:#dbe7f3}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{color:var(--brand-text)}.markdown-preview h1{border-color:#38bdf859}.markdown-preview h2,.markdown-preview hr{border-color:var(--brand-border-soft)}.markdown-preview blockquote{color:#c9d5e3;border-color:var(--brand-primary);background:#1d9ade17}.markdown-preview code{color:#f9a8d4;background:#be185d2e}.markdown-preview th{color:#7dd3fc;background:#1d9ade1f}.markdown-preview a{color:var(--brand-primary-bright)}.media-drop-zone{color:var(--brand-text);border-color:var(--brand-border);background:#1d9ade12}.media-preview img{background:var(--brand-panel-soft)}