*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f3f4f6;color:#27313d;font-size:14px}button{font:inherit}.pgadmin{min-height:100vh;display:flex;flex-direction:column;background:#f5f6f8}.topbar{height:56px;flex-shrink:0;background:#263746;color:#fff;border-bottom:1px solid #172531;padding:0 16px}.brand,.topbar{display:flex;align-items:center}.brand{width:250px;gap:10px}.brand-mark{width:34px;height:34px;border-radius:4px;background:#3c8dbc;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.brand strong{display:block;font-size:14px;letter-spacing:.4px}.brand span{display:block;color:#aebbc5;font-size:11px;margin-top:2px}.topbar-center{flex:1 1;display:flex;justify-content:center}.server-indicator{background:#1f2e3a;border:1px solid #3a4b58;border-radius:3px;padding:7px 14px;color:#dce4e9;font-size:12px}.top-actions{display:flex;align-items:center;gap:4px}.top-actions>button{border:0;background:transparent;color:#cbd5dc;width:34px;height:34px;cursor:pointer;border-radius:3px}.top-actions>button:hover{background:#344b5b}.user-menu{gap:8px;margin-left:10px;padding-left:12px;border-left:1px solid #42525d;color:#e7edf1;font-size:12px}.avatar{width:28px;height:28px;border-radius:50%;background:#3c8dbc;display:flex;align-items:center;justify-content:center;font-weight:700}.chevron{color:#aebbc5}.workspace{flex:1 1;display:flex;min-height:0}.sidebar{width:280px;flex-shrink:0;background:#fff;border-right:1px solid #d8dde2;display:flex;flex-direction:column}.sidebar-toolbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e1e5e8;color:#6d7780;font-size:10px;font-weight:700;letter-spacing:.7px}.sidebar-toolbar button{width:26px;height:26px;border:0;background:transparent;color:#65727c;cursor:pointer;border-radius:3px}.sidebar-toolbar button:hover{background:#edf1f4}.tree{flex:1 1;overflow-y:auto;padding:8px 0}.tree-leaf,.tree-node{min-height:31px;display:flex;align-items:center;padding-right:10px;font-size:12px;color:#46535d}.tree-node{cursor:pointer}.tree-leaf:hover,.tree-node:hover{background:#f1f4f6}.server-node{font-weight:600;color:#283943}.tree-children{padding-left:15px}.tree-arrow{width:18px;text-align:center;color:#7a858d;flex-shrink:0}.tree-icon{width:21px;flex-shrink:0;color:#71818c;font-size:12px}.tree-icon.server{color:#3c8dbc}.tree-icon.database{color:#7d8d98;font-size:9px}.tree-leaf{padding-left:33px;cursor:pointer;border-left:1px solid transparent}.tree-leaf.selected{background:#e8f1f7;border-left-color:#3c8dbc;color:#21658a}.tree-leaf.selected .tree-icon{color:#3c8dbc}.sidebar-bottom{border-top:1px solid #e1e5e8;padding:10px}.connection-status{display:flex;align-items:center;gap:9px;padding:8px;background:#f6f8f9;border:1px solid #e0e5e8;border-radius:3px}.connection-status span,.connection-status strong{display:block}.connection-status strong{font-size:11px;color:#36434c}.connection-status span{font-size:10px;color:#8a959d;margin-top:2px}.main{flex:1 1;min-width:0;overflow-y:auto;padding:0 25px 35px}.breadcrumb{height:42px;display:flex;align-items:center;gap:9px;color:#879199;font-size:11px;border-bottom:1px solid #e2e5e8}.breadcrumb strong{color:#56636c;font-weight:600}.page-title{display:flex;justify-content:space-between;align-items:center;padding:22px 0 18px}.page-title h1{margin:0;font-size:23px;font-weight:400;color:#35424c}.page-title p{margin:5px 0 0;color:#7d8991;font-size:12px}.page-actions{display:flex;gap:7px}.icon-button,.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:3px}.primary-button{border:1px solid #337aa3;background:#3c8dbc;color:#fff;padding:7px 13px;font-size:12px}.primary-button:hover{background:#337da9}.secondary-button{border:1px solid #ccd3d8;background:#fff;color:#53616b;padding:7px 13px;font-size:12px}.secondary-button:hover{background:#f4f6f7}.text-button{border:0;background:transparent;color:#3c8dbc;font-size:11px}.icon-button{border:1px solid #d9dfe3;background:#fff;color:#66747d;width:31px;height:29px}.welcome-panel{min-height:112px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dce1e5;border-left:4px solid #3c8dbc;padding:20px 22px;margin-bottom:15px}.eyebrow{font-size:9px;letter-spacing:1px;color:#82909a;font-weight:700}.welcome-panel h2{margin:5px 0 4px;font-size:18px;font-weight:400;color:#34434d}.welcome-panel p{margin:0;color:#78858e;font-size:12px}.connection-box{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#f7f9fa;border:1px solid #e1e6e9;min-width:180px}.connection-box span,.connection-box strong{display:block}.connection-box strong{font-size:12px;color:#46535c}.connection-box span{font-size:10px;color:#8a959d;margin-top:2px}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex-shrink:0;background:#adb5bb}.status-dot.online{background:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,.12)}.status-dot.offline{background:#dc3545}.status-dot.warning{background:#f0ad4e}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:15px}.stat-card{min-height:105px;background:#fff;border:1px solid #dce1e5;padding:15px}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:42px;height:42px;justify-content:center;background:#eef4f7;color:#3c8dbc;border-radius:3px;font-size:18px;margin-right:13px}.stat-title{color:#7e8991;font-size:9px;font-weight:700;letter-spacing:.5px}.stat-value{font-size:23px;color:#35434d;margin:2px 0}.stat-detail{color:#89939a;font-size:10px;display:flex;align-items:center;gap:5px}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid #dce1e5;margin-bottom:15px}.panel-header{min-height:53px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #e2e6e9}.panel-header h3{margin:0;font-size:13px;color:#3c4a54;font-weight:600}.panel-header span{display:block;margin-top:3px;color:#89939a;font-size:10px}.detail-list{padding:3px 15px 9px}.detail-list>div{display:flex;justify-content:space-between;align-items:center;min-height:36px;border-bottom:1px solid #f0f2f3;font-size:11px}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:#7f8a92}.detail-list strong{color:#4c5962;font-weight:500}.service-list{padding:5px 15px 8px}.service-row{display:flex;justify-content:space-between;align-items:center;min-height:38px;border-bottom:1px solid #f0f2f3;font-size:11px}.service-row:last-child{border-bottom:0}.service-row>div{display:flex;align-items:center;gap:8px}.service-row strong{font-size:9px;color:#6e7b83}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{height:35px;text-align:left;padding:0 13px;color:#78848c;background:#f7f8f9;border-bottom:1px solid #dfe4e7;font-size:9px;letter-spacing:.4px;font-weight:700}.data-table td{height:42px;padding:0 13px;color:#59666f;border-bottom:1px solid #edf0f2}.data-table tbody tr:hover{background:#f8fafb}.data-table td strong{color:#44515a;font-weight:600}.mono{font-family:Consolas,Liberation Mono,monospace;font-size:10px}.method{background:#eef4f7;color:#39779a;border:1px solid #d7e4eb;padding:3px 5px;font-family:Consolas,monospace;font-size:9px}.badge,.method{border-radius:2px}.badge{display:inline-block;padding:3px 6px;font-size:8px;font-weight:700;letter-spacing:.3px}.badge.success{background:#e8f5ec;color:#32824a;border:1px solid #cce8d4}.badge.warning{background:#fff4df;color:#a56d13;border:1px solid #f2dfb8}.single-panel-page{width:100%}.large-panel{min-height:300px}.empty-panel{text-align:center;padding:70px 20px;color:#78858e}.empty-icon{font-size:38px;color:#9eabb3}.empty-panel h3{margin:10px 0 5px;color:#52606a;font-size:15px;font-weight:500}.empty-panel p{margin:0 auto 18px;max-width:520px;line-height:1.6;font-size:11px}.statusbar{height:27px;flex-shrink:0;justify-content:space-between;background:#e7eaed;border-top:1px solid #cfd5da;color:#68757e;padding:0 12px;font-size:9px}.statusbar,.statusbar>div{display:flex;align-items:center}.statusbar>div{gap:6px}.separator{color:#a7afb5;margin:0 3px}@media (max-width:1050px){.sidebar{width:235px}.brand{width:210px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.sidebar{width:205px}.topbar-center{display:none}.content-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:12px}.page-actions{flex-direction:column}.statusbar>div:last-child{display:none}.main{padding-left:15px;padding-right:15px}}@media (max-width:600px){.sidebar{display:none}.stats-grid{grid-template-columns:1fr}.user-menu span:not(.chevron){display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(45,92,140,.22),transparent 34%),linear-gradient(135deg,#101820,#172633 52%,#0d141b);padding:32px 20px}.login-shell{width:100%;max-width:440px}.login-brand{gap:14px;margin-bottom:24px}.login-brand,.login-logo{display:flex;justify-content:center;color:#fff}.login-logo{width:48px;height:48px;border-radius:8px;align-items:center;background:#3b82f6;font-size:25px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}.login-brand-name{font-size:21px;font-weight:800;letter-spacing:.04em}.login-brand-subtitle{margin-top:3px;font-size:10px;letter-spacing:.18em;opacity:.65}.login-card{background:#fff;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.38);padding:34px}.login-card-header{text-align:center;margin-bottom:28px}.login-lock{width:44px;height:44px;margin:0 auto 14px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#edf4fb;color:#2563eb;font-size:20px}.login-card-header h1{margin:0;color:#17202a;font-size:24px;font-weight:700}.login-card-header p{margin:9px 0 0;color:#687482;font-size:13px;line-height:1.55}.login-form{gap:18px}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{gap:7px;color:#35404b;font-size:12px;font-weight:700}.login-form input{width:100%;box-sizing:border-box;border:1px solid #cbd5df;border-radius:5px;background:#fff;color:#18212a;padding:12px 13px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.login-form input:disabled{background:#f3f5f7}.login-button{margin-top:3px;width:100%;border:0;border-radius:5px;background:#2563eb;color:#fff;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .05s}.login-button:hover:not(:disabled){background:#1d4ed8}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.65;cursor:wait}.login-error{display:flex;flex-direction:column;gap:3px;border:1px solid #f1b7b7;border-radius:5px;background:#fff4f4;color:#9f2424;padding:11px 12px;font-size:12px;line-height:1.45}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid #e6eaee;color:#78838e;font-size:11px}.login-footer{text-align:center;margin-top:18px;color:hsla(0,0%,100%,.48);font-size:11px}.login-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-size:14px}.login-loading span{color:hsla(0,0%,100%,.58);font-size:12px}.user-menu{gap:10px}.user-avatar,.user-menu{display:flex;align-items:center}.user-avatar{width:32px;height:32px;border-radius:50%;justify-content:center;background:#3b82f6;color:#fff;font-size:13px;font-weight:800}.user-details{display:flex;flex-direction:column;min-width:145px}.user-details strong{color:#fff;font-size:12px}.user-details span{margin-top:2px;color:hsla(0,0%,100%,.55);font-size:10px}.logout-button{border:1px solid hsla(0,0%,100%,.16);border-radius:4px;background:transparent;color:hsla(0,0%,100%,.75);padding:7px 10px;font-size:11px;cursor:pointer}.logout-button:hover{background:hsla(0,0%,100%,.08);color:#fff}.tree-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.tree-button:hover{background:rgba(59,130,246,.08)}.tree-button.selected{background:rgba(59,130,246,.14);color:#2563eb}@media (max-width:760px){.login-card{padding:26px 22px}.server-state,.user-details{display:none}}.login-brand-image{display:block;width:92px;height:92px;flex-shrink:0;object-fit:contain}.login-brand{align-items:center}@media (max-width:520px){.login-brand-image{width:78px;height:78px}}