:root{--bg-main: #0b0f0d;--text-main: #e6fff4;--tile-ok: rgba(0, 255, 136, .18);--tile-error: rgba(255, 60, 60, .35)}body{margin:0;background:var(--bg-main);color:var(--text-main);font-family:system-ui,sans-serif}.client-note{display:grid;gap:0;min-width:0}.note-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.65rem;border:1px solid #334155;border-bottom:0;border-radius:12px 12px 0 0;background:#111827}.note-toolbar-button,.note-toolbar-select,.note-save-button{border:1px solid #475569;border-radius:8px;background:#0f172a;color:#e5e7eb;font:inherit;font-weight:700}.note-toolbar-button{min-height:2rem;padding:.3rem .55rem;cursor:pointer}.note-toolbar-button:hover:not(:disabled),.note-toolbar-button.is-active{border-color:#60a5fa;background:#3b82f638;color:#dbeafe}.note-toolbar-button:disabled{opacity:.4;cursor:not-allowed}.note-toolbar-select{min-height:2rem;padding:.3rem .5rem}.client-note .tiptap{min-height:280px;max-height:720px;overflow:auto;padding:1rem;border:1px solid #334155;border-radius:0;outline:none;background:#090f1a;color:#e5e7eb;line-height:1.55}.client-note .tiptap:focus{border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa66}.client-note .tiptap>:first-child{margin-top:0}.client-note .tiptap>:last-child{margin-bottom:0}.client-note .tiptap a{color:#60a5fa;text-decoration:underline}.client-note .tiptap blockquote{margin-left:0;padding-left:1rem;border-left:4px solid #3b82f6;color:#cbd5e1}.client-note .tiptap pre{overflow-x:auto;padding:.8rem;border-radius:8px;background:#020617}.client-note .tiptap img{display:block;max-width:100%;height:auto;margin:.8rem 0;border-radius:8px;border:1px solid #334155}.client-note .tiptap img.ProseMirror-selectednode{outline:3px solid #60a5fa}.client-note .tiptap table{width:100%;margin:1rem 0;border-collapse:collapse;table-layout:fixed}.client-note .tiptap th,.client-note .tiptap td{position:relative;min-width:80px;padding:.5rem;border:1px solid #475569;vertical-align:top}.client-note .tiptap th{background:#3b82f629;font-weight:800}.client-note .tiptap .selectedCell:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:#3b82f633}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem;border:1px solid #334155;border-top:0;border-radius:0 0 12px 12px;background:#111827}.note-status{min-width:0;color:#94a3b8;overflow-wrap:anywhere}.note-save-button{flex:0 0 auto;padding:.55rem .9rem;border-color:#2563eb;background:#2563eb;cursor:pointer}.note-save-button:hover:not(:disabled){background:#1d4ed8}.note-save-button:disabled{opacity:.6;cursor:not-allowed}.note-hint{margin-top:.55rem;color:#64748b;font-size:.86rem}.request-status-panel{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1000;display:grid;width:min(360px,calc(100vw - 2rem));gap:.75rem;pointer-events:none}.request-status-notification{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;min-height:58px;padding:.85rem 1rem;border:1px solid rgba(96,165,250,.42);border-radius:12px;background:linear-gradient(145deg,#111827fa,#080f1afa);box-shadow:0 18px 42px #0000007a,0 0 0 1px #94a3b80f inset;color:#e5e7eb;animation:request-status-enter .16s ease-out;contain:layout paint style;isolation:isolate}.request-status-notification.is-error{border-color:#f87171a6;background:linear-gradient(145deg,#450a0afa,#200a0ffa);box-shadow:0 18px 42px #00000085,0 0 0 1px #f8717114 inset}.request-status-indicator{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.request-status-spinner{width:24px;height:24px;box-sizing:border-box;border:3px solid rgba(96,165,250,.25);border-top-color:#60a5fa;border-radius:50%;animation:request-status-spin .78s linear infinite;will-change:transform;contain:layout paint;transform:translateZ(0);backface-visibility:hidden}.request-status-error-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(254,202,202,.72);border-radius:50%;background:#7f1d1db8;color:#fee2e2;font-size:1rem;font-weight:900;line-height:1;box-shadow:0 0 0 4px #f871711f}.request-status-copy{display:grid;min-width:0;gap:.2rem}.request-status-copy strong{color:#f8fafc;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}@keyframes request-status-spin{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}@keyframes request-status-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.request-status-panel{right:1rem;bottom:1rem;width:calc(100vw - 2rem)}}@media(prefers-reduced-motion:reduce){.request-status-notification{animation:none}.request-status-spinner{animation-duration:1.5s}}.nav-controls{display:inline-flex;align-items:center;gap:.85rem;margin-left:auto}.language-switcher{display:inline-flex;align-items:center;gap:.5rem;color:#cbd5e1;font-weight:800}.language-switcher-label{white-space:nowrap}.language-switcher-options{display:inline-flex;align-items:center;padding:.2rem;border:1px solid #243041;border-radius:999px;background:#111827;box-shadow:inset 0 0 0 1px #0f172a59}.language-switcher-option{min-width:2.35rem;padding:.32rem .55rem;border:0;border-radius:999px;background:transparent;color:#94a3b8;font:inherit;font-size:.82rem;line-height:1;text-align:center}button.language-switcher-option{cursor:pointer}button.language-switcher-option:hover:not(.is-active){color:#e5e7eb;background:#94a3b81a}.language-switcher-option.is-active{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#eff6ff;box-shadow:0 0 0 2px #3b82f62e}.language-switcher.is-static .language-switcher-option{cursor:default}@media(max-width:900px){.nav-controls{width:100%;justify-content:flex-end}}@media(max-width:640px){.nav-controls{align-items:flex-end;flex-direction:column;gap:.55rem}}.client-simple-list,.client-error-list,.paged-table-mobile{display:none}.client-error-link{display:inline-flex;align-items:center;padding:.18rem .55rem;border:1px solid rgba(248,113,113,.45);border-radius:999px;background:#ef44442e;color:#fee2e2;font-weight:800;text-decoration:none}.app-nav-items{display:contents}@media(max-width:480px){*,*:before,*:after{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}.app-nav{gap:.55rem!important;padding:.55rem .65rem!important}.app-nav-items{display:flex;width:100%;gap:.4rem;overflow-x:auto;padding:.1rem 0 .3rem;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.app-nav-link{flex:0 0 auto;min-width:42px;padding:.3rem!important}.app-nav-link-icon{width:32px!important;height:32px!important}.app-nav-link-label,.language-switcher-label{display:none}.nav-controls{width:100%;margin-left:0;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.language-switcher{gap:0}.tenant-selector,.tenant-status{min-width:0;max-width:65%;font-size:.82rem}.tenant-selector-label{display:none}.tenant-selector-select{min-width:0;max-width:100%;padding:.45rem .6rem!important}.client-detail-page,.paged-table-page{padding:.75rem!important}.client-detail-page{gap:.75rem!important}.client-detail-header{display:grid!important;gap:.35rem!important}.client-detail-header h2,.paged-table-page h2{min-width:0;overflow-wrap:anywhere;line-height:1.25}.client-detail-card{padding:.75rem!important;border-radius:12px!important}.client-detail-card-title{overflow-wrap:anywhere;line-height:1.35}.client-detail-card-content{min-width:0;margin-top:.6rem!important}.client-key-value-table,.client-key-value-table tbody,.client-key-value-table tr,.client-key-value-table td{display:block;width:100%!important}.client-key-value-table tr{padding:.65rem 0;border-bottom:1px solid rgba(36,48,65,.8)}.client-key-value-table tr:first-child{padding-top:0}.client-key-value-table tr:last-child{padding-bottom:0;border-bottom:0}.client-key-value-table td{padding:0!important;border-bottom:0!important;white-space:normal!important;overflow-wrap:anywhere}.client-key-value-table td:first-child{margin-bottom:.25rem;color:#94a3b8!important;font-size:.78rem;line-height:1.25}.client-key-value-table td:last-child{color:#f1f5f9!important;line-height:1.45}.client-simple-table-desktop,.client-error-table-desktop,.paged-table-desktop{display:none!important}.client-simple-list,.client-error-list,.paged-table-mobile,.paged-table-mobile-list{display:grid;min-width:0;gap:.65rem}.client-data-record,.paged-table-mobile-card{min-width:0;overflow:hidden;border:1px solid #334155;border-radius:11px;background:#0f172ab8}.client-data-field,.paged-table-mobile-field{display:grid;min-width:0;gap:.22rem;padding:.65rem .7rem;border-bottom:1px solid rgba(51,65,85,.72)}.client-data-field:last-child,.paged-table-mobile-field:last-child{border-bottom:0}.client-data-label,.paged-table-mobile-label{color:#94a3b8;font-size:.75rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.client-data-value,.paged-table-mobile-value{min-width:0;color:#f1f5f9;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.client-data-value-strong{font-weight:800}.client-error-link-mobile{justify-content:center;margin:.7rem;overflow-wrap:anywhere;text-align:center}.paged-table-toolbar{display:grid!important;align-items:stretch!important;gap:.65rem!important}.paged-table-summary{font-size:.88rem;line-height:1.45}.paged-table-filter,.paged-table-filter-input{width:100%!important;max-width:none!important}.paged-table-mobile-sort{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center;margin-top:.8rem}.paged-table-mobile-sort label{grid-column:1 / -1;color:#94a3b8;font-size:.78rem;font-weight:800}.paged-table-mobile-sort select,.paged-table-mobile-sort button{min-height:42px;border:1px solid #334155;border-radius:9px;background:#111827;color:#e5e7eb;font:inherit;font-weight:700}.paged-table-mobile-sort select{min-width:0;width:100%;padding:.55rem .65rem}.paged-table-mobile-sort button{width:42px;cursor:pointer}.paged-table-mobile-sort button:disabled{opacity:.45;cursor:not-allowed}.paged-table-mobile-list{margin-top:.65rem}.paged-table-mobile-card.has-error{border-color:#f87171bf;background:linear-gradient(90deg,#7f1d1d75,#0f172ad1 42%),#0f172ad1;box-shadow:inset 4px 0 #f87171f2}.hostname-cell{max-width:100%;flex-wrap:wrap}.error-view-links{max-width:100%}.client-note .tiptap{min-height:220px;padding:.75rem}.client-note .tiptap table{width:max-content;min-width:100%;table-layout:auto}.client-note .tiptap th,.client-note .tiptap td{min-width:120px}.note-toolbar{padding:.5rem}.note-toolbar-select{max-width:100%}.note-footer{align-items:stretch;flex-direction:column;gap:.65rem}.note-save-button{width:100%;min-height:42px}}