:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f5f7;color:#1f2328}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.layout{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:18px}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:24px}.auth-area{min-width:48px}.eyebrow{margin:0 0 4px;color:#6b7280;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px;line-height:1.1}h2{font-size:14px}.connection{display:grid;grid-template-columns:260px 180px 88px;gap:10px;align-items:end}label{display:grid;gap:6px;color:#424851;font-size:12px;font-weight:800}input,select{min-height:36px;border:1px solid #cfd5dd;border-radius:6px;padding:8px 10px;background:#fff;color:#1f2328}button{min-height:36px;border:1px solid #1f2328;border-radius:6px;background:#1f2328;color:#fff;font-weight:800;cursor:pointer}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.metric{display:grid;gap:5px;min-height:74px;border:1px solid #d9dee5;border-radius:8px;padding:12px;background:#fff}.metric span{color:#6b7280;font-size:12px;font-weight:800}.metric strong{font-size:20px}.workspace{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:0}.sidebar,.main-panel{border:1px solid #d9dee5;border-radius:8px;background:#fff}.sidebar{display:flex;flex-direction:column;min-width:0;overflow:hidden}.management-form{display:grid;min-width:0;gap:10px;padding:12px 14px;border-bottom:1px solid #edf0f3}.management-form>*,.management-form label,.management-form input,.management-form select,.management-form button{min-width:0;width:100%}.management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.secondary-button{border-color:#c5cbd3;background:#fff;color:#343a42}.section-header{padding:14px 14px 8px;border-bottom:1px solid #edf0f3}.list{display:grid;gap:1px;max-height:250px;overflow:auto}.list-row{display:grid;gap:2px;padding:10px 14px;background:#fff}.list-row strong,.list-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row span{color:#6b7280;font-size:12px}.main-panel{min-width:0;overflow:hidden}.tabs{display:flex;gap:0;border-bottom:1px solid #d9dee5}.tab{border:0;border-right:1px solid #d9dee5;border-radius:0;background:#fff;color:#424851}.tab.active{background:#eaf1ff;color:#174ea6}.tab-panel{display:none;max-height:calc(100vh - 220px);overflow:auto}.tab-panel.active{display:block}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #edf0f3;padding:10px 12px;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#fff;color:#4b5563;font-size:12px;z-index:1}td{max-width:320px;overflow-wrap:anywhere}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px}.screenshot{border:1px solid #d9dee5;border-radius:8px;overflow:hidden;background:#fff}.screenshot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#eef1f5}.screenshot div{padding:8px;color:#4b5563;font-size:12px;overflow-wrap:anywhere}.status-line{min-height:20px;margin:0;color:#5f6670;font-size:13px}@media(max-width:900px){.topbar,.connection,.workspace,.summary-grid{grid-template-columns:1fr}}