*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0d1829;color:#e0e0e0}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:#0d1829}.login-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:360px;padding:2rem;background:#112240;border-radius:8px;color:#e0e0e0}.login-logo{height:52px;margin-bottom:.25rem;align-self:flex-start}.login-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.login-form input{padding:.5rem .75rem;border:1px solid #1e3550;border-radius:4px;background:#0d1829;color:#e0e0e0;font-size:1rem;width:100%}.login-form button{padding:.6rem;background:#4f7df3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.login-form button:disabled{opacity:.6;cursor:not-allowed}.error{color:#f87171;font-size:.85rem}.layout{display:flex;flex-direction:column;min-height:100vh;background:#0d1829;color:#e0e0e0}.layout-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#112240;border-bottom:1px solid #1e3550;flex-wrap:wrap;gap:.5rem}.layout-main{padding:1.5rem;flex:1}.layout-footer{display:flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;background:#112240;border-top:1px solid #1e3550;font-size:.8rem;color:#4a6a8a}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.9rem}.breadcrumb-seg{cursor:pointer;color:#4f7df3}.breadcrumb-seg:not(:last-child):after{content:" /";color:#666;margin-left:.25rem}.btn{padding:.5rem 1rem;background:#112240;border:1px solid #1e3550;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.9rem;white-space:nowrap}.btn:hover:not(:disabled){background:#1e3550;border-color:#2a4a6a}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#4f7df3;border-color:#4f7df3;color:#fff}.btn-ghost{background:transparent;border-color:#1e3550;color:#6b8caa}.btn-ghost:hover:not(:disabled){background:#ef44441f;border-color:#ef4444;color:#ef4444}.state{color:#e0e0e0;padding:1rem 0}.table-scroll-wrapper{height:74vh;overflow-y:auto;overflow-x:auto;border-radius:8px;border:1px solid #1e3a5f;scrollbar-width:thin;scrollbar-color:#2a4a6a #0d1829}.table-scroll-wrapper::-webkit-scrollbar{width:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#0d1829;border-radius:8px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#2a4a6a;border-radius:8px;border:2px solid #0d1829}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#4f7df3}.dir-table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;font-size:.9rem;background:#162945;border-radius:8px;box-shadow:0 2px 12px #0000004d}.dir-table thead{background:#1a3358}.dir-table th{position:sticky;top:0;z-index:1;background:#1a3358;text-align:left;padding:.65rem .75rem;border-bottom:2px solid #1e3a5f;color:#7eb8f7;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.dir-table td{padding:.55rem .75rem;border-bottom:1px solid #1a3050}.dir-table tbody tr:last-child td{border-bottom:none}.dir-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dir-table th.sortable:hover{color:#e0e0e0}.sort-indicator{font-size:.75rem;margin-left:.25rem;opacity:.6}.dir-table tr.clickable{cursor:pointer}.dir-table tr.clickable:hover td{background:#1e3d68}.dir-table .cell-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.dir-table .cell-icon{font-size:1rem}.dir-table .empty{height:100%;text-align:center;vertical-align:middle;color:#4a6a8a}@media (max-width: 600px){.layout-main{padding:1rem .75rem}.layout-header{padding:.75rem 1rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:10vh 1rem 1rem;z-index:2}.modal{position:relative;background:#112240;border-radius:8px;padding:1.5rem;width:100%;max-width:950px;display:flex;flex-direction:column;gap:1rem}.modal-close{position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#6b8caa;cursor:pointer;transition:background .15s,color .15s}.modal-close:hover{background:#ffffff0f;color:#e0e0e0}.modal h2{font-size:1.1rem}.modal input{padding:.5rem;background:#0d1829;border:1px solid #1e3550;border-radius:4px;color:#e0e0e0;font-size:1rem;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.credentials-box{background:#1a3358;border:1px solid #2a4a6a;border-radius:6px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}.credentials-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600;color:#c0d4e8}.btn-copy{font-size:.9rem;padding:.5rem 1.1rem}.credentials-list{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .85rem;margin:0;font-size:.95rem}.credentials-list dt{color:#6b8caa;text-transform:capitalize}.credentials-list dd{margin:0;color:#e0e0e0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.credentials-fade-enter-active,.credentials-fade-leave-active{transition:opacity .25s ease,transform .25s ease,max-height .25s ease;overflow:hidden}.credentials-fade-enter-from,.credentials-fade-leave-to{opacity:0;transform:translateY(-6px);max-height:0}.credentials-fade-enter-to,.credentials-fade-leave-from{opacity:1;transform:translateY(0);max-height:1200px}.cred-host{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;color:#c0d4e8;padding-bottom:.5rem;border-bottom:1px dashed #1e3550}.cred-host-label{color:#7eb8f7;font-weight:600;margin-right:.5rem}.cred-section{background:#0a1322;border:1px solid #1e3550;border-left:3px solid #1e3550;border-radius:4px;padding:.55rem .85rem;display:flex;flex-direction:column;gap:.4rem}.cred-section-primary{border-left-color:#4f7df3}.cred-section-danger{border-left-color:#ef4444}.cred-section-muted{border-left-color:#2a4a6a}.cred-section-title{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7eb8f7;margin:0}.cred-section-danger .cred-section-title{color:#f87171}.cred-value{-webkit-user-select:all;user-select:all}.cred-note{margin-left:.4rem;color:#6b8caa;font-style:italic;font-size:.8rem}.cred-link{color:#4f7df3;font-size:.85rem;text-decoration:none;word-break:break-all}.cred-link:hover{text-decoration:underline}.cred-warning{font-size:.95rem;font-weight:600;color:#f87171}.header-nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.header-logo-full{height:34px;display:block;flex-shrink:0}.header-tabs{display:flex;gap:2px;background:#ffffff0a;border:1px solid #1e3550;border-radius:8px;padding:3px}.tab-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:110px;padding:.35rem .85rem;border-radius:6px;color:#6b8caa;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.tab-link:hover{background:#ffffff0f;color:#c0d4e8}.tab-link.router-link-active{background:#4f7df3;color:#fff;box-shadow:0 1px 4px #4f7df366}.toolbar-actions{display:flex;gap:.5rem}.field-hint{font-size:.78rem;color:#4a6a8a}.field-info-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffa5001f;border:1px solid rgba(255,165,0,.45);border-left:3px solid #ff9b2b;border-radius:4px;color:#ffcf8a;font-size:.8rem;line-height:1.35}.field-info-card svg{flex-shrink:0;color:#ff9b2b}.field-info-card strong{color:#ffe1b8;font-weight:600}.mx-1{margin:0 5px}.search-input{padding:.55rem .75rem;background:#112240;border:1px solid #1e3550;border-radius:4px;color:#e0e0e0;font-size:14px;width:300px}.search-input::placeholder{color:#4a6a8a}.search-input:focus{outline:none;border-color:#4f7df3}.search-input::-webkit-search-cancel-button{cursor:pointer}.page-title{font-size:1rem;font-weight:600}@media (max-width: 600px){.search-input{width:140px}}.loading-overlay[data-v-cf86bb26]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0006;display:flex;align-items:center;justify-content:center;cursor:not-allowed}.loading-spinner[data-v-cf86bb26]{display:flex;align-items:center;justify-content:center}.spinner-ring[data-v-cf86bb26]{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-cf86bb26 .75s linear infinite}@keyframes spin-cf86bb26{to{transform:rotate(360deg)}}